Воскресенье, 27.07.2025, 18:04 Приветствую Вас, Гость
Главная | Форум | Файлы | Всё для ucoz,photoshop,cs | Блог | Статьи | Видео
Меню сайта
Фильмы онлайн

Мини-чат

Наш опрос
Оцените мой сайт
Всего ответов: 65

Статистика

Онлайн всего: 13
Гостей: 13
Пользователей: 0

Теги сайта
шаблоны для ucoz, скрипты для ucoz, кнопки для сайтов, шаблони для ucoz, иконки для сайтов, ucoz, ucoz шаблоны, шаблоны для форумов ucoz, шаблоны для блогов ucoz, flash шаблоны для ucoz,софт,программы,игры,seo софт,раскрутка сайта

  Реклама:


Главная » 2010 » Февраль » 8 » Меню от SaVel
14:01
Меню от 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
Всего комментариев: 0
Имя *:
Email:
Код *:
Форма входа

Календарь
«  Февраль 2010  »
Пн Вт Ср Чт Пт Сб Вс
1234567
891011121314
15161718192021
22232425262728

Друзья сайта
MKGames.Ru - это не сайт , а мечта

Наша кнопка





Всё для ucoz,photoshop,cs
//soft-portal.ucoz.de/
http://csbot.ru/ Использование материалов с этого сайта допускается только с разрешения администрации. Все материалы размещенные на сайте пренадлежат их владельцам и предоставляются исключительно в ознакомительных целях. Администрация ответственности за содержание материала не несет и убытки не возмещает. По истечении 24 часов материал должен быть удален с вашего компьютера. Незаконная реализация карается законами РФ и России: "Об авторском и смежном праве". При копировании материала, ссылка на сайт обязательна! Авторы проекта не несут ответственности за содержание рекламных материалов и файлов, размещенных на сторонних ресурсах наша ссылка ОБЯЗАТЕЛЬНА www.soft-portal.ucoz.de
Карта сайта