Сейчас стало модно делать панель навигации и меню пользовательских ссылок вертикальным блоком.
Вот как это можно сделать.
Блок панели навигации
Ставить в 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
Выглядит:
взяла с...