Вы вошли как Гость | Группа "Гости"






.

Среда, 27.11.2024, 11:04Гость возникли вопросы - посетите наш ФОРУМ
  • Страница 1 из 1
  • 1
Меню от SaVel=)
gaimerДата: Воскресенье, 31.01.2010, 14:21 | Сообщение # 1
Модератор скриптов
Группа: Пользователи
Сообщений: 13
:-(
Пример:

Сначала кажется что это обычное меню которое нам предоставил Victor , но при наведении на допустим кнопку Photoshop , внизу рассрываются ещё кнопки ^^

Совместил два скрипта я - Savel =)

Скрипт придуман для сайтов которым надо много поместить кнопок а места нет ^^

И так как же поставить такое меню ?? Очень просто ! Идем в глобальный блок где хотим поставить это меню и вставляем туда этот код :

Code
<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>
 
  • Страница 1 из 1
  • 1
Поиск:

Интересное на сайте CS-DARK.net.ru
Мини чат Последнии темы ФОРУМА Лучшии пользователи Скачать файлы

Расширенная онлайн ста...

(0)

Скрипт радио на сайт

(0)

Скрипт радио на сайт

(0)

Новый информер коммент...

(0)

Новый вид опроса для u...

(0)

Новый информер коммент...

(0)

Новый вид опроса для u...

(0)

Связь с администрацией

(0)

Новый вид статистики U...

(0)

Скрипт Наши сервера в ...

(0)

Выдвижная кнопка ВКонт...

(0)

Flash статистика CW вс...

(0)

Новый Мини профиль

(0)

Дизайн формы поиска дл...

(0)

Статистика для форума

(0)

Красивая форма поиска ...

(0)

Статистика для ucoz

(0)

Новый Мини профиль

(0)

Дизайн формы поиска дл...

(0)

  • LiS_Admin
  • Alpamys
  • BLOOD
  • MEDVED
  • _ReaL_
  • 2pacbest
  • Равиль
  • bovs_ilyha
  • 1inKZ
  • Паша1998
  • LoneWolf_
  • Lone_Wolf
  • ๖ۣۜKĬ₦Ĝ
  • yangster
  • DEN
  • daniil
  • ANgeLRC8
  • vishenka
  • magistr
  • ALEX_TaraZ
  • ALЬTAIR
  • gaimer
  • Gamir
  • Ma3uJIa
  • жентос
  • BloodGround7295
  • DARK_AhilleS
  • DARK
  • Звуки при входе на сервер
    Программа для создания красивых ников css source nick
    Стандартный Deagle для Source
    Новая музыка в конце раунда для CSS
    Zombiemod_v2.0.1_e (Зомби мод для CSS)
    HyperCam 2.16.03 Rus [запись видео с экрана]
    Эмулятор стима
    Bombtimer - женский голос
    Скачать карту ba_jail_electric_vip
    СЕРВЕР DARK TaraZ_CITY KA3AXCTAH (no-steam)
    Не стандартные скины администраторов злой и fbi
    No-IP DUC v3.0.4 Rus - Динамический DNS-клиент.
    Ayumi - Скины для админа
    Props mod v 2.2 [RUS]
    DARK Counter Strike Source © 2009-2024

    При использовании материала с сайта ссылка на сайт ОБЯЗАТЕЛЬНА