Навигация форума

автор sgteam Август 25th 2011, 19:51

как сделать такую навигацию на месте приветствия форума???

автор **Dana Domirani** Август 25th 2011, 20:04

Уточнение:
- в меню будут ссылки на страницы / темы форума и пр. или это должна быть полная замена стандартной навигации?
- на каких страницах должна быть видна?

автор sgteam Август 25th 2011, 20:16

вместо стандартной навигации!

автор **Dana Domirani** Август 26th 2011, 00:03

автор **Dana Domirani** Август 28th 2011, 22:10

Посмотрите вариант, подойдет?

автор sgteam Август 28th 2011, 22:17

да отлично))мне надо научиться всё это делать))))что куда прописать и как всё это вставить на форум и разместить)))чтоб можно было самому нарисовть навигацию и сделать ей на форум

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

1. Ставите в ПА > Общие > Объявления новое меню:

Код:: <div style="white-space: normal !important; height: 40px;"> <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="/login.forum?logout" id="mn_logout">Выход</a> <a href="/login" id="mn_login">Вход тут</a> <a href="/profile?mode=register" id="mn_reg">Регистрациия</a> </div> </div> <style type="text/css"> div.navbar { display: none !important; } </style>

В настройках отключаете прокрутку, ставите показ "Все страницы". Сохраняете.

2. В CSS кидаете настройки:

Код:: .mymenu a { display: block; height:25px; float: left; line-height: 25px; background: #0E8ECE url("http://i44.servimg.com/u/f44/16/54/26/99/dfgdf12.png") no-repeat top left; margin-right: 8px; padding: 3px 25px; text-decoration: none !important; font-style: italic; font-weight: bold; font-size: 11px; color: #fff !important; text-shadow: 0px -1px 0px #2F4F4F; border-radius: 8px 8px 0 0; } #fa_ticker_container { height: 70px !important; } #fa_ticker_block .module { background-color: transparent !important; }

3. В ПА > Модули > Управление JS ставите скрипт

Код:: $(document).ready(function() { var text_code = $("#page-header .navbar a[href*=/privmsg]").text(); $("a#mn_ls").text(text_code); var text_code = $("a#logout").text(); $("a#mn_logout").text(text_code); if (jQuery('#page-header .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() } });

Указываете: расположение "На всех страницах"

автор sgteam Август 30th 2011, 21:13

если я сам нарисую навигацию то это всё будет работать????

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

Конечно. Только в настройках CSS надо будет заменить фоновое изображение.

автор sgteam Август 30th 2011, 21:36

диан)а если кнопки совпадать не будут???

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

В смысле - с шириной текста?

автор sgteam Август 31st 2011, 06:39

ну вот если примерно так получиться

автор **Dana Domirani** Август 31st 2011, 12:12

Кнопки мелковаты, а шрифт гигантский: сообщение о новом ЛС даже на четырех кнопках не поместится. Отрегулируйте пропорции.

автор sgteam Август 31st 2011, 12:36

да эт я просто пример в фото шопе нарисовал)))ну вобщем тему пока не надо закрывать!))))я щё что нибудь спрошу пока делать буду)))

автор **Dana Domirani** Август 31st 2011, 12:40

В принципе, можно сразу отрисовать кнопки с текстом и подставить в альтер. меню.
Тогда только не будет отображаться кол-во новых ЛС и ник в кнопке "выход".

Навигация форума

Навигация форума

Re: Навигация форума

Re: Навигация форума

Re: Навигация форума

Re: Навигация форума

Re: Навигация форума

Re: Навигация форума

Re: Навигация форума

Re: Навигация форума

Re: Навигация форума

Re: Навигация форума

Re: Навигация форума

Re: Навигация форума

Re: Навигация форума

Re: Навигация форума