Названия категории по центру

HTML-верх
Статистика сюда не входит только категории

<style type="text/css"> #pun-main h2 {
text-align: center;
}
</style>

Замена ссылок основного меню

Заменяет ссылки меню навигации на картинки через css
Особенно хорошо то, что форум будет грузиться меньше, если делать это именно через css, а не скриптом.

<style type="text/css">

    /*1. Настройка общего вида линков */

    #pun-navlinks a {
    display: inline-block;
   height: 20px;
    width: 70px;
    margin-left: 10px;
    }

    /*2. Настройка изображений */

    #navindex a {background: url(адрес_изображения) no-repeat top center;}
    #navuserlist a {background: url(адрес_изображения) no-repeat top center;}
    #navsearch a {background: url(адрес_изображения) no-repeat top center;}
    #navprofile a {background: url(адрес_изображения) no-repeat top center;}
    #navpm a {background: url(адрес_изображения) no-repeat top center;}
    #navadmin a {background: url(адрес_изображения) no-repeat top center;}
    #navlogout a {background: url(адрес_изображения) no-repeat top center;}
    #navlogin a {background: url(адрес_изображения) no-repeat top center;}
    #navregister  a {background: url(адрес_изображения) no-repeat top center;}

    /*3. Настройка изображений при ховере (наведении) */

    #navindex a:hover {background: url(адрес_изображения) no-repeat top center;}
    #navuserlist a:hover {background: url(адрес_изображения) no-repeat top center;}
    #navsearch a:hover {background: url(адрес_изображения) no-repeat top center;}
    #navprofile a:hover {background: url(адрес_изображения) no-repeat top center;}
    #navpm a:hover {background: url(адрес_изображения) no-repeat top center;}
    #navadmin a:hover {background: url(адрес_изображения) no-repeat top center;}
    #navlogout a:hover {background: url(адрес_изображения) no-repeat top center;}
    #navlogin a:hover {background: url(адрес_изображения) no-repeat top center;}
    #navregister a:hover {background: url(адрес_изображения) no-repeat top center;}

    /* Скрываем текстовые надписи */

    #pun-navlinks a span {display: none;}
    </style>

Инструкции

1. Настройка общего вида #pun-navlinks a
height: 20px; - укажите высоту ваших изображений
width: 70px; - укажите ширину ваших изображений. Если ширина изображений разная, необходимо удалить эту строку, и указать ширину для каждого элемента отдельно.
Пример:
#navindex a {background: url(адрес_изображения) no-repeat top center; width: 70px; }
#navuserlist a {background: url(адрес_изображения) no-repeat top center; width: 75px;}
и т.д.
! Для ховеров ширину указывать не нужно. Свойство наследуется.
margin-left: 10px; - расстояние между линками.

2. Настройка изображений

#navindex a - Главная
#navuserlist a - Пользователи
#navsearch a - Поиск
#navprofile a - Профиль
#navpm a - ЛС
#navadmin a - Администрирование
#navlogout a - Выход
#navlogin a - Вход
#navregister  a - Регистрация
#navextra1 a - для добавленных ссылок, где цифра, это порядковый номер положения в меню.

background: url(адрес_изображения) - адрес вашего изображения, которое будет отображаться когда ссылка находится в состоянии покоя.

3. Настройка изображений ховера

Все как и выше. Только изображения для ссылок при наведении.

Для лого

<center><img src="http://forumupload.ru/uploads/000a/75/01/44-1-f.jpg"></center>

<style>#pun_wrap {background-image: url("http://forumupload.ru/uploads/000a/75/01/38-2-f.jpg"); background-repeat: no-repeat; background-position: center top; }
#pun {background-color: #b7a19e;}</style>

<p>
<script language="JavaScript">
<!--
var a=Math.round(Math.random()*2)
image = new Array();
image[0]="http://10pix.ru/img1/1105/1765930.png"
image[1]="http://10pix.ru/img1/1293/1765954.png"
document.write ("<img src="+image[a]+">");
//-->
</script>
</p>

