Время:
Новых сообщений: Нет
Вы на форуме дней
Ваша группа: Гость
Ваш IP: 18.224.55.193
Logical-Portal — молодежный портал со своей изюминкой, каждый сможет найти что-то интересное и полезное для себя, например наш форум общения с которым вам обязательно нужно ознакомиться.
Навигация
Counter-Strike Source
Общее для minecraft
Моды на майнкрафт
Текстуры для майнкрафт
Поиск
Counter-Strike
Minecraft 1.9
Статистика сайта
Анализ сайта


Зарегистрировано: 261718
На сайте: 148
Чужих: 148
Наших: 0


Меню вертикальное
Добавил: ramul | Категория: Скрипты для Ucoz | Просмотров: 1148 | Скачиваний: 0 | Дата: 12.06.2010

Меню вертикальное

Абсолютно не разбераюсь в языках 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. Установка
  2. Видеообзор
  3. Скриншоты
  4. Гайды
Автор не указал информацию по установке. Если у вас возникли проблемы с установкой, воспользуйтесь комментариями ниже.
видеоролик к материалу отсутствует.
Дополнительные скриншоты к материалу Меню вертикальное отсутствуют.
Моды Текстуры Карты
  1. Похожие материалы
Комментарии
Графика от: Megas, GraFOS | Дизайн сверстал E.A.
Яндекс.Метрика
Хостинг от uCoz