Рип - Форум - Форум WEB Мастеров ZIM.CLAN.SU - Всё для CS1.6, CSS, L4D, WC, UCOZ, PS, AE

Рип

Дата: Среда, 09.03.2011, 17:19 | Сообщение # 1

Группа:	Проверенные
Сообщений:	36
Статус:

Скрин===>> http://s54.radikal.ru/i146/1103/ed/d8e050ecc597.gif

[Table]Вот код: [/Table]

Code

<div class="box2"><SPAN class="menub">
<a href="Ваш Ссылкаа">Название</a>
<a href="Ваш Ссылкаа">Название</a>
<a href="Ваш Ссылкаа">Название</a>
<a href="Ваш Ссылкаа">Название</a>
<a href="Ваш Ссылкаа">Название</a>
</span>

[Table]Вот в css: [/Table]

Code

/* forum Fast Navigation Menu */
.fastNavMain {background:#C7D7EF;}
.fastNavCat {background:#E7EEF8;}
.fastNavCatA {background:#E7EEF8;color:#0000FF}
.fastNavForumA {color:#0000FF}
/* -------------------------- */

.box {width:219px;padding:5px;}
.box1 {background:url('http://www.gamelose.ru/img/menu_1.png');height:22px;color:#e0a913;text-shadow:0.1em 0.1em 0.05em #000;padding-top:10px;padding-left:15px;font:bold 9pt Arial;}
.box2 {background:#292929;padding:7px;}
.box3 {background:url('http://www.gamelose.ru/img/menu_3.png');height:6px;}

.menub {width:100%;height:22px}
.menub a:link,
.menub a:visited {margin-bottom:4px;padding-left:10px;padding-top:3px;line-height:22px;height:17px;width:197px;-moz-border-radius:8px;border-radius:8px;border:1px solid #514f4f;text-shadow:0.1em 0.1em 0.05em #000;display:block;text-align:left;font: normal 9pt Arial;}
.menub a:hover {padding-left:10px;padding-top:3px;color:#e0a913;text-shadow:0.1em 0.1em 0.05em #000;border:0px;line-height:22px;height:19px;width:199px;display:block;background:url('http://www.gamelose.ru/img/menub2.png') no-repeat;text-align:left;font: normal 9pt Arial;}

.menu_head,
.menu_head:link,
.menu_head:active,
.menu_head:visited {height:23px; display:inline-block;font-weight:bold;font-family:Tahoma; font-size:9pt;cursor:pointer;}
.menu_head:hover {background:url('http://www.gamelose.ru/img/menu_head_l.png') no-repeat;text-decoration:none;}
.menu_head:hover span {background:url('http://www.gamelose.ru/img/menu_head_l.png') no-repeat;text-decoration:none;padding:0px;margin:0px;}
.menu_head span {height:15px; padding:7px 5px; display:inline-block;color:#e0a913;cursor:pointer;}
.menu_head span:hover {color:#000;background:url('http://www.gamelose.ru/img/menu_head_c.png') right no-repeat;padding:0px;margin:0px;margin-left:9px;padding:4px 5px;padding-right:14px;}

.fon_menu {background:url('http://www.gamelose.ru/img/fon_menu.png');height:35px;width:550px;text-align:center;padding-top:7px;}

З.Ы. В рипе есть одна помарка, но я потом её исправлю smile

З.Ы.Ы. Меню знаю не очень интересное, но вдруг комуто пригодится :-)
__________________________________________________________________________________________________
Так же вот ещё верхнее меню...

Скрин===>> http://s47.radikal.ru/i116/1103/e3/f1d920d31f94.gif

[Table]Код[/Table]:

Code

<div class="logo">
<div style="padding-top:90px;padding-left:4px">
<div style="padding:2px"><a href="javascript://" onclick="openLayerB('Copyright',0,'http://gamelose.ru/copyright.xml','Авторские права',550,380,'1'); return false;"><div class="copy"></div></a></div>
<div style="padding:2px"><a href="#"><div class="selected"></div></a></div>
<div style="padding:2px"><a href="#"><div class="help"></div></a></div>
</div>
</div>

<div class="fon_head_l"></div>
<div class="fon_head">
<div style="float:right;padding-top:5px">
<table cellpadding="0" cellspacing="0" border="0">
<tr><td><div class="fon_menu">
<a class="menu_head" href="Ваша Ссылка"><span>Название</span></a></li>
<a class="menu_head" href="Ваша Ссылка"><span>Название</span></a></li>
<a class="menu_head" href="Ваша Ссылка"><span>Название</span></a></li>
<a class="menu_head" href="Ваша Ссылка"><span>Название</span></a></li>
<a class="menu_head" href="Ваша Ссылка"><span>Название</span></a></li>
<a class="menu_head" href="Ваша Ссылка"><span>Название</span></a></li>
</div></tr></td>