Резиновая таблица с закруглёнными углами и тенью
Эффектная резиновая таблица с закруглёнными углами и тенью с фоном картинкойСамое лучшее решение художественного оформления блока.
Представляю Вашему вниманию готовое решение - резиновый блок с закруглёнными углами, тенью и всем чем хотите свёрстаный таблицей. Так как поддержки CSS3 можно дождаться не скоро - такие альтернативные решения незаменимы. Для реализации используются девять картинок: четыре угла, четыре картинки сторон и одна картинка центрального фона - фона контента. Картинка центрального фона позволяет не зависеть от использования безопасных цветов и позволяет использовать любые цвета блока какие только придумаете. Блок свёрстан таблицей - преимуществом такого способа является использование прозрачного фона картинок, что позволяет абсолютно не зависеть от фона сайта, что делает блок универсальным для любого дизайна, как светлого так и тёмного, хоть разноцветного так как фоновые картинки в таблице находятся жёстко на своих местах и картинки не перекрывают друг друга и не накладываются друг на друга.
В архив вкладываю PSD - исходник для редактирования блока под свой дизайн.
Посмотреть пример резиновая таблица с закруглёнными углами и тенью
Скачать готовый пример резиновая таблица с закруглёнными углами и тенью
Пользуйтесь на здоровье!
Не забываем оставлять комментарии!
Понравилась новость Резиновая таблица с закруглёнными углами и тенью на MegaWeb.su? Сохрани в закладках или распечатай!
Информация
Если копируете мой материал - будьте добры оставлять ссылку на источник MegaWeb.su пожалуйста, или поставьте на свой сайт мою кнопочку.
Уважайте чужой труд! И Вам хорошо - и мне приятно, это стимулирует дальнейшее развитие проекта!
Другие новости по теме
Обратите внимание, возможно Вас заинтересуют другие публикации, похожие на Резиновая таблица с закруглёнными углами и тенью из категории Основы / Шаблоны
- Меню навигации ⋙ CSS3 увеличение картинки при наведении
- Магия ЯваСкрипт / jQuery ⋙ Стильные табы вкладки на CSS и jQuery v1.6.1
- Меню навигации ⋙ Круглое css3 меню звезда
- Меню навигации ⋙ Стильное фантастическое меню шапка на CSS3
- Меню навигации ⋙ Простое круглое меню на CSS с описанием категории при наведении на иконку
- Меню навигации ⋙ Стильное необычное очень красивое круглое CSS меню для сайта в виде пчелиных сот
- Магия ЯваСкрипт / jQuery ⋙ Плавное увеличение картинки при наведении на jQuery
- Основы / Шаблоны ⋙ Резиновый блок DIV с закруглёнными углами тенью и фоном картинкой
- Основы / Шаблоны ⋙ Блок DIV с закруглёнными углами и тенью с помощью CSS3
- Советы ⋙ Блок Предупреждение для Internet Explorer 6
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
