Представляю Вашему вниманию универсальный метод для манипулирования CSS свойствами в Javascript сценариях. Протестировано во всех современных браузерах (включая IE6).

Вы можете спросить меня: а зачем это нужно, если есть CSS? Ну например, для создания анимации какого-либо элемента при определенном событии или вам нужно узнать значение свойства элемента. У меня год назад был один проект, где через систему управления для разных разделов подгружались флешки разной высоты и необходимо было для элемента <div> прописать эту высоту. Просчет высоты осуществлял PHP и подставлял ее значение в простой JS сценарий. Читать полностью »

Категория: PHP, HTML, CSS... | Теги: ,

home2.jpgМножество существующих плагинов wordpress позволяют встраивать форму обратной связи на ваш блог, но использование плагинов – не обязательное условие. В сегодняшней статье, вы узнаете как создать встроенную контактную форму, с помощью собственной WordPress-темы без использования отдельных плагинов.

Читать полностью »

Категория: PHP, HTML, CSS..., WordPress | Теги:

010-1.jpgСегодня мы с вами поговорим о такой замечательной вещи как CSS спрайты.

Почти каждый дизайн для сайта содержит много картинок, это иконки, шапка сайта и различные графические элементы. Когда посетитель заходит на страницу сайта, на подгрузку каждой картинки на сайте уходит по одному http запросу. Каждый http запрос дает определенную нагрузку на пропускной канал вашего хостинг провайдера, также кушая :) определенное количество трафика, в зависимости от веса картинки. Читать полностью »

Категория: PHP, HTML, CSS... | Теги: ,

css-reset.jpgДля чего нужен так называемый CSS reset? CSS reset – это в переводе называется сброс CSS стилей. Необходимо это только для верстальщиков, которые переводят макеты сайтов в HTML код.

Каждый браузер устанавливает свои значения стилей по умолчанию для различных HTML-элементов, нам их и надо сбросить, чтобы сайты отображались одинаково во всех браузерах. Читать полностью »

Категория: PHP, HTML, CSS... | Теги:

005.jpgНедавно лазил по разным веб дизайнерским сайтам и набрел на Automatic Image Slider – по русски jQuery карусель, которая автоматически прокручивает картинки. Или сам пользователь может нажимать на кнопочки, тем самым просматривая картинки превьюшки, на которых обычно размещают самую важную и новую информацию на сайте.

Вот сейчас мы такую карусель и сделаем. Я покажу вам как она работает и подробно расскажу как воплотить эту карусель к себе на сайт или блог. Читать полностью »

Категория: PHP, HTML, CSS... | Теги: ,

samurai.jpg

Не так давно на одном форуме я наткнулся на тему, где спрашивалось о том, как сделать так чтобы при наведении курсором на картинку (например, фото в портфолио, ага) появлялась эдакая черная полоска с информацией об этой самой картинке (например, данные о авторе, дате съемки и описании). Так вот, просивший даже не знал, по каким ключам искать такое в Гугле, равно как этого не знает большинство. Другой вопрос, что я знаю, как сделать это и без Гугла, поэтому я накрапал небольшую статью-урок.

Способов решения задачи “наведение курсором на картинку = hover” есть 2. Первый из них подразумевает использование исключительно CSS, и соответственно, выглядит немного топорно. Второй сделан на jQuery и переход более плавный. Выбирайте, который вам больше по душе, а мы начнем. Читать полностью »

Категория: PHP, HTML, CSS... | Теги: ,

001.jpg

Наверное, многие, при html-верстке, встречали «баг», когда, размещая в блоке подряд два изображения, между ними возникает промежуток, примерно в 3-5 пикселей. Этот эффект присутствует не только в горячо любимом IE6, но и в других браузерах. Большинство решали это с бубнами – подменой Doctype, убиранием лишних отступов в html-файле и так далее.

Читать полностью »

Категория: PHP, HTML, CSS... | Теги: ,