Как сделать такое меню?

автор Gamatos Август 21st 2011, 19:22

Вот как у них http://thesecretrealtruth.blogspot.com/2011/07/21.html

Как сделать такое меню? XLoQs

автор **Dana Domirani** Август 21st 2011, 19:30

С такими же фоновыми картинками или с любыми, лишь бы менялись при наведении?

Исходник тут: https://help.forum2x2.ru/t17776-topic#143749
Сейчас только под Pun подгоню ;)

автор Gamatos Август 21st 2011, 19:31

С любыми.

автор Gamatos Август 21st 2011, 21:51

Да,но https://help.forum2x2.ru/t17776-topic#143749 там при наведении на картинку она не меняеться а мне бы хотелось простое меню которое тут http://thesecretrealtruth.blogspot.com/2011/07/21.html и подходило бы на все движки так как я и на свой такое иммено хочу и на двойку а там где ты делала вроде не то.

автор **Dana Domirani** Август 21st 2011, 22:20

Так и сделаю (еще минутку ;) )

автор **Dana Domirani** Август 21st 2011, 23:56

Смотри, вот так?
Как сделать такое меню? 2161800

автор Gamatos Август 22nd 2011, 00:08

Так точно! yes

автор **Dana Domirani** Август 22nd 2011, 00:09

Вариант для 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>

Кнопка - половинчатая, как всегда:
Как сделать такое меню? Jklj11

Произвольные кнопки -

Код:: <a href="/t1-topic">Инструкции для героя</a> <a href="/t3-topic">Ремесло</a>

- можно заменить на собственные или выкинуть вовсе.

2. В 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; }

Если надо убрать основное меню - надо добавить еще и это:

Код:: #pun-head #pun-navlinks { display: none; }

3. В Модули - Управление Javascript создается новый скрипт (с расположением на всех страницах):

Код:: $(document).ready(function() { var text_code = $("#pun-navlinks a[href*=/privmsg]").text(); $("a#mn_ls").text(text_code); var text_code = $("a#logout").text(); $("a#mn_logout").text(text_code); 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')")) { jQuery("#mn_ls img").attr({src: "http://ссылка_на_картинку_Новое_ЛС", title: "Новое ЛС!"}) } else {jQuery("#mn_ls img").attr('src', 'http://ссылка_на_картинку_Сообщения_ЛС') } });

автор **Dana Domirani** Август 22nd 2011, 00:23

Для 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>

и сохранить + опубликовать.

4. Скрипт тоже другой:

Код:: $(document).ready(function() { var text_code = $(".basemn a[href*=/privmsg]").text(); $("a#mn_ls").text(text_code); var text_code = $("a#logout").text(); $("a#mn_logout").text(text_code); 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')")) { jQuery("#mn_ls img").attr({src: "http://ссылка_на_картинку_Новое_ЛС", title: "Новое ЛС!"}) } else {jQuery("#mn_ls img").attr('src', 'http://ссылка_на_картинку_Сообщения_ЛС') } });

автор Gamatos Август 22nd 2011, 00:25

Спасибо огромное тебе!!!А не знаеш как его в html запихнуть?

автор **Dana Domirani** Август 22nd 2011, 00:31

Куда именно?

автор Gamatos Август 22nd 2011, 00:40

Ну я это в html страницы хочу засунуть только не на форуме,если я много прошу скажи я пойму. d_daisy

автор **Dana Domirani** Август 22nd 2011, 00:45

Так. На html-странице придется включить верх/низ форума, чтобы было базовое меню (без него второму не на что будет ориентироваться).

А само меню ставить в любое место.

автор Gamatos Август 22nd 2011, 00:50

У тебя ЛС подожди не делай не чего.

автор **Dana Domirani** Август 22nd 2011, 00:59

Так. Если правильно поняла, то на чистом html понадобится только контейнер, ссылки и их настройки:

Код:: <style type="text/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; } </style> <div class="mymenu"> <a href="/link1.html">Название 1</a> <a href="/link1.html">Название 2</a> <a href="/link1.html">Название 3</a> </div>