Сейчас стало модно делать панель навигации и меню пользовательских ссылок вертикальным блоком.
Вот как это можно сделать.
Блок панели навигации
Ставить в HTML-верх
<style>
#pun-navlinks, #pun-navlinks .container {
margin : -65px 6px 0 0;
float : right;
}
#pun-navlinks .container {
background: transparent url(фоновая картинка);
border: 2px double #988448;
padding : 0.3em 0.3em 0.3em 0.5em;
}
#pun-navlinks.section {border-style: none; }
#pun-navlinks li {
display : block;
}
#pun-navlinks a {color : #FFFF00;}
#pun-navlinks a:hover {color : #7CFC00;}
</style>
Верхний отступ
Правый отступ
Фон блока
Стиль рамки
Цвет ссылок ( можно убрать если это уже сделано в стиле)
********************************************************************
Блок панели пользовательских ссылок
<style>
#pun-ulinks, #pun-ulinks .container {
margin : -55px 0 0 6px;
float : left;
}
#pun-ulinks .container {
background: transparent url(Фоновая картинка);
border: 4px outset #988448;
}
#pun-ulinks.section {border-style: none; }
#pun-ulinks li, #pun-ulinks li a {
padding : 0 0.3em 0 0;
display : block;
border-style: none;
}
#pun-ulinks a {color : #FFFF00;}
#pun-ulinks a:hover {color : #7CFC00;}
</style>
Верхний отступ
Левый отступ
Остальное тоже самое что и в выше изложенном коде.
Можно ставить по отдельности.
Оптимально настроены для стилей линейки Classic
Вот так это выглядит
