Горизонтальное меню без использования js для ucoz. Меню не использует ни одной картинки, грузить сайт соответственно нечему. В любой момент можно легко настроить цвет, размер, структуру меню. Меню ucoz с подкатегориями.
В П.У - Дизаин - Управление дизайном(CSS):
Code
*{
margin:0;
padding:0
}
#nav{
font-size:0.7em;
list-style-type:none;
width:600px;
height:25px;
display:inline-block;
background:#355C96;
line-height:25px
}
#nav li{
float:left;
width:120px;
margin-top:-10000px
}
#nav li a{
width:120px;
text-decoration:none;
text-align:center;
color:#fff;
position:relative;
float:left;
margin-right:-119px;
margin-top:10000px
}
#nav li a:hover, #content #nav li a:focus, #content #nav li a:active{
background:#DCE2FC;
margin-right:0;
color:#355C96
}
#nav li ul{
background:#6286BD;
float:left;
margin-top:-25px;
padding-top:25px;
margin-bottom:-10000px;
list-style-type:none
}
#nav li ul li{
float:none;
margin:0;
width:auto
}
#nav li ul li a{
float:none;
display:block;
margin:0;
margin-right:-1px;
background:#6286BD
}
Этот код вставляем в то место, где хотите видеть меню.
обычно это П.У - Дизаин - Управление дизайном - Верхняя часть сайта:
Горизонтальное меню без использования js для ucoz. Меню не использует ни одной картинки, грузить сайт соответственно нечему. В любой момент можно легко настроить цвет, размер, структуру меню. Меню ucoz с подкатегориями.
В П.У - Дизаин - Управление дизайном(CSS):
Code
*{
margin:0;
padding:0
}
#nav{
font-size:0.7em;
list-style-type:none;
width:600px;
height:25px;
display:inline-block;
background:#355C96;
line-height:25px
}
#nav li{
float:left;
width:120px;
margin-top:-10000px
}
#nav li a{
width:120px;
text-decoration:none;
text-align:center;
color:#fff;
position:relative;
float:left;
margin-right:-119px;
margin-top:10000px
}
#nav li a:hover, #content #nav li a:focus, #content #nav li a:active{
background:#DCE2FC;
margin-right:0;
color:#355C96
}
#nav li ul{
background:#6286BD;
float:left;
margin-top:-25px;
padding-top:25px;
margin-bottom:-10000px;
list-style-type:none
}
#nav li ul li{
float:none;
margin:0;
width:auto
}
#nav li ul li a{
float:none;
display:block;
margin:0;
margin-right:-1px;
background:#6286BD
}
Этот код вставляем в то место, где хотите видеть меню.
обычно это П.У - Дизаин - Управление дизайном - Верхняя часть сайта:
