Вопрос Как добавить тень к раскрывающемуся списку

TOREON · 03.12.2010, 14:59 **Вверх**

Вот такую хочетца:

к примеру, к этому списку:

Prometej · 03.12.2010, 22:09 **Вверх**

Можно к любому меню присобачить. Если Вы дружите с js

TOREON · 03.12.2010, 22:19 **Вверх**

А поподробнее можно?) Ооочень нужно.

Prometej · 03.12.2010, 23:17 **Вверх**

Jawa Scripts.

no name · 04.12.2010, 18:04 **Вверх**

Сообщение от Prometej

Jawa Scripts

java scripts

TOREON · 05.12.2010, 03:12 **Вверх**

Оказывается все очень просто... даже java scripts не надо изучать)))

Вот готовые коды на радость всем:

1-Тень объекта со всех сторон:

PHP код:


			
box-shadow:0 0 10px 0 #555555;

-webkit-box-shadow:0 0 10px 0 #555555;

-moz-box-shadow:0 0 10px 0 #555555;

2-Тень объекта справа и снизу:

PHP код:


			
box-shadow:5px 5px 10px 0 #555555;

-webkit-box-shadow:5px 5px 10px 0 #555555;

-moz-box-shadow:5px 5px 10px 0 #555555;

3-Тень объекта слева и сверху:

PHP код:


			
box-shadow:-5px -5px 10px 0 #555555;

-webkit-box-shadow:-5px -5px 10px 0 #555555;

-moz-box-shadow:-5px -5px 10px 0 #555555;

4-Тень направлена внутрь объекта:

PHP код:


			
box-shadow:inset 0 0 10px 0 #555555;

-webkit-box-shadow:inset 0 0 10px 0 #555555;

-moz-box-shadow:inset 0 0 10px 0 #555555;

Как Вы видете указаны 4 значения и цвет:

0 0 10px 0 #555555;

Первое значение (у меня выставлено “0″) – сдвиг на X px по горизонтали;
Второе значение – сдвиг на X px по вертикали;
Третье значение (10px) – радиус размытия (X px);
Четвертое значение – радиус растяжения тени (X px);
Ну, и пятое значение – это цвет.

Применить и проверить любую тень можно, прописав код в: Ваш стиль -> Основная таблица CSS -> Граница таблицы -> Дополнительные атрибуты CSS -> Сохранить

Браузеры, которые на данный момент поддерживают это свойство: Firefox 3.6.3 (начиная с 3.5); Opera 10.51 (10.50); Chrome 4.1.249.1045; Safari 4.0.4.

Slavok47 · 05.12.2010, 03:17 **Вверх**

можно проще, поддержка всех браузеров
КОД

Код:

<style type="text/css">
		
/* Задание стилей для слоя тени */
.shadow {
     background:#bbb; /* Задание цвета тени */
     border:1px solid #ddd; /* Задание стиля и цвета границ тени */
     width:200px; /* Задание ширины всего блока */
}

/* Задание стилей для слоя блока */
.block {
     background:#fff; /* Задание цвета фона для блока */
     border:1px solid #6b6b6b;  /* Задание стиля и цвета границ блока */
     position:relative;  /* Задание позиции блока текста относительно тени */
     padding:5px;  /* Задание отступа */
     top:-3px;  /* Отступ сверху (для тени) */
     left:-3px; /* Отступ слева (для тени) */
}
</style>

<html>
<head>
</head>
<body>
<div class="shadow">
<div class="block">
Содержание блока
</div>
</div>
</body>
</html>

РЕЗУЛЬТАТ:

TOREON · 05.12.2010, 11:54 **Вверх**

С тенями я разобрался, а как вот теперь ее правильно "прикрутить" к низпадающим спискам - не знаю... пытался создать условие в таблице css, во втором окошке "Дополнительные определения", вставлял туда код:

PHP код:


			
.vbmenu_popup {

box-shadow:2px 2px 5px 0 #9F9F9F;

-webkit-box-shadow:2px 2px 5px 0 #9F9F9F;

-moz-box-shadow:2px 2px 5px 0 #9F9F9F;

}

Помогите присвоить полученную тень... хотя бы на примере низпадающего списка "Навигация", тот что в панели навбар. Плиииз!

Оффтоп

Поможет кто-нибудь или нет?

Slavok47 · 16.12.2010, 15:42 **Вверх**

Оффтоп

TOREON · 20.12.2010, 20:26 **Вверх**

Оффтоп

Slavok47 · 21.12.2010, 12:41 **Вверх**

там проблемка с display:none, пока не пойму с чем это связано...

TOREON · 24.12.2010, 17:56 **Вверх**

slavok47, получилось что-нибудь?

Slavok47 · 24.12.2010, 21:24 **Вверх**

нет, уже думаю передалеть меню на ul и li но это нужно подкулючать JS, и тут вопрос, стоит ли эта тень этого?

TOREON · 24.12.2010, 23:22 **Вверх**

Сообщение от slavok47

нет, уже думаю передалеть меню на ul и li но это нужно подкулючать JS, и тут вопрос, стоит ли эта тень этого?

Стоит!

TOREON · 27.03.2011, 14:58 **Вверх**

slavok47, получилось сделать что-нибудь?

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
[Вопрос] Добавить материал	blokpravy	vBulletin 4.x	7	27.04.2011 01:06
Добавить в закладки	vcrimy	vBulletin 3.х	7	09.11.2010 18:53
Как добавить колонку еще?	sertaras	DataLife Engine	3	04.08.2010 02:52
[Вопрос] Как добавить разделы?	nE4eHbKoO	vBulletin 3.х	2	15.01.2010 20:41
Добавить в избранное	kep	vBulletin 3.х	12	11.06.2009 16:29