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

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

Меню в виджете с подсвечивающимися кнопками Fdf10
С нашей помощью вы можете создать форум,
похожий на этот!
Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

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

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

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

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

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

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.

Я админ, не могу зайти!
(забыл / потерял пароль)


Общий FAQ по управлению форумом

FAQ: реклама на форуме

Туториалы по разным функциям ваших форумов

Алфавитный указатель

Интересные решения для форумов

Наши видео-туториалы

Условия пользования сервисом

Ссылки на полезные ресурсы

Последние темы
» Проблема с метатегом Description
автор VeraLV Вчера в 15:31

» 1 марта будет запрет на ВПН, это отразится на работе платформы?
автор Svet007 Март 14th 2024, 11:43

» нужен скрипт сумма просмотров тем в разделе
автор лексей2222 Март 5th 2024, 07:37

» Новое: Откройте для себя функцию "Подписка на пользователей"
автор лексей2222 Март 1st 2024, 17:26

» 301 редирект
автор Dana Domirani Февраль 25th 2024, 18:28

» Помощь в нескольких вопросах по форуму
автор лексей2222 Февраль 22nd 2024, 13:21

» [Общая тема] Что делать, если вы забыли / потеряли пароль
автор Dana Domirani Февраль 14th 2024, 00:54

» Загрузка форума
автор лисенок Февраль 13th 2024, 01:09

» 2x2 форум
автор лексей2222 Февраль 12th 2024, 14:47

» сколько сообщений в теме
автор лексей2222 Февраль 10th 2024, 07:24

Меню в виджете с подсвечивающимися кнопками

Перейти вниз

Меню в виджете с подсвечивающимися кнопками Empty Меню в виджете с подсвечивающимися кнопками

Сообщение автор Dana Domirani Ноябрь 21st 2011, 19:51

Меню с подсвечивающимися кнопками в виджете

скриншот:


Вариант для Pun

1. Код самого меню
— добавьте в виджет (на главной странице и на портале):
Код:
<div class="mymenu">
<a href="/portal">Портал</a>
<a href="/forum">Форум</a>
<a href="/faq">FAQ</a>
<a href="/search">Поиск</a>
<a href="/memberlist" rel="nofollow">Пользователи</a>
<a href="/groups" rel="nofollow">Группы</a>
<a href="/profile?mode=editprofile" id="mn_prof">Профиль</a>
<a href="/msg.forum?folder=inbox" id="mn_ls">Сообщения ЛС</a>
<a href="/t1-topic">Инструкции для героя</a>
<a href="/t3-topic">Ремесло</a>
<a href="/login.forum?logout" id="mn_logout">Выход</a>
<a href="/login" id="mn_login">Вход</a>
<a href="/profile?mode=register" id="mn_reg">Регистрациия</a>
</div>
Названия стандартных пунктов меню можно переименовать.
Произвольные кнопки —
Код:
<a href="/t1-topic">Инструкции для героя</a>
<a href="/t3-topic">Ремесло</a>
— можно заменить на собственные или выкинуть вовсе.

2. Настройки CSS
добавьте в Па > Оформление > Цвета > Каскадная таблица стилей CSS
Код:
.mymenu a {
display: block;
height: 30px;
line-height: 30px;
background: transparent url("http://i48.servimg.com/u/f48/16/08/40/28/jklj11.jpg") no-repeat top left;
margin: 5px 0;
padding-left: 5px;
text-decoration: none !important;
font-style: italic;
font-weight: bold;
font-size: 11px;
color: #fff !important;
text-shadow: 0px -1px 0px #2F4F4F;
}

.mymenu a:hover {
background: transparent url("http://i48.servimg.com/u/f48/16/08/40/28/jklj11.jpg") no-repeat bottom left;
}
Сохраните.
Размер / фоновое изображение кнопок можно изменить
height: 30px — высота кнопки, замените число на высоту вашей кнопки
line-height: 30px — интерлиньяж, замените число на высоту вашей кнопки
https://i.servimg.com/u/f48/16/08/40/28/jklj11.jpg — фоновое изображение, состоящее из двух частей
Меню в виджете с подсвечивающимися кнопками Jklj11
Верхняя часть — обычный фон, нижняя — фон кнопки при наведении (см. скриншот)

3. Дополнительные настройки CSS
Если надо убрать основное меню - добавьте в Па > Оформление > Цвета > Каскадная таблица стилей CSS еще и это:
Код:
#pun-head #pun-navlinks {
display: none !important;
}
Сохраните.

