Элегантная форма авторизации с использованием CSS3

23 января 2012 г.

Элегантная форма авторизации с использованием CSS3

Продолжаю делиться версткой элементов интерфейса для сайтов. Как и в своей предыдущей статье, я взял интересный пример с сайта PremiumPixels.com и сверстал его, используя CSS3. На этот раз это форма авторизации.

В дизайне этой формы используются приятные нежные цвета, поэтому выглядит она действительно элегантно. Глядя на подобную красоту, у меня всегда возникает мысль о том, как же здорово быть дизайнером и уметь вытворять такие вещи.

Я для себя уже нашел применение этой формы. Если и вам она тоже понравилась, то вы также можете использовать ее на своих сайтах. Далее в статье, пройдя по соответствующим ссылкам, вы найдете необходимый исходный код.

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

Красивые 3D-кнопки с помощью CSS3

2 января 2012 г.
Красивые 3D-кнопки с помощью CSS3

Замечательная технология CSS3 позволяет в ряде случаев при оформлении сайта отказаться от использования изображений, которые заменяет чистый CSS-код. К примеру, подобным образом можно поступить с какими-либо кнопками, используемыми на сайте. Есть один замечательный дизайнерский англоязычный блог PremiumPixels.com, автор которого бесплатно делится красивыми элементами интерфейса для сайтов. Мне очень нравится стиль этого дизайнера, он рисует обалденно. Я ... читать полностью »

Устранение проблемы увеличения межстрочного интервала в тексте при использовании графических смайлов

10 ноября 2011 г.
Устранение проблемы увеличения межстрочного интервала в тексте при использовании графических смайлов

Я предпочитаю при написании текста использовать текстовые смайлы, а некоторые блоггеры любят графические (у WordPress, например, есть специальная опция, которая автоматически преобразует текстовые смайлы в картинки). Иногда (это зависит от размера картинки) в результате вставки картинок-смайлов в текст, происходит неприятная глазу вещь - смайлы увеличивают межстрочный интервалы строк, в которых они стоят, и портят общую “картину”. Для ... читать полностью »

Загрузка части контента на WordPress с помощью AJAX

14 октября 2011 г.
Загрузка части контента на WordPress с помощью AJAX

Сергей Сосновский в своем блоге рассказывал, что с помощью технологии AJAX в целях поисковой оптимизации скрыл часть содержимого сайта от поисковых систем (что, кстати не является клоакингом). Технически реализовал это я. Поскольку нашлось много желающих повторить то же самое на своих блогах, попытаюсь донести информацию о том, как это сделать. AJAX по сути - это динамическая ... читать полностью »

Эмуляция псевдо-селектора :nth-child() в IE7 и IE8

10 октября 2011 г.
Эмуляция псевдо-селектора :nth-child() в IE7 и IE8

Неоднократно при верстке сайтов мне приходилось сталкиваться с ситуацией, когда строки в таблице или пункты вертикального списка необходимо было оформить зеброй. Т.е. одна строка, к примеру, с белым фоном, вторая с серым, третья опять с белым и так далее. При этом часто нет возможности изменить html-код (например, при использовании виджетов WordPress), чтобы каждому четному или ... читать полностью »

Красивый счетчик FeedBurner-подписчиков и Twitter-фолловеров на CSS3

12 сентября 2011 г.
Красивый счетчик FeedBurner-подписчиков и Twitter-фолловеров на CSS3

Ранее я предлагал вашему вниманию статьи о том, как с помощью небольших функций, не прибегая к плагинам, вывести на WordPress-сайте текстом количество RSS-подписчиков по данным сервиса FeedBurner и количество Twitter-фолловеров. В сегодняшнем посте я дополню данные статьи информацией о том, как красиво оформить эти счетчики с помощью технологии CSS. Примеры Живой пример счетчиков вы можете наблюдать прямо на ... читать полностью »

Постраничная навигация в комментариях WordPress без плагина

8 августа 2011 г.
Постраничная навигация в комментариях WordPress без плагина

Так же, как и при создании постраничной навигации в архивах сайта, работающего на движке WordPress, можно сделать постраничную навигацию в комментариях без использования каких-либо плагинов. Для этого используется специальная функция paginate_comments_links(), которая появилась в WordPress версии 2.7. Работает она на основе функции вывода постраничной навигации в архивах, а потому очень на нее похожа. ... читать полностью »