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

kpripper · 19.07.2011, 16:52

Как сделать тень или рамку основного блока сайта ? У меня основной блок и бекграунд белые, просто поменять цвет бекграунда некрасиво. Как сделать тень, например как здесь

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

зы - сайт на джумла

redreem · 19.07.2011, 17:02

это просто png-картинки тени побокам основного блока.

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

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

kpripper · 19.07.2011, 17:04

Я не собираюсь ничего загинать, просто хочу отделить фон. И писать в CSS чтобы эта картинка растянулась ?

redreem · 19.07.2011, 17:10

ну если тень однородная по всей высоте, то repeat-y достаточно у дива, который будет под тень отведен. если как в первом примере, то надо дробить этот див на 2 или более, в зависимости от количества разных участков.

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

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

vladendark · 19.07.2011, 17:11

1-й и второй пример.... сами не сделаете короче говоря - там куча вложенных друг-в-друга блоков, каждому из которых назначен отдельный элемент тени
http://itmages.ru/image/view/233873/a2aa5619

3-й вариант прекрасно расписан

kpripper · 19.07.2011, 17:12

Нет, такие загибы как в первом примере не нужны.

redreem · 19.07.2011, 17:12

а вообще - всегда можно посмотреть исходный код любого сайта и понят как что-то сделано.

kpripper · 19.07.2011, 17:14

Сейчас попробую третий пример сделать. CSS может быть спрятан в файл.

Igor' · 19.07.2011, 17:16

Для того, чтобы сделать рамку, можно использовать свойства border или outline. Посмотрите http://ru.html.net/tutorials/css/introduction.asp, http://v-vb.com/ или http://www.w3schools.com/cssref/default.asp

vladendark · 19.07.2011, 17:20

Самый простой и топорный метод - назначить для первого ребенка body backgroud (в аттаче) и поставить repeat-y
http://itmages.ru/image/view/233887/e8ebc365

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

ну или, как вариант http://habrahabr.ru/blogs/css/94799/

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
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

19.07.2011, 16:52	#1
kpripper	Как сделать тень или рамку основного блока сайта ? У меня основной блок и бекграунд белые, просто поменять цвет бекграунда некрасиво. Как сделать тень, например как здесь http://www.yootheme.com/tools/extensions/yoogallery http://goldpromo.com.ua/joomla/modul...joomla-gallery http://www.webmd.com/ зы - сайт на джумла

19.07.2011, 17:02	#2
redreem	это просто png-картинки тени побокам основного блока. Добавлено через 1 минуту а вообще - подобное увлечение тенями - это атское зло. тени не должны быть ради теней. особенно раздражает, когда идет псевдоэмуляция типа-загнутого листа. тень как от загнутого листа, а сам лист прямой - бред полный. Последний раз редактировалось redreem; 19.07.2011 в 17:02.. Причина: Добавлено сообщение

19.07.2011, 17:04	#3
kpripper	Я не собираюсь ничего загинать, просто хочу отделить фон. И писать в CSS чтобы эта картинка растянулась ?

19.07.2011, 17:10	#4
redreem	ну если тень однородная по всей высоте, то repeat-y достаточно у дива, который будет под тень отведен. если как в первом примере, то надо дробить этот див на 2 или более, в зависимости от количества разных участков. Добавлено через 50 секунд ну тут еще видимо вам придется верстать 3 float:left (right) дива. 2 крайних будут под тени, а центральный под контент. Последний раз редактировалось redreem; 19.07.2011 в 17:10.. Причина: Добавлено сообщение

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

19.07.2011, 17:12	#6
kpripper	Нет, такие загибы как в первом примере не нужны.

19.07.2011, 17:14	#8
kpripper	Сейчас попробую третий пример сделать. CSS может быть спрятан в файл.

19.07.2011, 17:16	#9
Igor'	Для того, чтобы сделать рамку, можно использовать свойства 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
vladendark	Самый простой и топорный метод - назначить для первого ребенка body backgroud (в аттаче) и поставить repeat-y http://itmages.ru/image/view/233887/e8ebc365 но это очень просто + верх-низ без тени (только по краям). можно, конечно поставить 2 дополнительных элемента для создания тени сверху и снизу ну или, как вариант http://habrahabr.ru/blogs/css/94799/