Время: 17:17
Меню сайта
Категории файлов
Блок: Фиолетовый фон
Информация для сайта
Информация для сайта
Информация для сайта
Информация для сайта
Информация для сайта
Информация для сайта
Информация для сайта
Информация для сайта
Информация для сайта
Информация для сайта
Мини-чат
Статистика
Онлайн всего: 3
Гостей: 3
Пользователей: 0


Самые активные
Wonkz
10910 сообщений
Kирилл
7915 сообщений
HeRo_0INe
7079 сообщений
flemqaa
6807 сообщений
-Bacardi-
5939 сообщений
Tёмчик
5504 сообщений
Lexa4
5366 сообщений
Clouder16
5317 сообщений
AdWise
5266 сообщений
Gatop
5167 сообщений
Меню вертикальное
Просмотров: 894 | Загрузок: 0 | Комментариев: 1 | Дата: 27.07.2025 | Добавил: ramul
Абсолютно не разбераюсь в языках HTML и подобных, но всё же решил выложить меню которое собрал из кусочков и переделал на свой вкус.

Для удобства вставлять в информер или блог.

Code

<STYLE type="text/css">  
.suckerdiv ul{  
margin: 0;  
padding: 0;  
list-style-type: none;  
width: 160px; /* 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: 170px; /*sub menu width*/  
top: 0;  
visibility: hidden;  
}  

/* Sub level menu links style */  
.suckerdiv ul li a{  
display: block;  
overflow: hidden; /*force hasLayout in IE7 */  
color: black;  
text-decoration: none;  
////
padding: 0px 0px;  
border: 0px solid #e14a0e;  
border-bottom: 0;  
}  

.suckerdiv ul li a:visited{  
color: black;  
}  

.suckerdiv ul li a:hover{  
background-color: #f44a07;  
}  

