Рисуем иконку календаря с помощью CSS3
2011-03-25 00:36:03
+ развернуть текст сохранённая копия
Всем снова здравствуйте! Все мы привыкли видеть на страницах сайтов и блогов, в записях или комментариях, иконки дат календаря, обозначающие дату. Фича без сомнения полезная во многих отношениях, но согласитесь, мало кто напрягался по поводу того, как эти иконки создавались. Чаще всего вывод дат прописан в шаблонах в виде подгружаемой готовой картинки или же ставится какой — нибудь [...]
Тэги:
css,
css3,
html
9 градиентных CSS кнопок
2011-03-19 19:35:45
+ развернуть текст сохранённая копия
Для доступа к файлам пожалуйста Авторизуйтесь либо Зарегистрируйтесь! Мой очередной урок будет посвящен созданию оригинальных градиентных кнопок, которые используют только CSS и ничего более. Мало того, они так же являются мультиплатформенными. В чем же преимущество таких кнопок? Ответ прост: вы имеете на своем сайте красивые кнопки и высокую скорость работы. Давайте сначала рассмотрим только html-код: [...]
Тэги:
css,
css3,
html
Меню «Аккордеон» без javascript и изображений
2011-03-03 20:01:24
+ развернуть текст сохранённая копия
Все чаще и чаще на страницах сайтов можно встретить использование меню навигации в стиле «аккордеон». Широкое применение такой вид меню находит у разработчиков тем для WordPress, это и понятно, компактность и информативность, а так же стиль оформления делают «аккордеон» все более популярным. В плане оформления и способов вывода таких блоков на страницы сайта работают ребята [...]
Тэги:
css,
css3,
html
Кнопки на сss3
2011-01-31 12:16:01
+ развернуть текст сохранённая копия
В данном уроке, я покажу как сделать удивительно красивые кнопки с помощью css3 и совершенно без js. Вся наша работа будет заключаться в одном css файле, который удобно подключать к своему проекту, в случае необходимости, и одному файлу с картинкой. Кнопки, кстати, будут достаточно хорошо отображаться в браузерах и без поддержки css3, для этого в [...]
Тэги:
css,
css3,
html
Скрытые возможности text-shadow
2011-01-08 15:52:26
+ развернуть текст сохранённая копия
Не удержался и решил перепостить сюда ссылку из своего твиттера (присоединяйтесь, иногда, делюсь полезностями) на интересный пример использования text-shadow. То, что нарисовано на картинке к посту в живую можно посмотреть здесь.
Помимо того, что здесь не используется никакой дополнительной разметки (типа :before и :after), особо внимательные дизайнеры могут заметить, что у текста есть не только «объём» [...]
Тэги:
css,
css3,
font,
shadow,
text,
xhtml
