Как отобразить рубрики на странице

Обычное выпадающие меню.
Искать в гугле: Выпадающие меню.
Много уроков на любой вкус и цвет, а потом просто вставить обычный вывод категории. + если нужно поправить css.

Самый простой пример (немного не так как на скрине):

html файл.

<div id="pageTopMenu">
<div class="popularBlock">
<li >
<a href="categoryname">categoryname</a><br>
<a href="categoryname">categoryname</a><br>
<a href="categoryname">categoryname</a><br>
</li >
</div>
</div>

css файл.

DIV#pageTopMenu A{
color:#777;
font-size:13px;
text-decoration:none;
display:block;
width:60px;
}

DIV#pageTopMenu LI:hover DIV.popularBlock{
display:block;
}

DIV#pageTopMenu LI DIV.popularBlock{
display:none;
width:260px;
padding-top:5px;
}

Вооот. :)) Вставляем в хеадер и пользуемся. По идеи должно работать 🙂