4. Скрипт, заменяющий кнопки в соответствии с авторизацией пользователя
В ПА > Модули > Управление кодами Javascript создается новый файл
Название : любое
Расположение : на всех страницах
Код Javascript :
Код:
$(document).ready(function() {

if (jQuery('#pun-navlinks').is(":has('#i_icon_mini_logout')")) {
jQuery("#mn_reg, #mn_login, #tbry").hide()
}
else {jQuery("#mn_reg, #mn_login, #tbry").show();
jQuery("#mn_ls, #mn_prof, #mn_logout").hide()
}

if (jQuery('#pun-navlinks').is(":has('#i_icon_mini_new_message')")) {
var text_code = $("#pun-navlinks a[href*=privmsg]").text();
  $("a#mn_ls").text(text_code)
}
else {jQuery("a#mn_ls").text("Сообщения ЛС")
}

});
Сохраните.



Вариант для BB2

1. Код меню
- тот же

2. Основная CSS
- та же

3. Редактирование шаблона
Чтобы скрыть стандартное меню, в ПА > Оформление > Шаблоны > Общие настройки — шаблон overall_header (Верхняя часть страницы) замените фрагмент
Код:
    <table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
    <tr>
    <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
    </tr>
    </table>
на
Код:
    <table style="display:none">
    <tr>
    <td class="basemn">{GENERATED_NAV_BAR}</td>
    </tr>
    </table>
Сохраните отредактированный шаблон и опубликуйте (!), нажав на plus

4. Скрипт, заменяющий кнопки в соответствии с авторизацией пользователя
В ПА > Модули > Управление кодами Javascript создайте новый файл
Название : любое
Расположение : на всех страницах
Код Javascript :
Код:
$(document).ready(function() {

if (jQuery('.basemn').is(":has('#i_icon_mini_logout')")) {
jQuery("#mn_reg, #mn_login, #tbry").hide()
}
else {jQuery("#mn_reg, #mn_login, #tbry").show();
jQuery("#mn_ls, #mn_prof, #mn_logout").hide()
}

if (jQuery('.basemn').is(":has('#i_icon_mini_new_message')")) {
var text_code = $(".basemn a[href*=privmsg]").text();
  $("a#mn_ls").text(text_code)
}
else {jQuery("a#mn_ls").text("Сообщения ЛС")
}

});
Сохраните.



Вариант для BB3

1. Код меню
- тот же

2. Основная CSS
- та же

3. Дополнительные настройки CSS
Если надо убрать основное меню — добавьте в Па > Оформление > Цвета > Каскадная таблица стилей CSS еще и это:
Код:
.headerbar + .navbar {
 display: none !important;
}
Сохраните.

4. Скрипт, заменяющий кнопки в соответствии с авторизацией пользователя
В ПА > Модули > Управление кодами Javascript создайте новый файл
Название : любое
Расположение : на всех страницах
Код Javascript :
Код:
$(document).ready(function() {

if (jQuery('.headerbar + .navbar').is(":has('#i_icon_mini_logout')")) {
jQuery("#mn_reg, #mn_login, #tbry").hide()
}
else {jQuery("#mn_reg, #mn_login, #tbry").show();
jQuery("#mn_ls, #mn_prof, #mn_logout").hide()
}

if (jQuery('.headerbar + .navbar').is(":has('#i_icon_mini_new_message')")) {
var text_code = $(".headerbar + .navbar a[href*=privmsg]").text();
  $("a#mn_ls").text(text_code)
}
else {jQuery("a#mn_ls").text("Сообщения ЛС")
}

});
Сохраните.



Вариант для IPB

1. Код меню
- тот же

2. Основная CSS
- та же

3. Дополнительные настройки CSS
Если надо убрать основное меню — добавьте в Па > Оформление > Цвета > Каскадная таблица стилей CSS еще и это:
Код:
#submenu {
  display: none !important;
}
Сохраните.

4. Скрипт, заменяющий кнопки в соответствии с авторизацией пользователя
В ПА > Модули > Управление кодами Javascript создайте новый файл
Название : любое
Расположение : на всех страницах
Код Javascript :
Код:
$(document).ready(function() {

if (jQuery('#submenu').is(":has('#i_icon_mini_logout')")) {
jQuery("#mn_reg, #mn_login, #tbry").hide()
}
else {jQuery("#mn_reg, #mn_login, #tbry").show();
jQuery("#mn_ls, #mn_prof, #mn_logout").hide()
}

if (jQuery('#submenu').is(":has('#i_icon_mini_new_message')")) {
var text_code = $("#submenu a[href*=privmsg]").text();
  $("a#mn_ls").text(text_code)
}
else {jQuery("a#mn_ls").text("Сообщения ЛС")
}

});
Сохраните.


Меню в виджете с подсвечивающимися кнопками Userba12

Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript


Dana Domirani
Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22994
Возраст : 39
Регистрация : 2008-04-18
Благодарности : 9286

Без предупреждений

http://poltergeist-legacy.com/

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

Вернуться к началу


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