.suckerdiv .subfolderstyle{  
background: url(http://csyccyp.ucoz.ru/skin/osniva_2.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>  
   

<DIV class="suckerdiv">  
<UL id="suckertree1">  
<LI align="left"><IMG src="http://csyccyp.ucoz.ru/skin/my/menu2.png" alt=""></LI><LI align="left"><A href="http://csyccyp.ucoz.ru"><IMG src="http://csyccyp.ucoz.ru/skin/my/menu.png"><SPAN style="color: #ffa500"><SPAN style="color: #696969"> </SPAN></SPAN><SPAN style="color: #ff6347"><SPAN style="font-family: Arial"><SPAN style="font-size: 10pt"><STRONG><SPAN style="color: #696969">Главная страница </SPAN></STRONG></SPAN></SPAN></SPAN></A></LI><SPAN style="color: #ff6347"><SPAN style="font-family: Arial"><SPAN style="font-size: 10pt"><STRONG><SPAN style="color: #696969">  
</SPAN></STRONG></SPAN></SPAN></SPAN><LI align="left"><A href="/forum"><IMG src="http://csyccyp.ucoz.ru/skin/my/menu.png"><SPAN style="color: #ff6347"><SPAN style="font-family: Arial"><SPAN style="font-size: 10pt"><STRONG><SPAN style="color: #696969"> Форум </SPAN></STRONG></SPAN></SPAN></SPAN></A></LI><SPAN style="color: #ff6347"><SPAN style="font-family: Arial"><SPAN style="font-size: 10pt"><STRONG><SPAN style="color: #696969">  
</SPAN></STRONG></SPAN></SPAN></SPAN><LI align="left"><A href="/index/0-2"><IMG src="http://csyccyp.ucoz.ru/skin/my/menu.png"><SPAN style="color: #ff6347"><SPAN style="font-family: Arial"><SPAN style="font-size: 10pt"><STRONG><SPAN style="color: #696969"> Информация о war3ft моде</SPAN></STRONG></SPAN></SPAN></SPAN></A></LI><SPAN style="color: #ff6347"><SPAN style="font-family: Arial"><SPAN style="font-size: 10pt"><STRONG><SPAN style="color: #696969">  

</SPAN></STRONG></SPAN></SPAN></SPAN><LI align="left"><A href="http://csyccyp.ucoz.ru/forum/10-38-1#153"><IMG src="http://csyccyp.ucoz.ru/skin/my/menu.png"><SPAN style="color: #ff6347"><SPAN style="font-family: Arial"><SPAN style="font-size: 10pt"><STRONG><SPAN style="color: #696969"> Пакупка Админки</SPAN></STRONG></SPAN></SPAN></SPAN></A></LI><SPAN style="color: #ff6347"><SPAN style="font-family: Arial"><SPAN style="font-size: 10pt"><STRONG><SPAN style="color: #696969">
</SPAN></STRONG></SPAN></SPAN></SPAN><LI align="left"><A href="http://csyccyp.ucoz.ru/forum/10-116-1"><IMG src="http://csyccyp.ucoz.ru/skin/my/menu.png"><SPAN style="color: #ff6347"><SPAN style="font-family: Arial"><SPAN style="font-size: 10pt"><STRONG><SPAN style="color: #696969"> Прокачка героя! </SPAN></STRONG></SPAN></SPAN></SPAN></A></LI><SPAN style="color: #ff6347"><SPAN style="font-family: Arial"><SPAN style="font-size: 10pt"><STRONG><SPAN style="color: #696969">  
</SPAN></STRONG></SPAN></SPAN></SPAN><LI align="left"><A href="http://csyccyp.ucoz.ru/forum/11-46-1"><IMG src="http://csyccyp.ucoz.ru/skin/my/menu.png"><SPAN style="color: #ff6347"><SPAN style="font-family: Arial"><SPAN style="font-size: 10pt"><STRONG><SPAN style="color: #696969"> Ник под пароль</SPAN></STRONG></SPAN></SPAN></SPAN></A></LI><SPAN style="color: #ff6347"><SPAN style="font-family: Arial"><SPAN style="font-size: 10pt"><STRONG><SPAN style="color: #696969">  
</SPAN></STRONG></SPAN></SPAN></SPAN><LI align="left"><A href="/index/flesh/0-26"><IMG src="http://csyccyp.ucoz.ru/skin/my/menu.png"><SPAN style="color: #ff6347"><SPAN style="font-family: Arial"><SPAN style="font-size: 10pt"><STRONG><SPAN style="color: #696969"> Flash игры</SPAN></STRONG></SPAN></SPAN></SPAN></A></LI><SPAN style="color: #ff6347"><SPAN style="font-family: Arial"><SPAN style="font-size: 10pt"><STRONG><SPAN style="color: #696969">  
</SPAN></STRONG></SPAN></SPAN></SPAN><LI align="left"><A href="http://csyccyp.psychostats.gamenest.ru"><IMG src="http://csyccyp.ucoz.ru/skin/my/menu.png"><SPAN style="color: #ff6347"><SPAN style="font-family: Arial"><SPAN style="font-size: 10pt"><STRONG><SPAN style="color: #696969"> Статистика(Ru) </SPAN></STRONG></SPAN></SPAN></SPAN></A></LI><SPAN style="color: #ff6347"><SPAN style="font-family: Arial"><SPAN style="font-size: 10pt"><STRONG><SPAN style="color: #696969">  
</SPAN></STRONG></SPAN></SPAN></SPAN><LI align="left"><A href="/index/pravila/0-31"><IMG src="http://csyccyp.ucoz.ru/skin/my/menu.png"><SPAN style="color: #ff6347"><SPAN style="font-family: Arial"><SPAN style="font-size: 10pt"><STRONG><SPAN style="color: #696969"> Правила</SPAN></STRONG></SPAN></SPAN></SPAN></A></LI><LI align="left"><IMG src="http://megasoft.3dn.ru/images/modern_icon_soft.gif" alt=""><STRONG><SPAN style="color: #696969"><SPAN style="font-size: 12pt"><SPAN style="font-size: 14pt">Файлы:

<LI align="left"><A href="http://csyccyp.ucoz.ru/load/7"><IMG src="http://csyccyp.ucoz.ru/skin/my/menu.png"><SPAN style="color: #ff6347"><SPAN style="font-family: Arial"><SPAN style="font-size: 10pt"><STRONG><SPAN style="color: #696969"> Плагины</SPAN></STRONG></SPAN></SPAN></SPAN></A></LI>

<LI align="left"><A href="http://csyccyp.ucoz.ru/load/mody/6"><IMG src="http://csyccyp.ucoz.ru/skin/my/menu.png"><SPAN style="color: #ff6347"><SPAN style="font-family: Arial"><SPAN style="font-size: 10pt"><STRONG><SPAN style="color: #696969"> Моды </SPAN></STRONG></SPAN></SPAN></SPAN></A></LI>

<LI align="left"><A href="http://csyccyp.ucoz.ru/index/0-6"><IMG src="http://csyccyp.ucoz.ru/skin/my/menu.png"><SPAN style="color: #ff6347"><SPAN style="font-family: Arial"><SPAN style="font-size: 10pt"><STRONG><SPAN style="color: #696969"> Карты сервера</SPAN></STRONG></SPAN></SPAN></SPAN></A></LI>

<LI align="left"><A href="http://csyccyp.ucoz.ru/load/patchi/4"><IMG src="http://csyccyp.ucoz.ru/skin/my/menu.png"><SPAN style="color: #ff6347"><SPAN style="font-family: Arial"><SPAN style="font-size: 10pt"><STRONG><SPAN style="color: #696969"> Патчи </SPAN></STRONG></SPAN></SPAN></SPAN></A></LI>

<LI align="left"><A href="http://csyccyp.ucoz.ru/load/1"><IMG src="http://csyccyp.ucoz.ru/skin/my/menu.png"><SPAN style="color: #ff6347"><SPAN style="font-family: Arial"><SPAN style="font-size: 10pt"><STRONG><SPAN style="color: #696969"> Античиты </SPAN></STRONG></SPAN></SPAN></SPAN></A></LI>

<LI align="left"><A href="http://csyccyp.ucoz.ru/load/raznoe/2"><IMG src="http://csyccyp.ucoz.ru/skin/my/menu.png"><SPAN style="color: #ff6347"><SPAN style="font-family: Arial"><SPAN style="font-size: 10pt"><STRONG><SPAN style="color: #696969"> Разное</SPAN></STRONG></SPAN></SPAN></SPAN></A></LI>

<LI align="left"><A href="http://csyccyp.ucoz.ru/load/background39y/3"><IMG src="http://csyccyp.ucoz.ru/skin/my/menu.png"><SPAN style="color: #ff6347"><SPAN style="font-family: Arial"><SPAN style="font-size: 10pt"><STRONG><SPAN style="color: #696969"> background'ы</SPAN></STRONG></SPAN></SPAN></SPAN></A></LI>

<LI align="left"><A href="http://csyccyp.ucoz.ru/load/video_na_temu_cs/9"><IMG src="http://csyccyp.ucoz.ru/skin/my/menu.png"><SPAN style="color: #ff6347"><SPAN style="font-family: Arial"><SPAN style="font-size: 10pt"><STRONG><SPAN style="color: #696969"> Видео на тему cs</SPAN></STRONG></SPAN></SPAN></SPAN></A></LI>

<LI align="left"><A href="http://csyccyp.ucoz.ru/index/cs16/0-30"><IMG src="http://csyccyp.ucoz.ru/skin/my/menu.png"><SPAN style="color: #ff6347"><SPAN style="font-family: Arial"><SPAN style="font-size: 10pt"><STRONG><SPAN style="color: #696969">  
Скачать Counter-Strike 1.6</SPAN></STRONG></SPAN></SPAN></SPAN></A></LI> <IMG src="http://csyccyp.ucoz.ru/skin/my/menu3.png">
<STRONG><SPAN style="color: #696969"><SPAN style="font-size: 14pt">Статьи:  </SPAN></SPAN></STRONG>

<LI align="left"><A href="http://csyccyp.ucoz.ru/publ/domenoe_imja_vmesto_ip_adresa_na_cs_servere_dyndns/1-1-0-9"><IMG src="http://csyccyp.ucoz.ru/skin/my/menu.png"><SPAN style="color: #ff6347"><SPAN style="font-family: Arial"><SPAN style="font-size: 10pt"><STRONG><SPAN style="color: #696969"> Доменое имя вместо ип-адреса</SPAN></STRONG></SPAN></SPAN></SPAN></A></LI>

<LI align="left"><A href="http://csyccyp.ucoz.ru/publ/kak_pisat_demki/1-1-0-8"><IMG src="http://csyccyp.ucoz.ru/skin/my/menu.png"><SPAN style="color: #ff6347"><SPAN style="font-family: Arial"><SPAN style="font-size: 10pt"><STRONG><SPAN style="color: #696969"> Как писать демки ?</SPAN></STRONG></SPAN></SPAN></SPAN></A></LI>

<LI align="left"><A href="http://csyccyp.ucoz.ru/publ/delaem_sebja_adminom/1-1-0-7"><IMG src="http://csyccyp.ucoz.ru/skin/my/menu.png"><SPAN style="color: #ff6347"><SPAN style="font-family: Arial"><SPAN style="font-size: 10pt"><STRONG><SPAN style="color: #696969"> Делаем себя админом!</SPAN></STRONG></SPAN></SPAN></SPAN></A></LI>

<LI align="left"><A href="http://csyccyp.ucoz.ru/publ/bystraja_zagruzka_fajlov_s_http_servera_zvuki_karty_modeli/1-1-0-6"><IMG src="http://csyccyp.ucoz.ru/skin/my/menu.png"><SPAN style="color: #ff6347"><SPAN style="font-family: Arial"><SPAN style="font-size: 10pt"><STRONG><SPAN style="color: #696969"> Быстрая загрузка файлов</SPAN></STRONG></SPAN></SPAN></SPAN></A></LI>

<LI align="left"><A href="http://csyccyp.ucoz.ru/publ/ustanovka_plaginov/1-1-0-5"><IMG src="http://csyccyp.ucoz.ru/skin/my/menu.png"><SPAN style="color: #ff6347"><SPAN style="font-family: Arial"><SPAN style="font-size: 10pt"><STRONG><SPAN style="color: #696969"> Установка плагинов </SPAN></STRONG></SPAN></SPAN></SPAN></A></LI>

<LI align="left"><A href="http://csyccyp.ucoz.ru/publ/sposoby_ponizhenija_pinga/1-1-0-4"><IMG src="http://csyccyp.ucoz.ru/skin/my/menu.png"><SPAN style="color: #ff6347"><SPAN style="font-family: Arial"><SPAN style="font-size: 10pt"><STRONG><SPAN style="color: #696969"> Способы понижения пинга</SPAN></STRONG></SPAN></SPAN></SPAN></A></LI>

<LI align="left"><A href="http://csyccyp.ucoz.ru/publ/kompilirovanie_plaginov/1-1-0-3"><IMG src="http://csyccyp.ucoz.ru/skin/my/menu.png"><SPAN style="color: #ff6347"><SPAN style="font-family: Arial"><SPAN style="font-size: 10pt"><STRONG><SPAN style="color: #696969"> Компилирование плагинов</SPAN></STRONG></SPAN></SPAN></SPAN></A></LI>

<LI align="left"><A href="http://csyccyp.ucoz.ru/publ/kak_sozdat_server_cs/1-1-0-2"><IMG src="http://csyccyp.ucoz.ru/skin/my/menu.png"><SPAN style="color: #ff6347"><SPAN style="font-family: Arial"><SPAN style="font-size: 10pt"><STRONG><SPAN style="color: #696969"> Как создать сервер CS ?</SPAN></STRONG></SPAN></SPAN></SPAN></A></LI>
</DIV><IMG src="http://csyccyp.ucoz.ru/skin/my/menu4.png">

Ну естественно ссылки заменить на свои.

Комментарии
1 Slag  
Чёжое меню!