Красивое меню для вашего сайта, подойдет почти для всех дизайнов!
Вставляем в блок:
Code <div id="menubl">
<a href="/" class="s-menu"><img src="http://www.iconsearch.ru/uploads/icons/blandet/16x16/page_white_star.png" alt="" align="absmiddle"> Главная страница</a>
<a href="/forum" class="s-menu"><img src="http://www.iconsearch.ru/uploads/icons/silk2/16x16/group.png" alt="" align="absmiddle"> Форум сайта</a> <a href="/dir" class="s-menu"><img src="http://www.iconsearch.ru/uploads/icons/nuvola2/16x16/html.png" alt="" align="absmiddle"> Топ сайтов</a> <a href="http://rip-ucoz.ru/load/vse_ot_rip_ucoz/raznoe/video_urok_kak_ripat_shablony_ucoz_ot_rip_ucoz_ru/10-1-0-149/%0A" class="s-menu"><img src="http://www.iconsearch.ru/uploads/icons/crystalproject/16x16/templates.png" alt="" align="absmiddle"> Урок по рипу шаблонов</a>
<a href="/publ" class="s-menu"><img src="http://www.iconsearch.ru/uploads/icons/blandet/16x16/cart_add.png" alt="" align="absmiddle"> <red>Купить готовый рип</red></a> <a href="/board" class="s-menu"><img src="http://rip-ucoz.ru/psd16.png" alt="" align="absmiddle"> <red>PSD Архив [new]</red></a> </div>
Это в CSS:
Code #menubl {margin: 0px;padding: 0px 0px;background: #e3e3e3; } #menubl a {margin: 0px;padding: 5px;display: block;background: #e3e3e3;border-bottom: dashed 1px #cbcbcb;display:block;background:url(''); background-repeat:no-repeat; background-position:left center;} #menubl a:hover {text-decoration: none;background-color: #e3e3e3;display:block;background: #dddddd url(''); background-repeat:no-repeat; background-position:left center;} #menublt {margin: 0px;padding: 0px 0px;background: white; } #menublt a {margin: 0px;padding: 4px;display: block;background: #f1f1f1;border:1px solid #D7D7D7;margin-bottom:2px;} #menublt a:hover {text-decoration: none;background-color: #e3e3e3;}
a.s-menu:link, a.s-menu:visited {display:block; border-bottom:1px solid #f7f7f7; font-weight:bold; padding:3px 0px 3px 5px; color:#696969;} a.s-menu:hover {background:#F3F3F3; border-bottom:1px solid #E7E7E7; color:#696969;}
a.ss-menu:link, a.ss-menu:visited {display:block; border-bottom:1px solid #f7f7f7; font-weight:normal; padding:3px 0px 3px 5px; color:#696969; margin-left:16px;} a.ss-menu:hover {background:#F3F3F3; border-bottom:1px solid #E7E7E7; color:#696969;}
|