Статьи, пособия, примеры начинающим вебмастерам.

Горячий поиск: PHP CSS SEO
Главная » Главная CSS

Рисуем в CSS - пособие для начинающих

2542 0
Опубликовано: 22 октября 2011
Однажды мы уже рассматривали возможности рисования на сервере - речь шла о GD, PHP-библиотеке для работы с графикой, а в этот раз хочу предложить порисовать... без рисунков. Думаете, так не бывает? Давайте попробуем, а в качестве помощника у нас будет CSS. В тетьей версии CSS содержит достаточно мощные и гибкие возможности - мы попробуем рассмотреть их использование. Единственно, что придется учитывать - это IE, который до 8-ой версии включительно не понимает CSS 3.
 (Голосов: 5)

Красивое оформление с помощью legend

6438 0
Опубликовано: 24 октября 2009
Изначально тег legend задумывался для оформления форм. В принципе, большинство веб-дизайнеров используют его исключительно для этой цели. А если применить его нестандартно? Скажем, пусть он выполняет функцию заголовка для блока. В качестве примера - небольшой блок, оформленный в стиле старых DOS-овских программ. Возможно, вы помните интерфейс программ десятилетней давности - давайте попробуем создать нечто, внешне похожее на те интерфейсы. Вот действующий пример.
 (Голосов: 2)

CSS без правил

1649 0
Опубликовано: 30 апреля 2008
К сожалению, многие браузеры (не будем показывать пальцем кто именно) до сих пор некорректно трактуют казалось бы, полностью валидный код. Немного погуглив и почитав форумы и блоги, я нашел несколько интересных вариантов решения проблем "несовместимости".
 (Голосов: 1)

Сложные динамические списки: это несложно

4984 0
Опубликовано: 1 февраля 2008
Чтобы помочь посетителям сайта попасть на определенную страницу (раздел), мы сталкиваемся с некоторыми проблемами. Одна из них - обеспечение качественной и удобной навигации для пользователей, и каждый вебмастер решает ее по-своему.
 (Голосов: 5)

Закругленные углы средствами CSS

2316 0
Опубликовано: 28 января 2008
Бродя по различным сайтам и блогам, я обнаружил интересную тенденцию - в последнее время стало "модно" описывать различные способы заокругленных углов с помощью таблиц стилей. В принципе, такой способ закругления углов имеет ряд преимуществ перед традиционным (с помощью графики), в частности:
- снижение нагрузки на сервер, ведь даже чтобы загрузить небольшие, в несколько байт гифы, требуется некоторое количество запросов;
- страница одинаково будет выглядеть как при включенной, так и при отключенной графике;
- чтобы изменить цветовую гамму сайта, достаточно поменять несколько значений в CSS-файле вместо того чтобы перерисовывать все уголки заново;
Попробую описать несколько известных мне вариантов закругления углов без использования изображения.
 (Голосов: 1)

Кое-что о списках

1537 0
Опубликовано: 24 января 2008
Многие начинающие веб-дизайнеры даже не подозревают, насколько мощным и удобным инструментом являются списки. Да-да, самые обычные ненумерованые (впрочем и нумерованные тоже) списки, именно те самые, заключенные между тегами
<li> и </li>
Множество дизайнерских трюков, для которых прежде применялись скрипты, можно реализовать, используя только списки и некоторые стилевые правила.
 (Голосов: 1)

Выпадающие меню средствами CSS

2243 0
Опубликовано: 9 января 2008
Красивое выпадающее меню без скриптов - возможно ли такое? Сегодня на этот вопрос можно ответить утвердительно - "голый" html и таблицы стилей CSS помогут вам создать то, для чего совсем недавно использовались громоздские java-скрипты. Давайте сразу посмотрим на готовый результат. Если вам необходимо установить на своем сайте быстро работающее, легко настраиваемое кроссброузерное меню, эта статья вполне может сойти за руководство к действию.
 (Голосов: 3)

Чужих не бывает

Валидация

Правильний CSS!

Valid XHTML 1.0 Transitional

Статистика

Генерация страницы: 0.36 секунд, SQL-запросов: 9.

Copyright

© 2008-2013 webamator.ru

Условия заимствования материалов.