Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях




- Правила форума -

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: JPG-Net Видео фоторедактор Транслит
Видео-туториалы
Настройка шапки форума
Категории и подфорумы - 1
Создание портала
Модули
Виджеты
Как присваивать награды
Выброс кубиков
Pop-up для входа на форум
Настроение в профиле
Активное меню для версии phpBB3, phpBB2 и punBB553

Активное меню для версии phpBB3, phpBB2 и punBB

Предыдущая тема Следующая тема Перейти вниз

Активное меню для версии phpBB3, phpBB2 и punBB

Сообщение автор Lika в Пт 5 Июн - 19:40

Активное меню для версии phpbb3.



Приступим:

1. Для начала зайдите в ПА-Оформление-Главная-Верхняя часть страниц & Навигация и поставьте, НЕТ на против «Показывать в панели навигации только картинки».

2. В ПА-Оформление-Управление картинками-Продвинутый режим и вместо картинок ЧаВо, Вход, Выход, Пользователи, Группы, Портал, Форум, Календарь, Поиск, Редактировать ваш профиль, Личные сообщения, Новые ЛС, Календарь (если активирован), Регистрация пропишите вот эту картинку
Код:
http://illiweb.com/fa/empty.gif

3. В ПА > Оформление > Цвета зайдите во вкладку «Каскадная таблица стилей CSS» и пропишите следующий код:

Код:
#page-header .navbar {
clear: both;
background-color: #eee;
padding: 0px 10px;
}
#page-header ul.navlinks {
padding: 0;
margin: 0;
background-color: #40b9c7;
border: none;
}
#page-header ul.linklist li {
float: left;
margin: 0;
padding: 0;
list-style-type: none;
font-size: 10px;
display: inline;
}
#page-header ul.linklist li a {
margin: 0;
padding: 0px 5px;
display: block;
font-weight: bold;
width: auto;
height: auto;
color: #b8f8ff;
}
#page-header ul.linklist li a:hover, a:focus, a:active {
background-color: #b8f8ff;
color: #40b9c7;
}

Вы можете изменять цвет по вашему усмотрению. На картинке показано какой, цвет за что отвечает:


Активное меню для версии phpBB2.

Код:
div#page-body{
margin-top:5px;
}

a.mainmenu img {
display:none;
}

a.mainmenu {
margin:0 -6px;
padding:5px;
background-color:#606060;
color:white;
text-decoration:none !important;
}

a.mainmenu:hover {
color:red;
background-color:#505050;
text-decoration:none;
}

a.mainmenu:focus {
color:blue;
text-decoration:none;
}


Активное меню для версии punBB.

Код:
#pun-navlinks li{
margin-right:-10px;
}

#pun-navlinks li a {
color:white !important; /*Цвет текста*/
background-color:#404040;  /*Цвет фона*/
margin:0;
padding:5px;
}

#pun-navlinks li a:hover {
background-color:#101010; /*Цвет фона при наведении*/
color:red; /*Цвет текста при наведении*/
}

#pun-navlinks li a img {
display:none;
}

#pun-navlinks a:hover, #pun-navlinks a:active, #pun-navlinks a:focus {
text-decoration:none;
}

#pun-navlinks li a:active {
color:orange;
}

#pun-navlinks li a:focus {
color:blue; /*Цвет текста при нажатии*/
}


С Уважением, Lika

Lika
Администратор
Администратор

Пол: Женщина
Сообщения: 3368
Возраст: 43
Карма: Без предупреждений
Благодарности: 285
Регистрация: 2006-12-31

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу


Права доступа к этому форуму:
Вы не можете отвечать на сообщения