[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Меню как на uCozfan
Дата: Пятница, 18.03.2011, 20:19 | Сообщение # 1
Администратор
    Сообщений:
    841
    Награды:
    2

В CSS:
Code
/* BLOCK LINK */
.block_nav {width:200px; padding-top:8px; margin:0 auto; overflow:hidden; background:url(http://www.ucozfan.ru/designs_95/block_menu_link_bg.png) no-repeat -200px 0;}
#side_left ul.block_nav {margin:-4px 0 0 -5px;}
.block_nav li {height:28px; display:block; background:url(http://www.ucozfan.ru/designs_95/block_menu_link_bg.png) no-repeat 0 bottom;}
.block_nav li a {height:18px; display:block; margin:-1px 0 0 0; padding:2px 0 0 35px; color:#dedede; text-shadow:1px 0 1px #003955; text-align:left; overflow:hidden; background:url(/designs_95/block_menu_link_bg.png) no-repeat 0 -8px;}
              .block_nav li:first-child a {margin:0 !important;}
.block_nav li a:hover {padding-left:45px; color:#fff; background:url(http://www.ucozfan.ru/designs_95/block_menu_link_bg.png) no-repeat -200px -8px;}

ul.block_cat {border-top:1px solid #dadada;}
#side_left ul.block_cat {margin:-2px -4px 0 -4px;}
ul.block_cat li {display:block;}
ul.block_cat li a {display:block; padding:5px 4px 6px 26px; border-bottom:1px solid #dadada; background:#f4f4f4 url(http://www.ucozfan.ru/designs_95/block_cat_link_bg.png) no-repeat 0 0;}
ul.block_cat li a:hover {color:#fff; background:#0070a1 url(http://www.ucozfan.ru/designs_95/block_cat_link_bg.png) no-repeat -206px;}

.block_newforum {width:197px;}
.block_newforum li {display:block;}
.block_newforum li a {width:176px; height:21px; padding:3px 0 0 21px; display:block; overflow:hidden; background:url(http://www.ucozfan.ru/designs_95/block_cat_link_bg.png) no-repeat -412px 0;}
.block_newforum li a:hover {color:#fff; background-position:-609px 0;}

.b_stat_full {padding:6px 0 0 0 !important; text-align:center;}
.b_stat_first {width:117px; height:57px; display:inline-block; margin-bottom:8px; padding:3px 0 0 25px; text-align:left; background:url(http://www.ucozfan.ru/designs_95/b_stat_first_bg.png) no-repeat 0 0;}
.b_stat {width:93px; height:37px; display:inline-block; padding:3px 0 0 5px; margin-bottom:5px; text-align:left; background:url(http://www.ucozfan.ru/designs_95/b_stat_bg.png) no-repeat 0 0;}
.b_stat_link {width:155px; height:20px; display:block; padding:3px 0 0 0; margin:0 auto 12px auto; font-family:tahoma; font-weight:bold; color:#025d8b; text-align:center; text-shadow:1px 0 1px #fff; background:url(http://www.ucozfan.ru/designs_95/b_stat_first_bg.png) no-repeat 0 -60px;}
.b_stat_link:hover {background-position:0 -83px;}
.b_footer_shadown {width:147px; height:7px; margin:43px auto 0 auto; background:url(http://www.ucozfan.ru/designs_95/b_stat_first_bg.png) no-repeat 0 -106px;}

В блок:

Code
<ul class="block_nav">
       <li><a href="/">Название ссылки</a></li>
       <li><a href="/">Название ссылки</a></li>
       <li><a href="/">Название ссылки</a></li>
       <li><a href="/">Название ссылки</a></li>

       <li><a href="/">Название ссылки</a></li>
       <li><a href="/">Название ссылки</a></li>
       </ul>
  • Страница 1 из 1
  • 1
Поиск: