| Пн | Вт | Ср | Чт | Пт | Сб | Вс |
|---|---|---|---|---|---|---|
| 1 | 2 | |||||
| 3 | 4 | 5 | 6 | 7 | 8 | 9 |
| 10 | 11 | 12 | 13 | 14 | 15 | 16 |
| 17 | 18 | 19 | 20 | 21 | 22 | 23 |
| 24 | 25 | 26 | 27 | 28 | 29 | 30 |
Архивы
- Октябрь 2025
- Август 2025
- Апрель 2025
- Сентябрь 2024
- Июль 2024
- Июнь 2024
- Май 2024
- Сентябрь 2023
- Июль 2023
- Май 2023
- Апрель 2023
- Июнь 2022
- Сентябрь 2021
- Июль 2021
- Апрель 2021
- Январь 2021
- Декабрь 2020
- Октябрь 2020
- Сентябрь 2020
- Май 2020
- Март 2020
- Февраль 2020
- Ноябрь 2019
- Сентябрь 2019
- Май 2019
- Январь 2019
- Ноябрь 2018
- Сентябрь 2018
- Июль 2018
- Май 2018
- Апрель 2018
- Март 2018
- Февраль 2018
- Январь 2018
- Декабрь 2017
- Ноябрь 2017
- Август 2017
- Июль 2017
- Июнь 2017
- Май 2017
- Апрель 2017
- Март 2017
- Февраль 2000
Красивое горизонтальное меню для uCoz.
Красивое горизонтальное меню для uCoz.
Туда где хотим видеть меню:
<div id=»menu»>
<ul>
<li><a href=»#» class=»current»>Главная</a></li>
<li><a href=»#»>Скрипты uCoz</a></li>
<li><a href=»#»>Шаблоны uCoz</a></li>
<li><a href=»#»>Контакты</a></li>
</ul>
</div>
<ul>
<li><a href=»#» class=»current»>Главная</a></li>
<li><a href=»#»>Скрипты uCoz</a></li>
<li><a href=»#»>Шаблоны uCoz</a></li>
<li><a href=»#»>Контакты</a></li>
</ul>
</div>
И в CSS:
#menu{
/* margin:0 auto;*/
width:700px;
height:59px;
background:url(http://www.nizckod.ru/vsjak/33966158.jpg) repeat-x;
}
#menu ul{
list-style:none;
margin:0 auto;
width:500px;
}
#menu li{
list-style:none;
display:block;
float:left;
height:59px;
line-height:59px;
}
#menu li a{
display:block;
float:left;
color:#a7a7a7;
text-transform:uppercase;
font-size:11px;
font-weight:bold;
line-height:59px;
text-decoration:none;
padding:0 20px;
}
#menu li a:hover{
color:#fff;
background:url(http://www.nizckod.ru/vsjak/43404672.jpg) no-repeat bottom;
}
#menu li a.current{
display:block;
float:left;
background:url(http://www.nizckod.ru/vsjak/43404672.jpg) no-repeat bottom;
color:#fff;
text-transform:uppercase;
font-size:11px;
font-weight:bold;
line-height:59px;
text-decoration:none;
padding:0 20px;
}
#menu li a:hover.current{
color:#fff;
background:url(http://www.nizckod.ru/vsjak/22364790.jpg) no-repeat bottom;
}
/* margin:0 auto;*/
width:700px;
height:59px;
background:url(http://www.nizckod.ru/vsjak/33966158.jpg) repeat-x;
}
#menu ul{
list-style:none;
margin:0 auto;
width:500px;
}
#menu li{
list-style:none;
display:block;
float:left;
height:59px;
line-height:59px;
}
#menu li a{
display:block;
float:left;
color:#a7a7a7;
text-transform:uppercase;
font-size:11px;
font-weight:bold;
line-height:59px;
text-decoration:none;
padding:0 20px;
}
#menu li a:hover{
color:#fff;
background:url(http://www.nizckod.ru/vsjak/43404672.jpg) no-repeat bottom;
}
#menu li a.current{
display:block;
float:left;
background:url(http://www.nizckod.ru/vsjak/43404672.jpg) no-repeat bottom;
color:#fff;
text-transform:uppercase;
font-size:11px;
font-weight:bold;
line-height:59px;
text-decoration:none;
padding:0 20px;
}
#menu li a:hover.current{
color:#fff;
background:url(http://www.nizckod.ru/vsjak/22364790.jpg) no-repeat bottom;
}