Ворпосик по укозик
|
|
sLeD | Дата: Пятница, 30.10.2009, 16:21 | Сообщение # 1 |
 Понимающий
Группа: Модераторы
Сообщений: 135
Награды: 1
Репутация: 9
Статус: Offline
| Хотел бы спросить как сделать в меню чтоб в определенной строчке справа была стрелочка , на нее нажмешь и выползает подменю. и там уже выбирираешь. такой пример можно посмотреть на megasoft.3dn.ru Спасибо заранее
|
|
| |
NeedL | Дата: Пятница, 30.10.2009, 17:13 | Сообщение # 2 |
Знает больше других
Группа: Модераторы
Сообщений: 506
Награды: 6
Репутация: 72
Статус: Offline
| sLeD, это скрипт такой
|
|
| |
sLeD | Дата: Пятница, 30.10.2009, 17:27 | Сообщение # 3 |
 Понимающий
Группа: Модераторы
Сообщений: 135
Награды: 1
Репутация: 9
Статус: Offline
| Ну никто не может дать мне его? Или ссылку хотябы
|
|
| |
NeedL | Дата: Суббота, 31.10.2009, 10:29 | Сообщение # 4 |
Знает больше других
Группа: Модераторы
Сообщений: 506
Награды: 6
Репутация: 72
Статус: Offline
| sLeD, лови меню
|
|
| |
R-Starl | Дата: Суббота, 31.10.2009, 11:15 | Сообщение # 5 |
Знаток своего дела
Группа: Модераторы
Сообщений: 381
Награды: 4
Репутация: 56
Статус: Offline
| sLeD, вот ещо держи http://cssource2.ucoz.net/_ph/1/2/440335580.jpg: Code <style type="text/css"> .suckerdiv ul{ margin: 0; padding: 0; list-style-type: none; width: 185px; /* Width of Menu Items */ border-bottom: 1px solid #000000; } .suckerdiv ul{ margin: 0; padding: 0; list-style-type: none; width: 180px; /* Width of Menu Items */ border-bottom: 1px solid #212121; }
.suckerdiv ul li{ position: relative; }
/*Sub level menu items */ .suckerdiv ul li ul{ position: absolute; width: 170px; /*sub menu width*/ top: 0; visibility: hidden; }
/* Sub level menu links style */ .suckerdiv ul li a{ display: block; overflow: auto; /*force hasLayout in IE7 */ color: #FFFFFF; text-decoration: none; background: #292929; padding: 8px 15px; border: 1px solid #212121; border-bottom: 0; }
.suckerdiv ul li a:visited{ color: #FFFFFF; }
.suckerdiv ul li a:hover{ background: url(http://cssource2.ucoz.net/_ph/1/2/216276735.gif); }
.suckerdiv .subfolderstyle{ background: url(http://cssource2.ucoz.net/_ph/1/2/679059449.gif) no-repeat center right; }
/* Holly Hack for IE \*/ * html .suckerdiv ul li { float: left; height: 1%; } * html .suckerdiv ul li a { height: 1%; } /* End */
</style>
<script type="text/javascript"> var menuids=["suckertree1"]
function buildsubmenus(){ for (var i=0; i<menuids.length; i++){ var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul") for (var t=0; t<ultags.length; t++){ ultags[t].parentNode.getElementsByTagName("a")[0].className="subfolderstyle" if (ultags[t].parentNode.parentNode.id==menuids[i]) ultags[t].style.left=ultags[t].parentNode.offsetWidth+"px" else ultags[t].style.left=ultags[t-1].getElementsByTagName("a")[0].offsetWidth+"px" ultags[t].parentNode.onmouseover=function(){ this.getElementsByTagName("ul")[0].style.display="block" } ultags[t].parentNode.onmouseout=function(){ this.getElementsByTagName("ul")[0].style.display="none" } } for (var t=ultags.length-1; t>-1; t--){ ultags[t].style.visibility="visible" ultags[t].style.display="none" } } }
if (window.addEventListener) window.addEventListener("load", buildsubmenus, false) else if (window.attachEvent) window.attachEvent("onload", buildsubmenus) </script>
<div class="suckerdiv"> <ul id="suckertree1">
<li><a href="Сылка">Название страницы</a></li> <li><a href="Сылка">Название страницы</a></li> <li><a href="Сылка">Название страницы</a> <ul> <li><a href="Сылка">Название страницы</a></li> <li><a href="Сылка">Название страницы</a> <ul> <li><a href="Сылка">Название страницы</a></li> <li><a href="Сылка">Название страницы</a></li> </ul> </li> </ul> </li> <li><a href="#">(c) Axidreu</a></li> </ul> </div> Вот ещо есть: http://cssource2.ucoz.net/_ph/1/2/728790949.jpg - скрин Code <table border="0" cellpadding="0" cellspacing="0" width="200"> <tbody><tr> <td style="border: 1px solid rgb(140, 140, 140); padding: 5px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;"> <style type="text/css">
/*Credits: Dynamic Drive CSS Library */ /*URL: http://www.dynamicdrive.com/style/ */
.suckerdiv ul{ margin: 0; padding: 0; list-style-type: none; width: 190px; /* Width of Menu Items */ border-bottom: 1px solid #ccc; }
.suckerdiv ul li{ position: relative; }
/*Sub level menu items */ .suckerdiv ul li ul{ position: absolute; width: 200px; /*sub menu width*/ top: 0; visibility: hidden; }
/* Sub level menu links style */ .suckerdiv ul li a{ display: block; overflow: auto; /*force hasLayout in IE7 */ color: black; text-decoration: none; background: #fff; padding: 4px 15px; border: 1px solid #ccc; border-bottom: 0; }
.suckerdiv ul li a:visited{ color: black; }
.suckerdiv ul li a:hover{ background: #d4e7a3; }
.suckerdiv .subfolderstyle{ background: url(http://forever-web.ru/next.png) no-repeat center right; }
/* Holly Hack for IE \*/ * html .suckerdiv ul li { float: left; height: 1%; } * html .suckerdiv ul li a { height: 1%; } /* End */
</style>
<script type="text/javascript">
//SuckerTree Vertical Menu 1.1 (Nov 8th, 06) //By Dynamic Drive: http://www.dynamicdrive.com/style/
var menuids=["suckertree1"] //Enter id(s) of SuckerTree UL menus, separated by commas
function buildsubmenus(){ for (var i=0; i<menuids.length; i++){ var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul") for (var t=0; t<ultags.length; t++){ ultags[t].parentNode.getElementsByTagName("a")[0].className="subfolderstyle" if (ultags[t].parentNode.parentNode.id==menuids[i]) //if this is a first level submenu ultags[t].style.left=ultags[t].parentNode.offsetWidth+"px" //dynamically position first level submenus to be width of main menu item else //else if this is a sub level submenu (ul) ultags[t].style.left=ultags[t-1].getElementsByTagName("a")[0].offsetWidth+"px" //position menu to the right of menu item that activated it ultags[t].parentNode.onmouseover=function(){ this.getElementsByTagName("ul")[0].style.display="block" } ultags[t].parentNode.onmouseout=function(){ this.getElementsByTagName("ul")[0].style.display="none" } } for (var t=ultags.length-1; t>-1; t--){ //loop through all sub menus again, and use "display:none" to hide menus (to prevent possible page scrollbars ultags[t].style.visibility="visible" ultags[t].style.display="none" } } }
if (window.addEventListener) window.addEventListener("load", buildsubmenus, false) else if (window.attachEvent) window.attachEvent("onload", buildsubmenus)
</script> <div class="suckerdiv"><b> <ul id="suckertree1"> <li><a href="http://sony-chistay.ucoz.ru"><img src="http://forever-web.ru/templates/menu-icons/home.png" alt="" border="0"> Главная</a></li> <li><a href="http://sony-chistay.ucoz.ru/forum"><img src="http://forever-web.ru/templates/menu-icons/forum.png" alt="" border="0"> Форум</a></li>
<li><a href="http://sony-chistay.ucoz.ru/dir/"><img src="http://forever-web.ru/templates/menu-icons/gb.png" alt="" border="0"> Топ сайтов<br></a></li> <li><a href="http://sony-chistay.ucoz.ru/load/"><img src="http://forever-web.ru/templates/menu-icons/files.png" alt="" border="0"> Все файлы</a></li> <li><a class="subfolderstyle" href="http://sony-chistay.ucoz.ru/news/"><img src="http://forever-web.ru/templates/menu-icons/soft.png" alt="" border="0"> Программы</a> <ul style="left: 190px; visibility: visible; display: none;"> <li><a href="http://sony-chistay.ucoz.ru/news/1-0-1"><img src="http://forever-web.ru/templates/menu-icons/other/01.png" alt="" border="0">Софт</a></li> <li><a href="http://sony-chistay.ucoz.ru/news/1-0-4"><img src="http://cssource2.ucoz.net/_ph/1/1/124500069.jpg" alt="" border="0">Игры</a></li> <li><a href="http://sony-chistay.ucoz.ru/news/1-0-3"><img src="http://cssource2.ucoz.net/_ph/1/2/578598774.png" alt="" border="0">Фильмы</a></li>
<li><a href="http://sony-chistay.ucoz.ru/news/1-0-2"><img src="http://forever-web.ru/templates/menu-icons/other/04.png" alt="" border="0">Музыка</a></li> <li><a href="http://sony-chistay.ucoz.ru/news/1-0-5"><img src="http://forever-web.ru/templates/menu-icons/other/05.png" alt="" border="0">Журналы и книги</a></li> <li><a href="http://sony-chistay.ucoz.ru/news/1-0-7"><img src="http://forever-web.ru/templates/menu-icons/other/06.png" alt="" border="0">Фильмы онлайн</a></li> <li><a href="http://sony-chistay.ucoz.ru/news/1-0-6"><img src="http://forever-web.ru/templates/menu-icons/other/07.png" alt="" border="0">Для мобилы</a></li> </ul> </li>
<li><a class="subfolderstyle" href="http://sony-chistay.ucoz.ru/load/12"><img src="http://forever-web.ru/templates/menu-icons/ucoz.png" alt="" border="0"> Все для uCoz</a>
<ul style="left: 190px; visibility: visible; display: none;"> <li><a href="http://sony-chistay.ucoz.ru/forum/29"><img src="http://forever-web.ru/templates/menu-icons/other/08.png" alt="" border="0"> Скрипты</a></li> <li><a href="http://sony-chistay.ucoz.ru/load/13"><img src="http://forever-web.ru/templates/menu-icons/other/09.png" alt="" border="0"> Шаблоны</a></li> <li><a href="http://sony-chistay.ucoz.ru/load/15"><img src="http://forever-web.ru/templates/menu-icons/other/10.png" alt="" border="0"> Ранги</a></li> <li><a href="http://sony-chistay.ucoz.ru/load/14"><img src="http://forever-web.ru/templates/menu-icons/other/01.png" alt="" border="0"> Кнопки форума</a></li> <li><a href="http://sony-chistay.ucoz.ru/load/16"><img src="http://forever-web.ru/templates/menu-icons/other/02.png" alt="" border="0"> Иконки форума</a></li> <li><a href="http://sony-chistay.ucoz.ru/load/17"><img src="http://forever-web.ru/templates/menu-icons/other/03.png" alt="" border="0"> Иконки групп</a></li>
<li><a href="http://sony-chistay.ucoz.ru/load/18"><img src="http://forever-web.ru/templates/menu-icons/other/04.png" alt="" border="0"> Остальное</a></li> </ul> </li>
<li><a class="subfolderstyle" href="http://sony-chistay.ucoz.ru/load/19"><img src="http://forever-web.ru/templates/menu-icons/photoshop.png" alt="" border="0"> Photoshop</a> <ul style="left: 190px; visibility: visible; display: none;"> <li><a href="http://sony-chistay.ucoz.ru/load/20"><img src="http://forever-web.ru/templates/menu-icons/other/05.png" alt="" border="0"> Кисти</a></li> <li><a href="http://sony-chistay.ucoz.ru/load/22"><img src="http://forever-web.ru/templates/menu-icons/other/06.png" alt="" border="0"> Стили</a></li> <li><a href="http://sony-chistay.ucoz.ru/load/23"><img src="http://forever-web.ru/templates/menu-icons/other/07.png" alt="" border="0"> Перекрытия</a></li>
<li><a href="http://sony-chistay.ucoz.ru/load/21"><img src="http://forever-web.ru/templates/menu-icons/other/08.png" alt="" border="0"> Psd исходники</a></li> <li><a href="http://sony-chistay.ucoz.ru/load/24"><img src="http://forever-web.ru/templates/menu-icons/other/09.png" alt="" border="0"> Остальное</a></li> </ul> </li> <li><a href="http://sony-chistay.ucoz.ru/index/0-9"><img src="http://forever-web.ru/templates/menu-icons/reg.png" alt="" border="0"> Авто регистрация</a></li> <li><a href="http://sony-chistay.ucoz.ru/index/0-3"><img src="http://forever-web.ru/templates/menu-icons/obr.png" alt="" border="0"> Обратная связь</a></li></ul> </b></div> </td></tr></tbody></table><div style="height: 5px;"></div> <dl class="uz-sort" id="uzBlock2"><dt></dt><dd>
|
|
| |
sLeD | Дата: Суббота, 31.10.2009, 15:32 | Сообщение # 6 |
 Понимающий
Группа: Модераторы
Сообщений: 135
Награды: 1
Репутация: 9
Статус: Offline
| D]I[oKeR, R-Starl, Спасибо, но я ищу под темный диз... вот и парюсь (((((
|
|
| |
Rascal | Дата: Суббота, 31.10.2009, 16:29 | Сообщение # 7 |
Администратор ♂
Группа: Администраторы
Сообщений: 726
Награды: 17
Репутация: 141
Статус: Offline
| sLeD, так посмотри в первом код тот, что дал R-Starl можно изменить цвет ячеек!
|
|
| |
NeedL | Дата: Суббота, 31.10.2009, 16:50 | Сообщение # 8 |
Знает больше других
Группа: Модераторы
Сообщений: 506
Награды: 6
Репутация: 72
Статус: Offline
| sLeD, вот лови под тёмный диз раздвижное меню
|
|
| |
R-Starl | Дата: Суббота, 31.10.2009, 16:59 | Сообщение # 9 |
Знаток своего дела
Группа: Модераторы
Сообщений: 381
Награды: 4
Репутация: 56
Статус: Offline
| sLeD, верхнее меню темное!!!
|
|
| |
sLeD | Дата: Воскресенье, 01.11.2009, 14:37 | Сообщение # 10 |
 Понимающий
Группа: Модераторы
Сообщений: 135
Награды: 1
Репутация: 9
Статус: Offline
| ааа... точняк=) Спасибо R-Starl
|
|
| |
sLeD | Дата: Воскресенье, 01.11.2009, 14:40 | Сообщение # 11 |
 Понимающий
Группа: Модераторы
Сообщений: 135
Награды: 1
Репутация: 9
Статус: Offline
| D]I[oKeR, Спасибо за помощь. ща пимерю на сайт=)
|
|
| |