» »

Светлое меню сайта CSVERT для ucoz


Светлое меню сайта CSVERT для ucoz

По своему оттенку цвета светлое меню, подойдет под любую тематику, красиво будит смотреться на светлых сайтов. На старом сайте у меня стояло это меню и выглядело красиво. На картинке как то невзрачно смотрится, стоит его поставить в блок сайта, то могу утверждать совсем другой вид и особенно дизайн его. Просто преображается на глазах.
Приступаем к установке:
В блок вставляем в блок:
Код
<span class="blockmenu">  
<a href="http://zornet.ru/">Counter-Strike Portal №1</a>  
<a href="http://zornet.ru/">Counter-Strike Portal №1</a>  
<a href="http://zornet.ru/">Counter-Strike Portal №1</a>  
<a href="http://zornet.ru/">Counter-Strike Portal №1</a>  
<a href="http://zornet.ru/">Counter-Strike Portal №1</a>  
<a href="http://zornet.ru/">Counter-Strike Portal №1</a>  
<a href="http://zornet.ru/">Counter-Strike Portal №1</a>  
<a href="http://zornet.ru/">Counter-Strike Portal №1</a>  
<a href="http://zornet.ru/">Counter-Strike Portal №1</a>  
<a href="http://zornet.ru/">Counter-Strike Portal №1</a>  
<a href="http://zornet.ru/">Counter-Strike Portal №1</a>

B CSS в самый низ прописываем этот стиль:
Код
/* http://cs-talk.ucoz.ru/ */  
  .blockmenu {height:18px; width: 100%;font: normal 12px Arial, Helvetica, sans-serif;text-align: left;}  
  .blockmenu a:link,  
  .blockmenu a:visited { color:#000000;text-decoration:none;padding-left:25px;line-height:18px; display:block;font-weight:normal;background:url(http://zornet.ru/zornet_ru/254099035.png) no-repeat top; text-align: left; margin-top:1px;}  
  .blockmenu a:hover { color:#000000;text-decoration:none;padding-left:25px; line-height:18px; display:block;font-weight:normal;background:url(http://zornet.ru/zornet_ru/254099035.png) no-repeat bottom; text-align: left;}  
  /* ---------------- */
30.04.2012 Просмотров: 1011 Комментарий: (6)

Поделиться в социальных сетях

Материал разместил

Комментарий: 4
Slavik
Slavik 29.12.2015 21:011
0
Ну если честно то это меню на любителя, мне вот лично она не очень(..
Kosten
Kosten 29.12.2015 22:172
0
А вот на первый дизайн его по всем блокам поставил, так оно смотрится красиво, это все на изображение не очень визуальность на его.
Kosten
Kosten 29.12.2015 23:353
0
Думаю так намного лучше будет, и понятно какое меню, и под какие блоки подойдет.
Kosten
Kosten 29.12.2015 23:544
0
Да и старое изображение понятное было, кому нужно тот бы понял.
avatar