Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript

Как сделать тень или рамку основного блока сайта?

Обсуждение темы Как сделать тень или рамку основного блока сайта? в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; Как сделать тень или рамку основного блока сайта ? У меня основной блок и бекграунд белые, просто поменять цвет бекграунда некрасиво. Как сделать ...


Закрытая тема
 
Опции темы
Старый 19.07.2011, 16:52   #1
Как сделать тень или рамку основного блока сайта ? У меня основной блок и бекграунд белые, просто поменять цвет бекграунда некрасиво. Как сделать тень, например как здесь

http://www.yootheme.com/tools/extensions/yoogallery
http://goldpromo.com.ua/joomla/modul...joomla-gallery
http://www.webmd.com/

зы - сайт на джумла
 
Старый 19.07.2011, 16:52
Ссылки
Старый 19.07.2011, 17:02   #2
это просто png-картинки тени побокам основного блока.

Добавлено через 1 минуту

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

Последний раз редактировалось redreem; 19.07.2011 в 17:02.. Причина: Добавлено сообщение
 
Старый 19.07.2011, 17:04   #3
Я не собираюсь ничего загинать, просто хочу отделить фон. И писать в CSS чтобы эта картинка растянулась ?
 
Старый 19.07.2011, 17:10   #4
ну если тень однородная по всей высоте, то repeat-y достаточно у дива, который будет под тень отведен. если как в первом примере, то надо дробить этот див на 2 или более, в зависимости от количества разных участков.

Добавлено через 50 секунд

ну тут еще видимо вам придется верстать 3 float:left (right) дива. 2 крайних будут под тени, а центральный под контент.

Последний раз редактировалось redreem; 19.07.2011 в 17:10.. Причина: Добавлено сообщение
 
Старый 19.07.2011, 17:11   #5
1-й и второй пример.... сами не сделаете короче говоря - там куча вложенных друг-в-друга блоков, каждому из которых назначен отдельный элемент тени
http://itmages.ru/image/view/233873/a2aa5619

3-й вариант прекрасно расписан
 
Старый 19.07.2011, 17:12   #6
Нет, такие загибы как в первом примере не нужны.
 
Старый 19.07.2011, 17:12   #7
а вообще - всегда можно посмотреть исходный код любого сайта и понят как что-то сделано.
 
Старый 19.07.2011, 17:14   #8
Сейчас попробую третий пример сделать. CSS может быть спрятан в файл.
 
Старый 19.07.2011, 17:16   #9
Для того, чтобы сделать рамку, можно использовать свойства border или outline. Посмотрите http://ru.html.net/tutorials/css/introduction.asp, http://v-vb.com/ или http://www.w3schools.com/cssref/default.asp
 
Старый 19.07.2011, 17:20   #10
Самый простой и топорный метод - назначить для первого ребенка body backgroud (в аттаче) и поставить repeat-y
http://itmages.ru/image/view/233887/e8ebc365

но это очень просто + верх-низ без тени (только по краям). можно, конечно поставить 2 дополнительных элемента для создания тени сверху и снизу

ну или, как вариант http://habrahabr.ru/blogs/css/94799/
 
Старый 19.07.2011, 17:20
Закрытая тема


Опции темы


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
CSS тень прозрачного PNG tritobunibuni HTML, CSS, JavaScript 2 06.08.2012 15:25
Можно ли нижнюю рамку сайта убрать или сделать плавающей? Вертер HTML, CSS, JavaScript 14 07.02.2010 10:25
Как тень сделать Scorp Графические работы 13 16.01.2009 16:59
Как нарисовать рамку в PhotoShop? Nark Растровая графика 2 25.10.2007 06:25
Как убрать рамку с элемента <object> в html в IE7? alexey25 HTML, CSS, JavaScript 3 09.10.2007 20:00


Текущее время: 16:41. Часовой пояс GMT +4.

Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Тарифный план «Lite»
Место: 1000 Мб
Трафик: неограниченный
Панель управления
Заказать ТП «Lite»
Тарифный план «Normal»
Место: 2000 Мб
Трафик: неограниченный
Поддержка скриптов
Заказать ТП «Normal»
Тарифный план «Profy»
Место: 7000 Мб
Трафик: неограниченный
Поддержка скриптов
Заказать ТП «Profy»
Тарифный план «Места хватит!»
Место: 25 ГБ
Трафик: неограниченный
Поддержка SSI, ssh
Заказать ТП «Места хватит!»
Дизайнерский форум