Павловск. Алтайский край

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Павловск. Алтайский край » Свалка форума » Вертикальное меню для ucoz


Вертикальное меню для ucoz

Сообщений 1 страница 2 из 2

1

Предварительно придётся отредактировать данный код.
Где href="xxxx">. Заменяем хххх на ссылку.  href="Ваша ссылка"
Где >yyyy</span>. Пишем название меню вместо уууу.

Можете создать глобальный блок и вставить туда отредактированный код.
Или воспользоваться конструктором и проделать то же самое.
Цвет тоже можно менять под дизайн сайта.
Дальше думаю разберётесь.

Код:
<ul class="uz">  
<style type="text/css">  
.SlideMenu1_item  
{  
font-family: Arial;  
font-size: 11px;  
background-color: #f1f1f1;  
padding-left: 5px;  
width: 100%;  
}  
.SlideMenu1_folder_a  
{  
font-weight:  
text-decoration: none;  
}  
.SlideMenu1_folder_a:hover  
{  
color: #FFFFFF;  
font-weight: normal;  
text-decoration: none;  
}  
.SlideMenu1_item_a  
{  
color: #FFFFFF;  
font-weight: normal;  
text-decoration: none;  
}  
.SlideMenu1_item_a:hover  
{  
color: #2222ff;  
font-weight: normal;  
text-decoration: none;  
}  
</style>  
<script type="text/javascript">  
<!--  
function FindObject(id, doc)  
{  
var child, elem;  
if(!doc)  
doc=document;  
if(doc.getElementById)  
elem=doc.getElementById(id);  
else  
if(doc.layers)  
child=doc.layers;  
else  
if(doc.all)  
elem=doc.all[id];  
if(elem)  
return elem;  
if(doc.id==id || doc.name==id)  
return doc;  
if(doc.childNodes)  
child=doc.childNodes;  
if(child)  
{  
for(var i=0; i<child.length; i++)  
{  
elem=FindObject(id,child[i]);  
if(elem)  
return elem;  
}  
}  
var frm=doc.forms;  
if(frm)  
{  
for(var i=0; i<frm.length; i++)  
{  
var elems=frm[i].elements;  
for(var j=0; j<elems.length; j++)  
{  
elem=FindObject(id,elems[i]);  
if(elem) return elem;  
}  
}  
}  
return null;  
}  
// -->  
</script>  
<script language="JavaScript" type="text/javascript">  
<!--  
function ToggleExpand(id)  
{  
var obj = FindObject(id);  
if (!obj)  
{  
return false;  
}  
if (obj.style.display == "none")  
{  
obj.style.display = "";  
}  
else  
{  
obj.style.display = "none";  
}  
return false;  
}  
//-->  
</script>  

