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

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

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


Хак горизонтальное меню.
Автор: 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


Внимание! У вас нет прав для просмотра скрытого текста.

Комментарии

А как правильно прописать под категории?
не ровное какоето))

Информация

Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.


Личные сообщения

Ваши переписки