evgen133
Ставим скрипт в хтмл-низ
<script>
var catid, catshid;
$('.category').each(function(){
catid = $(this).attr('id');
$(this).find('h2 span').html('<a class="catlink" href="/#category='+ catid +'">'+ $(this).find('h2 span').html() +'</a>');
})
$('.catlink').click(function(){
catshid = $(this).attr('href').substring($(this).attr('href').indexOf('pun-category'));
$('.category').css('display','none');
$('#'+catshid).css('display','block');
});
</script>
Названия категорий превратятся в ссылки, вида
http://адрес_форума/#category=pun-category2
Для тех категорий, которые надо скрыть с главной, делаем так. Берем выделенную часть:
http://адрес_форума/#category=pun-category2
и дописываем к ней значок #, получится
Далее пишем в хтмл-верх:
<style>#pun-category2 {display: none}</style>
Если таких категорий много, то перечисляем через запятую
<style>#pun-category2, #pun-category3, #pun-category5 {display: none}</style>
Снова возвращаемся к ссылке вида:
http://адрес_форума/#category=pun-category2
В объявление пишем
//это один раз
<style type="text/css">
.nav a {
background: red;
color: #000000 !important; /*Цвет текста*/
display: inline-block;
font: 16px/1 arial; /*Размер текста*/
margin: 0 5px;
padding: 7px;
}
</style>
А здесь выделенное дублируем столько раз, сколько ссылок:
<div class="nav">
<a class="catlink" href="полученная_ссылка">АРКТИ</a>
<a class="catlink" href="полученная_ссылка">АРКТО</a>
</div>