Красивые кнопки навигации

[votept]

Есть тут подобная темка и я делал по ней. Но...как то скушно там все и грамоздко получается. Да и надо подписывать картинку для каждого раздела. В моем же варианте все намного проще и красивей. Пример http://natorrente.com


Итак вот архив http://upwap.ru/1064234

В нем две папки: Исходники и Мой выбор.

У себя я прописал в файле overall_header.html в стиле Aero Black после

Код: Выделить всё

<td width="18" style="background:url('{T_THEME_PATH}/images/mr.png');"></td>
  </tr>
  <tr>
    <td width="18" height="18"><img src="{T_THEME_PATH}/images/bl.png" width="18" height="18" alt="" /></td>
    <td height="18" style="background:url('{T_THEME_PATH}/images/bm.png');"></td>
    <td width="18" height="18"><img src="{T_THEME_PATH}/images/br.png" width="18" height="18" alt="" /></td>
  </tr>
</table>
</div>

Вставляем

Код: Выделить всё

<link rel="stylesheet" href="knopki.css"/>
<div id="tabsF">
  <ul>
  <center>
    <li><a href="http://natorrente.com/viewforum.php?f=13" target="_blank" title="Новинки 2010"><span><b>Новинки 2010</b></span></a></li>
    <li><a href="http://natorrente.com/viewforum.php?f=87" target="_blank" title="Фильмографии"><span><b>Фильмографии</b></span></a></li>
    <li><a href="http://natorrente.com/viewforum.php?f=14" target="_blank" title="Зарубежный фильмы"><span><b>Зарубежные фильмы</b></span></a></li>
    <li><a href="http://natorrente.com/viewforum.php?f=27" target="_blank" title="Российские фильмы"><span><b>Российские фильмы</b></span></a></li>
    <li><a href="http://natorrente.com/viewforum.php?f=15" target="_blank" title="HD И DVD"><span><b>HD И DVD</b></span></a></li>
    <li><a href="http://natorrente.com/viewforum.php?f=55" target="_blank" title="Сериалы"><span><b>Сериалы</b></span></a></li>
	<li><a href="http://natorrente.com/viewforum.php?f=58" target="_blank" title="Мульты и Аниме"><span><b>Мульты и Аниме</b></span></a></li>
	<li><a href="http://natorrente.com/viewforum.php?f=52" target="_blank" title="Клипы"><span><b>Клипы</b></span></a></li>
	<li><a href="http://natorrente.com/viewforum.php?f=61" target="_blank" title="Музыка"><span><b>Музыка</b></span></a></li>
	<li><a href="http://natorrente.com/viewforum.php?f=64" target="_blank" title="Остальное"><span><b>Остальное</b></span></a></li>
	<center>
  </ul>
</div>
<br><br>
<br><br>

И пример на моем сайте. Я сделал отдельную css выбрал картинки и все.

Этот же код можно для любого стиля. Главное подобрать картинки и код для css которые указаны в index.html для каждого цвета кнопок.

[votept]

В субсильвере 2 оптимально вставить будет после

Код: Выделить всё

					<!-- IF U_TRSEARCH -->
               <option value="torrent" selected="selected"></option>
               <input checked="checked" type="hidden" class="radio" name="sr" value="topics"  />
                    <input checked="checked" type="hidden" class="radio" name="tracker_search" value="torrent"/>
                    <input checked="checked" type="hidden" class="radio" name="sf" id="sf3" value="titleonly"/>
                    <input checked="checked" type="hidden" class="radio" name="sc" id="search_child1" value="1"/>
                    <input checked="checked" type="hidden" name="sr" id="show_results2" value="topics"/> 
<!-- ENDIF -->
				</form>
			</td>
			<!-- ENDIF -->
<br><br>
		</tr>
		</table>
	</div>

Так же править фон для кнопок править в css

Код: Выделить всё

/*- Menu Tabs--------------------------- */ 


    #tabs {
      float:left;
      width:100%;
      background:#BBD9EE;(Фон)
      font-size:93%;
      line-height:normal;
      }

[GayveR]

Спасибо) Отлично подошло под мой стиль, прям то чего нехватало)

[votept]

Да на здоровье хоть кому то пригодилось.