Четверг, 05.03.2026, 20:26 Приветствую Вас Гость

...

[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 2
  • 1
  • 2
  • »
Меню для сайта
GeForceДата: Четверг, 10.09.2009, 21:45 | Сообщение # 1
Монстрик))
Группа: Пользователи
Сообщений: 19
Поглощено
Награды: 0
Репутация: 0
Статус: Не в Нью Йорке

Функции: При наведении на одну из этих ссылок они меняют цвет. Ну в общем установите и всё поймёте.

В CSS вставьте это:

Code
.ma {font-weight:bold;}
a.ma:link {text-decoration:none; color:#4C74B6}
a.ma:visited {text-decoration:none; color:#4C74B6}
a.ma:hover {text-decoration:none; color:#4C74B6;}
li.f{border:1px solid #BAC6D9; margin: 2px; padding: 2px 2px 2px 13px; background: #FAFAFA;}
li.f:hover {border:1px solid #B8B8B8; margin: 2px; padding: 2px 2px 2px 13px; background: #F3FAFF;}
li.m {border:1px solid #E1E1E1; margin: 2px; padding: 2px 2px 2px 13px; background: #ffffff;}
li.m:hover {border:1px solid #B8B8B8; margin: 2px; padding: 2px 2px 2px 13px; background: #F3FAFF;}
.m {font-family:Tahoma,Arial,Helvetica;}
a.m:link {text-decoration:none; color:#4C74B6}
a.m:visited {text-decoration:none; color:#4C74B6}
a.m:hover {text-decoration:none; color:#4C74B6; font-weight:bold;}
a.m:active {text-decoration:none; color:#4C74B6; font-weight:bold;}
.ma {font-weight:bold;}
a.ma:link {text-decoration:none; color:#4C74B6}
a.ma:visited {text-decoration:none; color:#4C74B6}
a.ma:hover {text-decoration:none; color:#4C74B6;}
li.f{border:1px solid #BAC6D9; margin: 2px; padding: 2px 2px 2px 13px; background: #FAFAFA;}
li.f:hover {border:1px solid #B8B8B8; margin: 2px; padding: 2px 2px 2px 13px; background: #F3FAFF;}
li.m {border:1px solid #E1E1E1; margin: 2px; padding: 2px 2px 2px 13px; background: #ffffff;}
li.m:hover {border:1px solid #B8B8B8; margin: 2px; padding: 2px 2px 2px 13px; background: #F3FAFF;}
 
JFUCKДата: Четверг, 10.09.2009, 21:59 | Сообщение # 2
Военный-лейтенант
Группа: Администраторы
Сообщений: 101
Поглощено
Награды: 1
Репутация: 1
Статус: Не в Нью Йорке
Неплохой, но вот слишком простой.
 
JFUCKДата: Пятница, 11.09.2009, 20:13 | Сообщение # 3
Военный-лейтенант
Группа: Администраторы
Сообщений: 101
Поглощено
Награды: 1
Репутация: 1
Статус: Не в Нью Йорке

Java Script Menu. Пример части скрипта вы можете увидеть в нашем меню.
Инструкция по установки внутри архива.

Для того чтобы все меню были закрыты нужно в строчках с открытыми меню убрать:

Code
class="expanded"

Тогда будет закрыто.

Например было так:

Code
<li class="expanded"><span style="font-weight:bold">Главная</span>

А должно получится так:

Code
<li><span style="font-weight:bold">Главная</span>

Letitbit

Depositfiles

 
JFUCKДата: Пятница, 11.09.2009, 20:14 | Сообщение # 4
Военный-лейтенант
Группа: Администраторы
Сообщений: 101
Поглощено
Награды: 1
Репутация: 1
Статус: Не в Нью Йорке

Для светлых сайтов
Пихаем это в меню сайта:

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: auto; /*force hasLayout in IE7 */    
color: black;    
text-decoration: none;    
background: #fff;    
padding: 1px 5px;    
border: 1px solid #ccc;    
border-bottom: 0;    
}    

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

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

.suckerdiv .subfolderstyle{    
background: url(http://promax.pp.ru/imagesmenu/arrow-list.gif) 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">    
<li><a href="Сылка" title="Описание при наведении">Название страницы</a></li>    
<li><a href="Сылка" title="Описание при наведении">Название страницы</a>    
<ul>    
<li><a href="Сылка" title="Описание при наведении">Название страницы</a>    
</li>    
</ul>    
<li><a href="Сылка" title="Описание при наведении">Название страницы</a>    
<ul>    
<li><a href="Сылка" title="Описание при наведении">Название страницы</a>    
<li><a href="Сылка" title="Описание при наведении">Название страницы</a>    
</ul>    
</li>    
</div>

Для тёмных сайтов:

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 #000000;    
}    

.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: #000000;    
padding: 1px 5px;    
border: 1px solid #FFFFFF;    
border-bottom: 0;    
}    

.suckerdiv ul li a:visited{    
color: #FFFFFF;    
}    

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

.suckerdiv .subfolderstyle{    
background: #000000 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">    
<li><a href="Сылка" title="Описание при наведении">Название страницы</a></li>    
<li><a href="Сылка" title="Описание при наведении">Название страницы</a>    
<ul>    
<li><a href="Сылка" title="Описание при наведении">Название страницы</a>    
</li>    
</ul>    
<li><a href="Сылка" title="Описание при наведении">Название страницы</a>    
<ul>    
<li><a href="Сылка" title="Описание при наведении">Название страницы</a>    
<li><a href="Сылка" title="Описание при наведении">Название страницы</a>    
</ul>    
</li>    
</div>
 
JFUCKДата: Пятница, 11.09.2009, 20:15 | Сообщение # 5
Военный-лейтенант
Группа: Администраторы
Сообщений: 101
Поглощено
Награды: 1
Репутация: 1
Статус: Не в Нью Йорке

Code
<applet CODE=menu40.class WIDTH=150 HEIGHT=260>    
<param name="menunum" value="5">    

<param name="menu1" value="Ссылка 1">    
<param name="url1" value="Адрес ссылки 1">    
<param name="submenu11" value="Ссыл 1.1">    
<param name="submenu12" value="Ссыл 1.2">    
<param name="submenu13" value="Ссыл 1.3">    
<param name="submenu14" value="Ссыл 1.4">    
<param name="submenu15" value="Ссыл 1.5">    
<param name="suburl11" value="Адрес Ссыл 1.1">    
<param name="suburl12" value="Адрес Ссыл 1.2">    
<param name="suburl13" value="Адрес Ссыл 1.3">    
<param name="suburl14" value="Адрес Ссыл 1.4">    
<param name="suburl15" value="Адрес Ссыл 1.5">    

<param name="menu2" value="Ссылка 2">    
<param name="url2" value="Адрес ссылки 2">    
<param name="submenu21" value="Ссыл 2.1">    
<param name="submenu22" value="Ссыл 2.2">    
<param name="suburl21" value="Адрес Ссыл 2.1">    
<param name="suburl22" value="Адрес Ссыл 2.2">    

<param name="menu3" value="Ссылка 3">    
<param name="url3" value="Адрес ссылки 3">    
<param name="submenu31" value="Ссыл 3.1">    
<param name="suburl31" value="Адрес Ссыл 3.1">    

<param name="menu4" value="Ссылка 4">    
<param name="url4" value="Адрес ссылки 4">    
<param name="submenu41" value="Ссыл 4.1">    
<param name="submenu42" value="Ссыл 4.2">    
<param name="submenu43" value="Ссыл 4.3">    
<param name="suburl41" value="Адрес Ссыл 4.1">    
<param name="suburl42" value="Адрес Ссыл 4.2">    
<param name="suburl43" value="Адрес Ссыл 4.3">    

<param name="menu5" value="Ссылка 5">    
<param name="url5" value="Адрес ссылки 5">    
<param name="submenu51" value="Ссыл 5.1">    
<param name="submenu52" value="Ссыл 5.2">    
<param name="suburl51" value="Адрес Ссыл 5.1">    
<param name="suburl52" value="Адрес Ссыл 5.2">    

<param name="subnum1" value="5">    
<param name="subnum2" value="2">    
<param name="subnum3" value="1">    
<param name="subnum4" value="3">    
<param name="subnum5" value="2">    

</applet>
 
JFUCKДата: Пятница, 11.09.2009, 20:16 | Сообщение # 6
Военный-лейтенант
Группа: Администраторы
Сообщений: 101
Поглощено
Награды: 1
Репутация: 1
Статус: Не в Нью Йорке

Установка:

Зайдите в панель управления сайтом, на главной странице выберите "Файловый менеджер"
и загрузите в корень папку с файлами (ui_mainmenu)

Дальше пропишите код в блоке "меню сайта"
Дизайн > Управление дизайном (CSS)
в списке выберите "Меню сайта"

Code
<script type="text/javascript" src="ui_mainmenu/main.js"></script>

Java Script нужно открыть с помощью блокнота и редактировать ссылки потом сохранить и залить в корень сайта

Скачайте архив он приклеплен!

 
JFUCKДата: Пятница, 11.09.2009, 20:16 | Сообщение # 7
Военный-лейтенант
Группа: Администраторы
Сообщений: 101
Поглощено
Награды: 1
Репутация: 1
Статус: Не в Нью Йорке

Вот скрипт вставлять в глобальный блог и изменить ссылки на свои

Code
<TABLE style="border-collapse:collapse;width:100%;"><TBODY><TR><TD style="border:#000000 1px solid"><P align="center"><A href="$HOME_PAGE_LINK$" target="_blank"><IMG src="http://zlo-pc.ucoz.ru/katalog/Home-4.jpg" border="0" height="60" width="60" alt="Главная страница"></A></P></TD><TD style="border:#000000 1px solid"><P align="center"><A href="ССЫЛКА НА Инфо о сайте" target="_blank"><IMG src="http://zlo-pc.ucoz.ru/katalog/Browser.jpg" border="0" height="60" width="60" alt="Иинфо о сайте"></A><BR></P></TD><TD style="border:#000000 1px solid"><P align="center"><A href="ССЫЛКА НА КАТАЛОГ ФАЙЛОВ" target="_blank"><IMG src="http://zlo-pc.ucoz.ru/katalog/AddRemovePrograms.jpg" border="0" height="60" width="60" alt="Загрузки"></A><BR></P></TD></TR><TR><TD style="border:#000000 1px solid"><P align="center"><A href="ССЫЛКА НА ФОРУМ" target="_blank"><IMG src="http://zlo-pc.ucoz.ru/katalog/forum.jpg" border="0" height="60" width="60" alt="Форум"></A></P></TD><TD style="border:#000000 1px solid"><P align="center"><A href="ССЫЛКА НА ФОТО АЛЬБОМ/" target="_blank"><IMG src="http://zlo-pc.ucoz.ru/katalog/CanonDigitalCamera.jpg" border="0" height="60" width="60" alt="Фотографии"></A></P></TD><TD style="border:#000000 1px solid"><P align="center"><A href="ССЫЛКА НА ГОСТЕВУЮ КНИГУ" target="_blank"><IMG src="http://zlo-pc.ucoz.ru/katalog/NotePad.jpg" border="0" height="60" width="60" alt="Книга жалоб и предложений"></A></P></TD></TR><TR><TD style="border:#000000 1px solid"><P align="center"><A href="ССЫЛКА НА ПРИДУМАЙТЕ САМИ" target="_blank"><IMG src="http://zlo-pc.ucoz.ru/katalog/HelpandSupport.jpg" border="0" height="60" width="60" alt="ПРИДУМАЙТЕ САМИ"></A><BR></P></TD><TD style="border:#000000 1px solid"><P align="center"><A href="ССЫЛКА НА ПРАВИЛА ФОРУМА" target="_blank"><IMG src="http://zlo-pc.ucoz.ru/katalog/icons61.jpg" border="0" height="60" width="60" alt="Правила сайта"></A><BR></P></TD><TD style="border:#000000 1px solid"><P align="center"><A href="ССЫЛКА НА ПРИДУМАЙТЕ САМИ" target="_blank"><IMG src="http://zlo-pc.ucoz.ru/katalog/connect.jpg" border="0" height="60" width="60" alt="ПРИДУМАЙТЕ САМИ"></A></P></TD></TR></TBODY></TABLE>
 
JFUCKДата: Пятница, 11.09.2009, 20:16 | Сообщение # 8
Военный-лейтенант
Группа: Администраторы
Сообщений: 101
Поглощено
Награды: 1
Репутация: 1
Статус: Не в Нью Йорке

Это в CSS:

Code
/* UcoZ Tab */       
.menuBg {background:#DEE7F6 !important;}       
.Mactive {background:#DEE7F6;line-height:20px;border-right:1px solid #88A1C2;border-left:1px solid #88A1C2;border-bottom:1px solid #88A1C2;font-size:7pt;}       
.Mactive a:link,.Mactive a:visited,.Mactive a:hover {color:#15428B;text-decoration:none;cursor:text;}       
.MnotActive {display:block;line-height:16px;background:#F0F3F5;border-right:1px solid #88A1C2;border-bottom:1px solid #88A1C2;font-size:7pt;}       
.MnotActive1 {display:block;line-height:16px;background:#F0F3F5;border-left:1px solid #88A1C2;border-bottom:1px solid #88A1C2;font-size:7pt;}       
.MnotActive a:link,.MnotActive1 a:link {display:block;width:100%;color:#515151;text-decoration:none;}       
.MnotActive a:visited,.MnotActive1 a:visited {display:block;width:100%;color:#515151;text-decoration:none;}       
.MnotActive a:hover,.MnotActive1 a:hover {display:block;width:100%;color:#515151;text-decoration:none;background-color:#CAD9EC;cursor:pointer; }       
/* ---------------- */

Это после :

Code
<script type="text/javascript">       
       // UcoZ Tab START       
       function showmods(t) {       
       if (t){       
       document.getElementById('instMods').className='MnotActive1';       
       document.getElementById('uninstMods').className='Mactive';       
       document.getElementById('isInMo').style.display='none';       
       document.getElementById('noInMo').style.display='';       
       document.body.focus();       
       } else {       
       document.getElementById('instMods').className='Mactive';       
       document.getElementById('uninstMods').className='MnotActive';       
       document.getElementById('noInMo').style.display='none';       
       document.getElementById('isInMo').style.display='';       
       document.body.focus();       
       }       
       }       
       // UcoZ Tab END       
       </script>

в "Меню сайта":

Code
<div class="xw-tl"><div class="xw-tr"><div class="xw-tcc"></div></div></div>       
<div class="xw-ml"><div class="xw-mr"><div class="xw-mc menuBg">       

<div style="display:none;overflow:auto;height:250px;" id="noInMo">       
<div align="center"><!-- код2 -->       

</div></div>       

<div style="overflow:auto;height:250px;" id="isInMo">       
<div align="center">       
<!-- код1 -->       

</div>       
</div>       

</div></div></div>       

<div class="xw-bl"><div class="xw-br"><div class="xw-bc"><div class="xw-footer"></div></div></div></div>       

<table border="0" cellpadding="0" cellspacing="0" width="100%">       
<tbody>       
<tr>       
<td width="6%"> </td>       
<td align="center" valign="top" width="44%"><div id="instMods" class="Mactive"><a id="instModsL" href="javascript://" onclick="showmods(0);return false;">Название 2</a></div></td>       

<td align="center" valign="top" width="43%"><div id="uninstMods" class="MnotActive"><a id="uninstModsL" href="javascript://" onclick="showmods(1);return false;">НАзвание 1</a></div></td>       
<td width="7%"> </td>       
</tr>       
</tbody>       
</table>
 
JFUCKДата: Пятница, 11.09.2009, 20:17 | Сообщение # 9
Военный-лейтенант
Группа: Администраторы
Сообщений: 101
Поглощено
Награды: 1
Репутация: 1
Статус: Не в Нью Йорке

Code
<div id="menuDiv" style="display: inline;">          
<ul id="tmenu0" style="display: none;">          
<li class="">          
<span>Основной раздел</span>          
<ul>          
<li class="m"><a class="m" href="$HOME_PAGE_LINK$">Главная страница</a></li>          
<li class="m"><a class="m" href="http://">О нас</a></li>          
<li class="m"><a class="m" href="http://>Форум</a></li>          
<li class="m"><a class="m" href="http://">Фотогалереи</a></li>          
<li class="m"><a class="m" href="http://">Файловый архив</a></li>
<li class="m"><a class="m" href="http://">Большой чат</a></li>          
<li class="m"><a class="m" href="http://">Статистика сайта</a></li>
</ul>          
</li>          

<li class="">          
<span>Дополнительный раздел</span>          
<ul>          
<li class="m"><a class="m" href="http://">Статьи</a></li>          
<li class="m"><a class="m" href="http://">Блогеры</a></li>          
<li class="m"><a class="m" href="http://">Топ сайтов</a></li>          
                   
</ul>          
</li>          

<li class="">          
<span>Ваши отзывы</span>          
<ul>          
<li class="m"><a class="m" href="http://">Гостевая книга</a></li>          
<li class="m"><a class="m" href="http://">Ваши вопросы - <br>Наши ответы</a></li>          
<li class="m"><a class="m" href="http://">Обратная связь</a></li>          
</ul>          
</li>          
<li class="">          
<span>Разное</span>          
<ul>          
<li class="m"><a class="m" href="http://">Файлообменник<br>от SDGraf'a</a></li>          
<li class="m"><a class="m" href="http://">Тесты</a></li>          
<li class="m"><a class="m" href="http://">Гороскопы</a></li>          
<li class="m"><a class="m" href="http://">Гидрометеоцентр</a></li>
<li class="m"><a class="m" href="http://">Поздравительная<br>страничка</a></li>          
</ul>          
</li>          
</div>
<hr>

<script type="text/javascript">
function tmenudata0()
{
this.animation_jump = 15
this.animation_delay = 2
this.imgage_gap = 4
this.plus_image = "img/plus.gif"
this.minus_image = "img/minus.gif"
this.pm_width_height = "16,16"
this.folder_image = ""
this.document_image = ""
this.icon_width_height = "16,16"
this.indent = 10;
this.use_hand_cursor = true;
this.main_item_styles = "text-decoration:none; \
font-weight:normal; \
font-family:Arial; \
font-size:12px; \
color:#ffffff; \
padding:2px; "
this.sub_item_styles = "text-decoration:none; \
font-weight:normal; \
font-family:Arial; \
font-size:12px; \
color:#ffffff; "
this.main_container_styles = "padding:0px;"
this.sub_container_styles = "padding-top:7px; padding-bottom:7px;"
this.main_link_styles = "color:#fee1e1; text-decoration:none;"
this.main_link_hover_styles = "color:#da7553; text-decoration:underline;"
this.sub_link_styles = ""
this.sub_link_hover_styles = ""
this.main_expander_hover_styles = "text-decoration:underline;";
this.sub_expander_hover_styles = "";}
</script>       
<SCRIPT language=JavaScript>ulm_ie=window.showHelp;ulm_opera=window.opera; ulm_strict=((ulm_ie || ulm_opera)&&(document.compatMode=="CSS1Compat"));ulm_mac=navigator.userAgent.indexOf("Mac")+1;  is_animating=false;cc3=new Object();cc4=new Object();
cc0=document.getElementsByTagName("UL");for(mi=0;mi<cc0.length; mi++){if(cc1=cc0[mi].id){if(cc1.indexOf("tmenu")>-1){cc1=cc1.substring(5); cc2=new window["tmenudata"+cc1];cc3["img"+cc1]=new Image();cc3["img"+cc1].src=cc2.plus_image;cc4["img"+cc1]=new Image(); cc4["img"+cc1].src=cc2.minus_image;if(!(ulm_mac && ulm_ie)){t_cc9=cc0[mi].getElementsByTagName("UL");for(mj=0;mj<t_cc9.length; mj++){cc23=document.createElement("DIV");cc23.className="uldivs"; cc23.appendChild(t_cc9[mj].cloneNode(1));t_cc9[mj].parentNode.replaceChild(cc23,t_cc9[mj]); }}cc5(cc0[mi].childNodes,cc1+"_",cc2,cc1);  cc6(cc1,cc2);cc0[mi].style.display="block"; }}};function cc5(cc9,cc10,cc2,cc11){eval("cc8=new Array("+cc2.pm_width_height+")");this.cc7=0;for(this.li=0;this.li<cc9.length; this.li++){if(cc9[this.li].tagName=="LI"){this.level=cc10.split("_").length-1; cc9[this.li].style.cursor="default";this.cc12=false;this.cc13=cc9[this.li].childNodes; for(this.ti=0;this.ti<this.cc13.length;this.ti++){lookfor="DIV"; if(ulm_mac && ulm_ie)lookfor="UL";if(this.cc13[this.ti].tagName==lookfor){this.tfs=this.cc13[this.ti].firstChild;  if(ulm_mac && ulm_ie)this.tfs=this.cc13[this.ti];this.usource=cc3["img"+cc11].src; if((gev=cc9[this.li].getAttribute("expanded"))&&(parseInt(gev))){this.usource=cc4["img"+cc11].src;  }else this.tfs.style.display="none";if(cc2.folder_image){create_images(cc2,cc11,cc2.icon_width_height,cc2.folder_image,cc9[this.li]);  this.ti=this.ti+2;}this.cc14=document.createElement("IMG");this.cc14.setAttribute("width",cc8[0]);  this.cc14.setAttribute("height",cc8[1]);this.cc14.className="plusminus"; this.cc14.src=this.usource;this.cc14.onclick=cc16;this.cc14.onselectstart=function(){return false};  this.cc14.setAttribute("cc2_id",cc11);this.cc15=document.createElement("div"); this.cc15.style.display="inline";this.cc15.style.paddingLeft=cc2.imgage_gap+"px"; cc9[this.li].insertBefore(this.cc15,cc9[this.li].firstChild); cc9[this.li].insertBefore(this.cc14,cc9[this.li].firstChild); this.ti+=2;new cc5(this.tfs.childNodes,cc10+this.cc7+"_",cc2,cc11);this.cc12=1; }else if(this.cc13[this.ti].tagName=="SPAN"){this.cc13[this.ti].onselectstart=function(){return false}; this.cc13[this.ti].onclick=cc16;this.cc13[this.ti].setAttribute("cc2_id",cc11); this.cname="cc24";if(this.level>1)this.cname="cc25";if(this.level> 1)this.cc13[this.ti].onmouseover=function(){this.className="cc25"; };else this.cc13[this.ti].onmouseover=function(){this.className="cc24"; };this.cc13[this.ti].onmouseout=function(){this.className="";}; }}if(!this.cc12){if(cc2.document_image){create_images(cc2,cc11,cc2.icon_width_height,cc2.document_image,cc9[this.li]);  }this.cc15=document.createElement("div");this.cc15.style.display="inline"; if(ulm_ie)this.cc15.style.width=cc2.imgage_gap+cc8[0]+"px";else this.cc15.style.paddingLeft=cc2.imgage_gap+cc8[0]+"px"; cc9[this.li].insertBefore(this.cc15,cc9[this.li].firstChild);}this.cc7++; }}};function create_images(cc2,cc11,iwh,iname,liobj){eval("tary=new Array("+iwh+")");this.cc15=document.createElement("div");this.cc15.style.display="inline"; this.cc15.style.paddingLeft=cc2.imgage_gap+"px";  liobj.insertBefore(this.cc15,liobj.firstChild); this.fi=document.createElement("IMG");this.fi.setAttribute("width",tary[0]); this.fi.setAttribute("height",tary[1]);this.fi.setAttribute("cc2_id",cc11); this.fi.className="plusminus";this.fi.src=iname;this.fi.style.verticalAlign="middle"; this.fi.onclick=cc16;liobj.insertBefore(this.fi,liobj.firstChild); };function cc16(){if(is_animating)return;cc18=this.getAttribute("cc2_id"); cc2=new window["tmenudata"+cc18];cc17=this.parentNode.getElementsByTagName("UL"); if(parseInt(this.parentNode.getAttribute("expanded"))){this.parentNode.setAttribute("expanded",0);  if(ulm_mac && ulm_ie){cc17[0].style.display="none";}else {cc27=cc17[0].parentNode;cc27.style.overflow="hidden";cc26=cc27; cc27.style.height=cc17[0].offsetHeight;cc27.style.position="relative"; cc17[0].style.position="relative";is_animating=1;setTimeout("cc29("+(-cc2.animation_jump)+",false,"+cc2.animation_delay+")",0);  }this.parentNode.firstChild.src=cc3["img"+cc18].src;}else {this.parentNode.setAttribute("expanded",1);if(ulm_mac && ulm_ie){cc17[0].style.display="block";}else {cc27=cc17[0].parentNode;cc27.style.height="1px";cc27.style.overflow="hidden"; cc27.style.position="relative";cc26=cc27;cc17[0].style.position="relative"; cc17[0].style.display="block";cc28=cc17[0].offsetHeight;cc17[0].style.top=-cc28+"px"; is_animating=1;setTimeout("cc29("+cc2.animation_jump+",1,"+cc2.animation_delay+")",0); }this.parentNode.firstChild.src=cc4["img"+cc18].src;}};function cc29(inc,expand,delay){cc26.style.height=(cc26.offsetHeight+inc)+"px"; cc26.firstChild.style.top=(cc26.firstChild.offsetTop+inc)+"px"; if( (expand &&(cc26.offsetHeight<(cc28)))||(!expand &&(cc26.offsetHeight>Math.abs(inc))) )setTimeout("cc29("+inc+","+expand+","+delay+")",delay);else {if(expand){cc26.style.overflow="visible"; if((ulm_ie)||(ulm_opera && !ulm_strict))cc26.style.height="0px";else cc26.style.height="auto";cc26.firstChild.style.top=0+"px";}else {cc26.firstChild.style.display="none"; cc26.style.height="0px";}is_animating=false;}};function cc6(id,cc2){np_refix="#tmenu"+id;cc20="<style type='text/css'>";cc19="";if(ulm_ie)cc19="height:0px;font-size:1px; ";cc20+=np_refix+" {width:100%;"+cc19+"-moz-user-select:none;margin:0px;padding:0px; list-style:none;"+cc2.main_container_styles+"}";cc20+=np_refix+" li{white-space:nowrap; list-style:none;margin:0px;padding:0px;"+cc2.main_item_styles+"}"; cc20+=np_refix+" ul li{"+cc2.sub_item_styles+"}";cc20+=np_refix+" ul{list-style:none;margin:0px;padding:0px;padding-left:"+cc2.indent+"px; "+cc2.sub_container_styles+"}";cc20+=np_refix+" a{"+cc2.main_link_styles+"}";cc20+=np_refix+" a:hover{"+cc2.main_link_hover_styles+"}";cc20+=np_refix+" ul a{"+cc2.sub_link_styles+"}";cc20+=np_refix+" ul a:hover{"+cc2.sub_link_hover_styles+"}";cc20+=".cc24 {"+cc2.main_expander_hover_styles+"}";if(cc2.sub_expander_hover_styles)cc20+=".cc25 {"+cc2.sub_expander_hover_styles+"}"; else cc20+=".cc25 {"+cc2.main_expander_hover_styles+"}";if(cc2.use_hand_cursor)cc20+=np_refix+" li span,.plusminus{cursor:url('http://graphics-xp.ucoz.ru/cursor.cur'); cursor:pointer;}";else cc20+=np_refix+" li span,.plusminus{cursor:default;}";document.write(cc20+"</style> ");}</SCRIPT>
</div>

В коде вставляете свои данные

Вот картинки

 
JFUCKДата: Пятница, 11.09.2009, 20:17 | Сообщение # 10
Военный-лейтенант
Группа: Администраторы
Сообщений: 101
Поглощено
Награды: 1
Репутация: 1
Статус: Не в Нью Йорке

Это в css! ставьте куда захотите:

Code
/* Menu_2 */
.preload1 {background: url(http://re-naruto-al.ucoz.ru/six_0.gif);}
.preload2 {background: url(http://re-naruto-al.ucoz.ru/six_1.gif);}

#nav {padding:0; margin:0; list-style:none; height:35px; background:#fff url(http://re-naruto-al.ucoz.ru/six_0.gif) repeat-x; position:relative; z-index:200; font-family:arial, verdana, sans-serif;}
#nav li.top {display:block; float:left;}
#nav li a.top_link {display:block; float:left; height:35px; line-height:33px; color:#ccc; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url(http://re-naruto-al.ucoz.ru/six_0.gif);}
#nav li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(http://re-naruto-al.ucoz.ru/six_0.gif) right top no-repeat;}
#nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(http://re-naruto-al.ucoz.ru/six_0.gif) no-repeat right top;}

#nav li:hover a.top_link,
#nav a.top_link:hover
{color:#fff; background: url(http://re-naruto-al.ucoz.ru/six_1.gif) no-repeat;}
#nav li:hover a.top_link span,         
#nav a.top_link:hover span
{background:url(http://re-naruto-al.ucoz.ru/six_1.gif) no-repeat right top;}
#nav li:hover a.top_link span.down,
#nav a.top_link:hover span.down
{background:url(http://re-naruto-al.ucoz.ru/six_1.gif) no-repeat right top; padding-bottom:3px;}
/* ------------- */

А это ставьте туда где вы хотите видить ваше меню:

Code
<ul id="nav">
         <li class="top"><a href="$HOME_PAGE_LINK$"class="top_link"><span><b>Главная страница</b></span></a></li>
         <li class="top"><a href="ссылка"class="top_link"><span><b>НАЗВАНИЕ</b></span></a></li>
         <li class="top"><a href="ссылка"class="top_link"><span>НАЗВАНИЕ</span></a></li>
         <li class="top"><a href="ссылка"class="top_link"><span><b>НАЗВАНИЕ</b></span></a></li>
         <li class="top"><a href="ссылка"class="top_link"><span><b>НАЗВАНИЕ</b></span></a></li>
         </a></li>
         </ul>

<style>         
.hint         
{         
background-color:#336699;         
line-height:10px;         
color:white;         
font-family:verdana;         
font-size:11px;         
width:auto;         
border-top:1px solid white;         
border-right:1px solid white;         
border-bottom:1px solid white;         
border-left:5px solid orange;         
margin:0px;         
padding:8px;         
position:absolute;         
visibility:hidden;         
}         
</style>    
 
  • Страница 1 из 2
  • 1
  • 2
  • »
Поиск:

Prototype | Design by JFUCK | Website by JFUCK & Вергилий