<div id="html-header">
<table valign="top" border="0" cellspacing="0" cellpadding="0">
<TR valign="top"><TD width=180  valign="top">
<table valign="top" cellspacing="0" cellpadding="0"><tr valign="top"><td width="200" valign="top" height="200" style="border: none; font-family: arial; font-size: 11px; line-height: 9px; margin: 3px;">
<center>
<font color="#5d4c4c">
<img src="http://10pix.ru/img1/484302/1766018.png" border="0"> <br><br>
</FONT>
<b>• Д</b>орогие гости, добро пожаловать на форум <b>S I L V E R</b>, на просторах нашего форума вы можете найти себя в любом из наших персонажей и окунуться в увлекательную историю школы для детей со сверхспособностями. <b>В</b> данный момент идет набор канонических персонажей.<b>Н</b>еканон также приветствуется!<b>П</b>оэтому не теряйте времени, регистрируйтесь сами и зовите сюда своих друзей.<br>
<b>• С</b>пешите увидеть!<b>З</b>апущены две акции: <br>
<a style="font-size:8pt;" href="ССЫЛКА" rel="nofollow" class="eTag eTagGr8">"В цвете серебра"</a><br>
<a style="font-size:8pt;" href="ССЫЛКА" rel="nofollow" class="eTag eTagGr8">"Такие разные. Такие одинаковые"</a>
<br><br><b>• События в игре:</b> 11 сентября 2010 года.<br>
<b>• Погода:</b> солнце вовсю отдает свой свет и тепло, наполняя окружающий мир красками золотой осени. <b>С</b>егодня дождя не предвещается. <b>И</b>сключительно теплая погода +21 и легкий ветерок. <br>
<b>• Время:</b> 12:00 - 14:00</span><br><br>
<img src="http://10pix.ru/img1/1535/1766028.png" border="0"><br><br>
<form>
<select name="select" class="forminput" onchange="location.href=(form.select.options[form.select.selectedIndex].value)">
<option>Важные ссылки</option>
  <option value="http://silverrolka.rolka.su/viewtopic.php?id=67"><small>Правила ролевой</small></option>
<option value="http://silverrolka.rolka.su/viewtopic.php?id=27"><small>Сюжет</small></option>
<option value="http://silverrolka.rolka.su/viewtopic.php?id=3"><small>Занятые внешности</small></option> 
<option value="http://silverrolka.rolka.su/viewtopic.php?id=83"><small>Заказанные персонажи</small></option>
<option value="http://silverrolka.rolka.su/viewtopic.php?id=15"><small>Подпись</small></option>
<option value="http://silverrolka.rolka.su/viewtopic.php?id=14"><small>Информация о классах</small></option>
<option value="http://silverrolka.rolka.su/viewforum.php?id=6"><small>ЛЗ</small></option>
<option value="http://silverrolka.rolka.su/viewtopic.php?id=4#p5"><small>Список способностей</small></option>
</select>
</form><br> <br>
<div class="titlemedium"></div>
<div class="tablepad"><span class='desc' >
<img src="http://10pix.ru/img1/3491/1766054.png" border="0" ></a><br><br>
<b>• Игрок недели:</b>...; <br>
<b>• Отыгрыш недели:</b>...<br>
<b>• Цитаты недели:</b>...<br><br>
<img src="http://10pix.ru/img1/4518/1761432.png" border="0"><br><br>
<a href="http://silverrolka.rolka.su/profile.php?id=4" onMouseOver="imgOn('img1')"; onMouseOut="imgOff('img1')"><img src="http://10pix.ru/img1/4083/1766141.png" width="60" height="100" border="0" name=img1></a><a href="http://silverrolka.rolka.su/profile.php?id=2" onMouseOver="imgOn('img2')"; onMouseOut="imgOff('img2')"><img src="http://10pix.ru/img1/173034/1728942.png" width="60" height="100" border="0" name=img2></a><a href="http://silverrolka.rolka.su/profile.php?id=3" onMouseOver="imgOn('img3')"; onMouseOut="imgOff('img3')"><img src="http://10pix.ru/img1/4580/1766178.png" width="50" height="120" border="0" name=img3></a><br>
<br>
</span>
</span></div>
</div>
<br >
<img src="http://10pix.ru/img1/3942/1761439.png" border="0"><br><br>
<div class="titlemedium"></div>
<div class='tablepad'><span class='desc'>
</a></br>
<a href="http://silverrolka.rolka.su/profile.php?id=10" title="Isami Yamamoto"><img src="http://10pix.ru/img1/4928/1730389.png" border="0" style="filter:alpha(opacity=20);-moz-opacity:0.6" onMouseover="makevisible(this,0)" onMouseout="makevisible(this,1)"></a><a href="http://silverrolka.rolka.su/profile.php?id=18" title="Julia Brown"><img src="http://10pix.ru/img1/4496/1730392.png" border="0" style="filter:alpha(opacity=20);-moz-opacity:0.6" onMouseover="makevisible(this,0)" onMouseout="makevisible(this,1)"></a><a href="http://silverrolka.rolka.su/profile.php?id=5" title=" James Maller"><img src="http://10pix.ru/img1/2639/1730393.png" border="0" style="filter:alpha(opacity=20);-moz-opacity:0.6" onMouseover="makevisible(this,0)" onMouseout="makevisible(this,1)"></a><a href="http://silverrolka.rolka.su/profile.php?id=9" title="Cassandra Violence"><img src="http://10pix.ru/img1/4480/1730391.png" border="0" style="filter:alpha(opacity=20);-moz-opacity:0.6" onMouseover="makevisible(this,0)" onMouseout="makevisible(this,1)"></a><br><br>
<img src="http://10pix.ru/img1/3523/1766061.png" border="0" ></a><br><br>
Оригинальная идея оформления форума была позаимствована у американских и итальянских форумов, базирующихся на © afterfate и © invisionfree хостингах, а так же у наших отечественных коллег. Идея оформления таблицы форума © xmengame,  графическое оформление <b>by focus.</b> Запрещается анонимное копирование кода! <b>© 2009-2010. SILVER.</b>
</select>
</form>
</span>
</span></div>
</div>
<br/><br>
</td>
</tr>
</table>
</td>
<td>
</div>
</div>
</div>

