Dleshka.org
Авторизация

Хак Хак Горизонтальное меню

+33
TipTop 8-05-2010 Хаки DLE 2 комментария
Хак Горизонтальное меню


Хак горизонтальное меню.
Автор: MysterIoes

В css стили вставляем в конец:

td.menu_left{background:url(../images/menu_left.gif) no-repeat;width:9px;height:57px;}
td.menu_center{background:url(../images/menu_center.gif) repeat-x;height:57px;}
td.menu_right{background:url(../images/menu_right.gif) no-repeat;width:283px;height:57px;}
ul.topmenu{padding:0 0 0 10px;margin:0;list-style:none;}
ul.topmenu li{float:left;font-weight:bold;}
ul.topmenu li a{background:url(../images/menuli.gif) no-repeat;height:30px;float:left;padding:11px 15px 0 15px;color:#fff;}
ul.topmenu li a:hover{background:url(../images/menuli_a.gif) no-repeat;text-decoration:none;color:#fff;}



На главной в нужном месте ставим:

<table width="100%" cellpadding="0" cellspacing="0"> 
<tr> 
    <td class="menu_left" align="left"></td> 
    <td class="menu_center" align="left"> 
       <ul class="topmenu"> 
          <li><a title="Главная" href="/">Главная</a></li> 
          <li><a title="Наш форум" href="/forum">Наш форум</a></li> 
          <li><a title="Правила" href="/rules.html">Правила</a></li> 
          <li><a title="Контакты" href="/index.php?do=feedback">Контакты</a></li> 
          <li><a title="" href="#" class="last_item"></a></li> 
       </ul> 
    </td> 
    <td class="menu_right" align="left">  
    </td> 
</tr> 
</table>



Картинки копируем в папку images


Зарегистрируйтесь чтобы увидеть что тут скрыто.
Информация
Зарегистрируйтесь чтобы комментировать публикацию.
inventor69
21 ноября 2010 00:08
+ 0 -
А как правильно прописать под категории?
Shmidtelson
19 декабря 2011 15:13
+ 0 -
не ровное какоето))
Авторизация