<table cellpadding="0" cellspacing="0" width="200">  
<tbody>  
<tr>  
<td>  
<table width="100%" cellspacing="0">  
</table>  
</td>  
</tr>  
</tbody>  
<tbody id="SlideMenu1_Folder1">  
<tr>  
<td>  
<table cellspacing="0" cellpadding="0" width="100%">  
<tbody>  
<tr>  
<td>  
<table width="100%" cellspacing="0">  
<tr><td class="SlideMenu1_item" onMouseOver="this.style.backgroundColor='#408FDA'" onMouseOut="this.style.backgroundColor='#f1f1f1'"><li class="m"><a class="m" href="xxxx"><b><span style="color:#000000">yyyy</span></b></a></li></td></tr>  
<tr><td class="SlideMenu1_item" onMouseOver="this.style.backgroundColor='#408FDA'" onMouseOut="this.style.backgroundColor='#f1f1f1'"><li class="m"><a class="m" href="xxxx"><b><span style="color:#000000">yyyy</span></b></a></li></td></tr>  
<tr><td class="SlideMenu1_item" onMouseOver="this.style.backgroundColor='#408FDA'" onMouseOut="this.style.backgroundColor='#f1f1f1'"><li class="m"><a class="m" href="xxxx"><b><span style="color:#000000">yyyy</span></b></a></li></td></tr>  
<tr><td class="SlideMenu1_item" onMouseOver="this.style.backgroundColor='#408FDA'" onMouseOut="this.style.backgroundColor='#f1f1f1'"><li class="m"><a class="m" href="xxxx"><b><span style="color:#000000">yyyy</span></b></a></li></td></tr>  
<tr><td class="SlideMenu1_item" onMouseOver="this.style.backgroundColor='#408FDA'" onMouseOut="this.style.backgroundColor='#f1f1f1'"><li class="m"><a class="m" href="xxxx"><b><span style="color:#000000">yyyy</span></b></a></li></td></tr>  
<tr><td class="SlideMenu1_item" onMouseOver="this.style.backgroundColor='#408FDA'" onMouseOut="this.style.backgroundColor='#f1f1f1'"><li class="m"><a class="m" href="xxxx"><b><span style="color:#000000">yyyy</span></b></a></li></td></tr>  
<tr><td class="SlideMenu1_item" onMouseOver="this.style.backgroundColor='#408FDA'" onMouseOut="this.style.backgroundColor='#f1f1f1'"><li class="m"><a class="m" href="xxxx"><b><span style="color:#000000">yyyy</span></b></a></li></td></tr>  
</table>  
</td>  
</tr>  
</tbody>  
</table>  
</td>  
</tr>  
</tbody>  
</table>  
</ul>  
<img border="0" align="absmiddle" src="АДРЕС КАРТИНКИ">  
<ul class="uz">  
<table cellpadding="0" cellspacing="0" width="200">  
<tbody>  
<tr>  
<td>  
<table width="100%" cellspacing="0">  
<tr>  
<td height="28" colspan="3" class="SlideMenu1_folder" style="background:url('http://s19.ucoz.net/t/901/8.gif') #7CBD01;border:1px solid #FFFFFF;color:#CCCCCC;" align="center"><a class="m" "SlideMenu1_folder_a" onclick="return ToggleExpand('SlideMenu1_Folder2')" href="#"><b><span style="color:#FFFFFF">yyyy</span></b></a></td>  
</tr>  
</table>  
</td>  
</tr>  
</tbody>  
<tbody id="SlideMenu1_Folder2" style="display:none">  
<tr>  
<td>  
<table cellspacing="0" cellpadding="0" width="100%">  
<tbody>  
<tr>  
<td>  
<table width="100%" cellspacing="1">  
<tr><td class="SlideMenu1_item" onMouseOver="this.style.backgroundColor='#FFFFFF'" onMouseOut="this.style.backgroundColor='#f1f1f1'"><li class="m"><a class="m" href="xxxx"><b><span style="color:#000000">yyyy</span></b></a></li></td></tr>  
<tr><td class="SlideMenu1_item" onMouseOver="this.style.backgroundColor='#FFFFFF'" onMouseOut="this.style.backgroundColor='#f1f1f1'"><li class="m"><a class="m" href="xxxx"><b><span style="color:#000000">yyyy</span></b></a></li></td></tr>  
</table>  
</td>  
</tr>  
</tbody>  
</table>  
</td>  
</tr>  
</tbody>  
<tbody>  
<tr>  
<td>  
<table width="100%" cellspacing="0">  
<tr>  
<td height="28" colspan="3" class="SlideMenu1_folder" style="background:url('http://s19.ucoz.net/t/901/8.gif') #7CBD01;border:1px solid #FFFFFF;color:#CCCCCC;" align="center"><a class="m" "SlideMenu1_folder_a" onclick="return ToggleExpand('SlideMenu1_Folder3')" href="#"><b><span style="color:#FFFFFF">yyyy</span></b></a></td>  
</tr>  
</table>  
</td>  
</tr>  
</tbody>  
<tbody id="SlideMenu1_Folder3" style="display:none">  
<tr>  
<td>  
<table cellspacing="0" cellpadding="0" width="100%">  
<tbody>  
<tr>  
<td>  
<table width="100%" cellspacing="1">  
<tr><td class="SlideMenu1_item" onMouseOver="this.style.backgroundColor='#FFFFFF'" onMouseOut="this.style.backgroundColor='#f1f1f1'"><li class="m"><a class="m" href="xxxx"><b><span style="color:#000000">yyyy</span></b></a></li></td></tr>  
<tr><td class="SlideMenu1_item" onMouseOver="this.style.backgroundColor='#FFFFFF'" onMouseOut="this.style.backgroundColor='#f1f1f1'"><li class="m"><a class="m" href="xxxx"><b><span style="color:#000000">yyyy</span></b></a></li></td></tr>  
<tr><td class="SlideMenu1_item" onMouseOver="this.style.backgroundColor='#FFFFFF'" onMouseOut="this.style.backgroundColor='#f1f1f1'"><li class="m"><a class="m" href="xxxx"><b><span style="color:#000000">yyyy</span></b></a></li></td></tr>  
<tr><td class="SlideMenu1_item" onMouseOver="this.style.backgroundColor='#FFFFFF'" onMouseOut="this.style.backgroundColor='#f1f1f1'"><li class="m"><a class="m" href="xxxx"><b><span style="color:#000000">yyyy</span></b></a></li></td></tr>  
</table>  
</td>  
</tr>  
</tbody>  
</table>  
</td>  
</tr>  
</tbody>  
<tbody>  
<tr>  
<td>  
<table width="100%" cellspacing="0">  
<tr>  
<td height="28" colspan="3" class="SlideMenu1_folder" style="background:url('http://s19.ucoz.net/t/901/8.gif') #7CBD01;border:1px solid #FFFFFF;color:#CCCCCC;" align="center"><a class="m" "SlideMenu1_folder_a" onclick="return ToggleExpand('SlideMenu1_Folder4')" href="#"><b><span style="color:#FFFFFF">yyyy</span></b></a></td>  
</tr>  
</table>  
</td>  
</tr>  
</tbody>  
<tbody id="SlideMenu1_Folder4" style="display:none">  
<tr>  
<td>  
<table cellspacing="0" cellpadding="0" width="100%">  
<tbody>  
<tr>  
<td>  
<table width="100%" cellspacing="1">  
<tr><td class="SlideMenu1_item" onMouseOver="this.style.backgroundColor='#FFFFFF'" onMouseOut="this.style.backgroundColor='#f1f1f1'"><li class="m"><a class="m" href="xxxx"><b><span style="color:#000000">yyyy</span></b></a></li></td></tr>  
<tr><td class="SlideMenu1_item" onMouseOver="this.style.backgroundColor='#FFFFFF'" onMouseOut="this.style.backgroundColor='#f1f1f1'"><li class="m"><a class="m" href="xxxx"><b><span style="color:#000000">yyyy</span></b></a></li></td></tr>  
<tr><td class="SlideMenu1_item" onMouseOver="this.style.backgroundColor='#FFFFFF'" onMouseOut="this.style.backgroundColor='#f1f1f1'"><li class="m"><a class="m" href="xxxx"><b><span style="color:#000000">yyyy</span></b></a></li></td></tr>  
<tr><td class="SlideMenu1_item" onMouseOver="this.style.backgroundColor='#FFFFFF'" onMouseOut="this.style.backgroundColor='#f1f1f1'"><li class="m"><a class="m" href="xxxx"><b><span style="color:#000000">yyyy</span></b></a></li></td></tr>  
<tr><td class="SlideMenu1_item" onMouseOver="this.style.backgroundColor='#FFFFFF'" onMouseOut="this.style.backgroundColor='#f1f1f1'"><li class="m"><a class="m" href="xxxx"><b><span style="color:#000000">yyyy</span></b></a></li></td></tr>  
<tr><td class="SlideMenu1_item" onMouseOver="this.style.backgroundColor='#FFFFFF'" onMouseOut="this.style.backgroundColor='#f1f1f1'"><li class="m"><a class="m" href="xxxx"><b><span style="color:#000000">yyyy</span></b></a></li></td></tr>  
</table>  
</td>  
</tr>  
</tbody>  
</table>  
</td>  
</tr>  
</tbody>  
<tbody>  
<tr>  
<td>  
<table width="100%" cellspacing="0">  
<tr>  
<td height="28" colspan="3" class="SlideMenu1_folder" style="background:url('http://s19.ucoz.net/t/901/8.gif') #7CBD01;border:1px solid #FFFFFF;color:#CCCCCC;" align="center"><a class="m" "SlideMenu1_folder_a" onclick="return ToggleExpand('SlideMenu1_Folder5')" href="#"><b><span style="color:#FFFFFF">yyyy</span></b></a></td>  
</tr>  
</table>  
</td>  
</tr>  
</tbody>  
<tbody id="SlideMenu1_Folder5" style="display:none">  
<tr>  
<td>  
<table cellspacing="0" cellpadding="0" width="100%">  
<tbody>  
<tr>  
<td>  
<table width="100%" cellspacing="1">  
<tr><td class="SlideMenu1_item" onMouseOver="this.style.backgroundColor='#FFFFFF'" onMouseOut="this.style.backgroundColor='#f1f1f1'"><li class="m"><a class="m" href="xxxx"><b><span style="color:#000000">yyyy</span></b></a></li></td></tr>  
<tr><td class="SlideMenu1_item" onMouseOver="this.style.backgroundColor='#FFFFFF'" onMouseOut="this.style.backgroundColor='#f1f1f1'"><li class="m"><a class="m" href="xxxx"><b><span style="color:#000000">yyyy</span></b></a></li></td></tr>  
<tr><td class="SlideMenu1_item" onMouseOver="this.style.backgroundColor='#FFFFFF'" onMouseOut="this.style.backgroundColor='#f1f1f1'"><li class="m"><a class="m" href="xxxx"><b><span style="color:#000000">yyyy</span></b></a></li></td></tr>  
</table>  
</td>  
</tr>  
</tbody>  
</table>  
</td>  
</tr>  
</tbody>  
<tbody>  
<tr>  
<td>  
<table width="100%" cellspacing="0">  
<tr>  
<td height="28" colspan="3" class="SlideMenu1_folder" style="background:url('http://s19.ucoz.net/t/901/8.gif') #7CBD01;border:1px solid #FFFFFF;color:#CCCCCC;" align="center"><a class="m" "SlideMenu1_folder_a" onclick="return ToggleExpand('SlideMenu1_Folder6')" href="#"><b><span style="color:#FFFFFF">yyyy</span></b></a></td>  
</tr>  
</table>  
</td>  
</tr>  
</tbody>  
<tbody id="SlideMenu1_Folder6" style="display:none">  
<tr>  
<td>  
<table cellspacing="0" cellpadding="0" width="100%">  
<tbody>  
<tr>  
<td>  
<table width="100%" cellspacing="1">  
<tr><td class="SlideMenu1_item" onMouseOver="this.style.backgroundColor='#FFFFFF'" onMouseOut="this.style.backgroundColor='#f1f1f1'"><li class="m"><a class="m" href="xxxx"><b><span style="color:#000000">yyyy</span></b></a></li></td></tr>  
<tr><td class="SlideMenu1_item" onMouseOver="this.style.backgroundColor='#FFFFFF'" onMouseOut="this.style.backgroundColor='#f1f1f1'"><li class="m"><a class="m" href="xxxx"><b><span style="color:#000000">yyyy</span></b></a></li></td></tr>  
</table>  
</td>  
</tr>  
</tbody>  
</table>  
</td>  
</tr>  
</tbody>  
<tbody>  
<tr>  
<td>  
<table width="100%" cellspacing="0">  
<tr>  
<td height="28" colspan="3" class="SlideMenu1_folder" style="background:url('http://s19.ucoz.net/t/901/8.gif') #7CBD01;border:1px solid #FFFFFF;color:#CCCCCC;" align="center"><a class="m" "SlideMenu1_folder_a" onclick="return ToggleExpand('SlideMenu1_Folder7')" href="#"><b><span style="color:#FFFFFF">yyyy</span></b></a></td>  
</tr>  
</table>  
</td>  
</tr>  
</tbody>  
<tbody id="SlideMenu1_Folder7" style="display:none">  
<tr>  
<td>  
<table cellspacing="0" cellpadding="0" width="100%">  
<tbody>  
<tr>  
<td>  
<table width="100%" cellspacing="1">  
<tr><td class="SlideMenu1_item" onMouseOver="this.style.backgroundColor='#FFFFFF'" onMouseOut="this.style.backgroundColor='#f1f1f1'"><li class="m"><a class="m" href="xxxx"><b><span style="color:#000000">yyyy</span></b></a></li></td></tr>  
<tr><td class="SlideMenu1_item" onMouseOver="this.style.backgroundColor='#FFFFFF'" onMouseOut="this.style.backgroundColor='#f1f1f1'"><li class="m"><a class="m" href="xxxx"><b><span style="color:#000000">yyyy</span></b></a></li></td></tr>  
<tr><td class="SlideMenu1_item" onMouseOver="this.style.backgroundColor='#FFFFFF'" onMouseOut="this.style.backgroundColor='#f1f1f1'"><li class="m"><a class="m" href="xxxx"><b><span style="color:#000000">yyyy</span></b></a></li></td></tr>  
<tr><td class="SlideMenu1_item" onMouseOver="this.style.backgroundColor='#FFFFFF'" onMouseOut="this.style.backgroundColor='#f1f1f1'"><li class="m"><a class="m" href="xxxx"><b><span style="color:#000000">yyyy</span></b></a></li></td></tr>  
<tr><td class="SlideMenu1_item" onMouseOver="this.style.backgroundColor='#FFFFFF'" onMouseOut="this.style.backgroundColor='#f1f1f1'"><li class="m"><a class="m" href="xxxx"><b><span style="color:#000000">yyyy</span></b></a></li></td></tr>  
<tr><td class="SlideMenu1_item" onMouseOver="this.style.backgroundColor='#FFFFFF'" onMouseOut="this.style.backgroundColor='#f1f1f1'"><li class="m"><a class="m" href="xxxx"><b><span style="color:#000000">yyyy</span></b></a></li></td></tr>  
<tr><td class="SlideMenu1_item" onMouseOver="this.style.backgroundColor='#FFFFFF'" onMouseOut="this.style.backgroundColor='#f1f1f1'"><li class="m"><a class="m" href="xxxx"><b><span style="color:#000000">yyyy</span></b></a></li></td></tr>  
<tr><td class="SlideMenu1_item" onMouseOver="this.style.backgroundColor='#FFFFFF'" onMouseOut="this.style.backgroundColor='#f1f1f1'"><li class="m"><a class="m" href="xxxx"><b><span style="color:#000000">yyyy</span></b></a></li></td></tr>  
</table>  
</td>  
</tr>  
</tbody>  
</table>  
</td>  
</tr>  
</tbody>  
</table>  
</div>  
</div>  
</ul>

Автор мне не известен.

0

2

https://forumstatic.ru/files/0006/ea/87/90227.gif

0


Вы здесь » Павловск. Алтайский край » Свалка форума » Вертикальное меню для ucoz