<ul id="etyu">

    <li>

    <a href="#" title="Вернуться на главную страницу">Главная</a>

    </li>

    <li>

    <a href="#" title="Информация о компании">О нас</a>

    <ul>

        <li><a href="#">Продукты</a></li>

        <li><a href="#">Команда</a></li>

    </ul>

    </li>

    <li>

    <a href="#" title="Что мы можем для вас сделать">Услуги</a>

    <ul>

        <li><a href="#">Услуга один</a></li>

        <li><a href="#">Услуга два</a></li>

        <li><a href="#">Услуга три</a></li>

        <li><a href="#">Услуга четыре</a></li>

    </ul>

    </li>

    <li>

    <a href="#" title="Наша продуктовая линейка">Продукты</a>

    <ul>

        <li><a href="#">Маленький продукт (первый)</a></li>

        <li><a href="#">Маленький продукт (второй)</a></li>

        <li><a href="#">Маленький продукт (третий)</a></li>

        <li><a href="#">Маленький продукт (четвертый)</a></li>

        <li><a href="#">Большой продукт (пятый)</a></li>

        <li><a href="#">Большой продукт (шестой)</a></li>

        <li><a href="#">Большой продукт (седьмой)</a></li>

        <li><a href="#">Большой продукт (восьмой)</a></li>

        <li><a href="#">Невообразимый продукт (девятый)</a></li>

        <li><a href="#">Невообразимый продукт (десятый)</a></li>

        <li><a href="#">Невообразимый продукт (одиннадцатый)</a></li>

    </ul>

    </li>

    <li>

    <a href="#" title="Как с нами связаться">Контакт</a>

    <ul>

        <li><a href="#">Часы работы</a></li>

        <li><a href="#">Местоположение</a></li>

    </ul>

    </li>

</ul>

Итнересные менб

http://www.htmldrive.net/items/show/107 … Down-Menus
http://www.htmldrive.net/items/show/109 … mated-Menu
http://www.htmldrive.net/items/show/999 … ith-jquery
c4c8d0

сдвинуть навигацию

#navpm a {
   display: inline-block;
   position: absolute;
   z-index: 1000;
top: 30px;
left: 70px;

}

#navadmin  a {
   display: inline-block;
   position: absolute;
   z-index: 1000;
top: 30px;
left: 130px;

}

#navlogout   a {
   display: inline-block;
   position: absolute;
   z-index: 1000;
top: 30px;
left: 230px;
}