Резиновый блок DIV с закруглёнными углами тенью и фоном картинкой

Автор: Admin    Категория: Основы / Шаблоны    Теги:  Скругление углов, Тень    Дата: 19-02-2011, 23:24
Резиновый блок DIV с закруглёнными углами тенью и фоном картинкойСтильный резиновый блок DIV с закруглёнными углами тенью и фоном картинкой
Представляю Вашему вниманию готовое решение - резиновый блок с закруглёнными углами, тенью и всем чем хотите свёрстаный DIVами. Так как поддержки CSS3 можно дождаться не скоро - такие альтернативные решения незаменимы. С помощью CSS3 такой блок можно будет реализовать всего одним DIVом. Обшарив просторы инета я не нашёл ниодного способа реализации такого сложного оформления блока лучшего чем этот(лучше только таблицей). Фон блока задан картинкой - картинка центрального фона позволяет не зависеть от использования безопасных цветов и позволяет использовать любые цвета блока какие только придумаете. Данная реализация имеет свои недостатки: это использование девяти DIVов, использование девяти картинок, невозможность использования картинок с прозрачным фоном для оформления блока, так как картинки углов накладываются на картинки сторон и, через прозрачный фон углов будут видны картинки сторон, из-за этого цвет фона картинок блока зависит от фона сайта. Но, несмотря на недостатки - выглядит блок очень эффектно!
В архив вкладываю PSD исходник для редактирования блока под свой дизайн.
Смотреть пример резиновый блок DIV с закруглёнными углами и фоном картинкой
Скачать готовый пример резиновый блок DIV с закруглёнными углами и фоном картинкой
Пользуемся на здоровье!
Не забываем комментировать.
Версия для печати
  • 100
     Просмотров: 11 795      Комментариев: 0   

Понравилась новость Резиновый блок DIV с закруглёнными углами тенью и фоном картинкой на MegaWeb.su? Сохрани в закладках или распечатай!


Информация

Внимание!

Если копируете мой материал - будьте добры оставлять ссылку на источник MegaWeb.su пожалуйста, или поставьте на свой сайт мою кнопочку.
Уважайте чужой труд! И Вам хорошо - и мне приятно, это стимулирует дальнейшее развитие проекта!

Другие новости по теме

Обратите внимание, возможно Вас заинтересуют другие публикации, похожие на Резиновый блок DIV с закруглёнными углами тенью и фоном картинкой из категории Основы / Шаблоны

Информация

Внимание!

Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.

Лента новостей
RSS 2.0

Лента новостей сайта megaweb.su

Блок программ Популярный софт

Коды блока "Популярный софт":

Фиксированный
windows-1251

код блока 1

<script type="text/javascript" src="/softblok/softblok.js" charset="windows-1251"></script>

Резиновый
windows-1251

код блока 2

<script type="text/javascript" src="/softblok/softblok2.js" charset="windows-1251"></script>

Резиновый
UTF-8

код блока 3

<script type="text/javascript" src="/softblok/softblok1.js" charset="utf-8"></script>

Глобус