Статистика
Онлайн всего: 13
Гостей: 13
Пользователей: 0
Теги сайта
шаблоны для ucoz, скрипты для ucoz, кнопки для сайтов, шаблони для ucoz, иконки для сайтов, ucoz, ucoz шаблоны, шаблоны для форумов ucoz, шаблоны для блогов ucoz, flash шаблоны для ucoz,софт,программы,игры,seo софт,раскрутка сайта
Главная » 2010 » Февраль » 8 » Меню от SaVel
Сначала кажется что это обычное меню которое нам предоставил Виктор ,
но при наведении на допустим кнопку Photoshop , внизу рассрываются ещё
кнопки .
Скрипт придуман для сайтов которым надо много поместить кнопок а места нет Установка: 1.Создаём глобальный блок 2.Идем в глобальный блок где хотим поставить это меню и вставляем туда этот код :
<style> .blockmenu { height:18px; width: 100%; font: normal 10px Arial, Helvetica, sans-serif; text-align: left; } .blockmenu a:link, .blockmenu a:visited { color:#BDBDBD; text-decoration:none; padding-left:16px; line-height:18px; display:block; font-weight:normal; background: url(http://csfortuna.pp.ru/images/15.bmp); border-top: 1px solid #666666; border-right: 1px solid #666666; border-bottom: 1px solid #666666; border-left: 1px solid #666666; text-align: left; } .blockmenu a:hover { color:#ffffff; text-decoration:none; padding-left:16px; line-height:18px; display:block; font-weight:normal; border: 1px solid #1E90FF; background: #333333 url("http://csfortuna.pp.ru/images/menu.png") no-repeat left center; text-align: left; } form { padding:0px; margin:0px; } input{ vertical-align:middle; font-size:7pt; font-family:verdana,arial,helvetica; color:#D8D8D8; background:#151515; } </style> <style type="text/css"> .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(); } .suckerdiv .subfolderstyle{ background: url() 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"> <SPAN class="blockmenu"> <a href="$HOME_PAGE_LINK$"><font color=#FF8C00>Г</font>лавная</a> <a href="/forum"><font color=#FF8C00>Ф</font>орум</a> <a href="/load"><font color=#FF8C00>Ф</font>айлы</a> <a href="/gb"><font color=#FF8C00>Б</font>аннеробмен</a> </SPAN> <img src="http://csfortuna.pp.ru/images/hr.png"><br> <SPAN class="blockmenu"> <a href=""><font color=#FF8C00>Д</font>ля Counter-Strike ↓</a> <ul> <a href="Ваша ссылка"><font color=#FF8C00>П</font>атчи</a> <a href="Ваша ссылка"><font color=#FF8C00>М</font>оды</a> <a href="Ваша ссылка"><font color=#FF8C00>Б</font>оты</a> <a href="Ваша ссылка"><font color=#FF8C00>Г</font>отовые сервера</a> <a href="Ваша ссылка"><font color=#FF8C00>С</font>качать Counter-Strike</a> </ul> </SPAN> <img src="http://csfortuna.pp.ru/images/hr.png"><br> <SPAN class="blockmenu"> <a href=""><font color=#FF8C00>Д</font>ля Ucoz ↓</a> <ul> <a href="Ваша ссылка"><font color=#FF8C00>Ш</font>аблоны</a> <a href="Ваша ссылка"><font color=#FF8C00>С</font>крипты</a> <a href="Ваша ссылка"><font color=#FF8C00>Ш</font>апки</a> <a href="Ваша ссылка"><font color=#FF8C00>И</font>конки для форума</a> <a href="Ваша ссылка"><font color=#FF8C00>И</font>конки для групп</a> </ul> </SPAN> <img src="http://csfortuna.pp.ru/images/hr.png"><br> <SPAN class="blockmenu"> <a href=""><font color=#FF8C00>Д</font>ля Photoshop ↓</a> <ul> <a href="Ваша ссылка"><font color=#FF8C00>К</font>исти</a> <a href="Ваша ссылка"><font color=#FF8C00>P</font>SD</a> <a href="Ваша ссылка"><font color=#FF8C00>С</font>тили</a> <a href="Ваша ссылка"><font color=#FF8C00>Ш</font>рифты</a> </ul> </SPAN> <img src="http://csfortuna.pp.ru/images/hr.png"><br> <SPAN class="blockmenu"> <a href=""><font color=#FF8C00>И</font>зготовление ↓</a> <ul> <a href="Ваша ссылка"><font color=#FF8C00>А</font>ватарок</a> <a href="Ваша ссылка"><font color=#FF8C00>Б</font>аннеров</a> <a href="Ваша ссылка"><font color=#FF8C00>Ю</font>зербаров</a> <a href="Ваша ссылка"><font color=#FF8C00>Ш</font>апок</a> <a href="Ваша ссылка"><font color=#FF8C00>К</font>артинок</a> </ul> </SPAN> <img src="http://csfortuna.pp.ru/images/hr.png"><br> <SPAN class="blockmenu"> <a href=""><font color=#FF8C00>Д</font>ля Web-Мастера ↓</a> <ul> <a href="Ваша ссылка"><font color=#FF8C00>В</font>ход в нашу почту</a> <a href="Ваша ссылка"><font color=#FF8C00>Р</font>егистрация доменнов</a>
<a href="Ваша ссылка"><b><span style="color: red
!important;"><u>Раздача icq
номеров</u></span></b></a> </ul> </SPAN> <img src="http://csfortuna.pp.ru/images/hr.png"><br> <SPAN class="blockmenu"> <a href=""><font color=#FF8C00>О</font>стальное ↓</a> <ul> <a href="Ваша ссылка"><font color=#FF8C00>С</font>качать Игры</a> <a href="Ваша ссылка"><font color=#FF8C00>S</font>oft</a> </ul> </SPAN>
Категория: Скрипты для ucoz |
Просмотров: 729 |
Добавил: vlad
| Рейтинг: 0.0 /0
Друзья сайта