Единый форум поддержки

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Единый форум поддержки » Корзина » Изменяем главное меню форума


Изменяем главное меню форума

Сообщений 1 страница 3 из 3

1

(c) Good

Скопируйте и вставьте в ХТМЛ-верх следующий код:

<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;}
#pun-ulinks .container {
height : 12px;
}
</style>

Ниже описанны некоторые параметры, которые можно менять в коде.

Выделенное красным - адрес фоновой картинки, для главного меню форума.
Выделенное  зелёным - формат рамки, вокруг меню: толщина, формат и цвет.
Выделенное синим - цвет ссылок в меню форума при наведении.
Выделенное оранжевым - цвет ссылок меню при наведении.

Остальные параметры менять неопытным пользователям не рекомендовано, во избежании проблем с кодом и работоспособностью форума. При необходимости последующей доработки, а так же возникшие вопросы и пожелания задавать в эту тему.

Скриншот (для примера):

http://i060.radikal.ru/0911/d1/3e79931bfc74t.jpg

Отредактировано rps (Пн, 9 Ноя 2009 21:45:23)

+2

2

rps
уже тут выложили, ну тогда перемещаем меню куда хотим

Код:
<script type="text/javascript">
var menu = document.getElementById("pun-navlinks");
document.write('<div id="pun-navlinks" class="section" align="left">'+menu.innerHTML+'</div>');
menu.innerHTML = '';
</script>

ставим туда, где хотели бы видеть меню
Пример - http://tests.bestff.ru/

0

3

Блок пользовательских ссылок

<style>
#pun-ulinks, #pun-ulinks .container {
margin : -75px 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

Выглядит вот так:

http://i080.radikal.ru/0911/db/7e1baacf8b67t.jpg

Отредактировано Good (Вт, 10 Ноя 2009 12:46:53)

+2


Вы здесь » Единый форум поддержки » Корзина » Изменяем главное меню форума