Меню Навигации

Всем привет . Вопрос есть такой. Можно ли это решение https://help.forum2x2.ru/t26358-topic#192036 применить для кнопок навигации ???

Можно. Если убрать стандартное меню навигации и сделать с нуля новое, к которому применить желаемые эффект.

Сразу предупреждаю: на BB3 замену стандартному меню придется ставить в объявление.

Dana Domirani пишет:Можно. Если убрать стандартное меню навигации и сделать с нуля новое, к которому применить желаемые эффект.

Сразу предупреждаю: на BB3 замену стандартному меню придется ставить в объявление.

Спасибо Дана, я понял . Тоесть , нужно сделать невидимыми те кнопки , а поставить в приветсвие новые ??? Но как быть с кнопкой Вход ??? Какой адрес там прописывать то ???

Появилась ещё одна маленькая проблема , Первое это размер картинок , очень бы хотелось сделать их по больше .

Второе , это как быть тогда с кнопкой регистрации ??? Может просто оставить их видимыми в обычном меню ??? Ведь в простом меню зарегестрированные пользователи не видят кнопки для регистрации . И так же кнопка Новое ЛС

Так же необходимо убрать для нормальной работы эти надписи

Вы последний раз заходили Чт 7 Фев 2013 - 14:36 и
Текущее время Чт 7 Фев 2013 - 14:39 а вот как ???

в виджете эта штуковина тоже работает не коректно , при входе в тему кнопки спускаются в колонку виджета ,

Ладно Фиг с ним . Из за скрипта слетает всё . Всё что стоит в виджетах не работает , От виджета входа до футера , сама колонка виджетов слетает в самый низ . Жаль конечно . Очень интересно выглядело
Если есть возможность поправить , буду рад .

Но как быть с кнопкой Вход ??? Какой адрес там прописывать то ???

Я это расписывала: https://help.forum2x2.ru/t21710-topic

Самое главное в указанной теме — id кнопок и скрипт. На их базе можно создавать любое альтернативное меню (в шапке, в виджете и пр.) с нормально функционирующими кнопками вход/выход, регистрация, профиль, ЛС/Новое ЛС.

Dana Domirani пишет:Я это расписывала: https://help.forum2x2.ru/t21710-topic

Самое главное в указанной теме — id кнопок и скрипт. На их базе можно создавать любое альтернативное меню (в шапке, в виджете и пр.) с нормально функционирующими кнопками вход/выход, регистрация, профиль, ЛС/Новое ЛС.

Дана , Огромная прозьба , расскажите по подробнее , Я всё делаю , работать то работает , но слетает правая колонка виджетов. Что я не так сделал ??? И размеры эти крохотные , но это ладно , главное чтоб заработало нормально

Сейчас попробую собрать. Сразу оговорюсь: иконки для примера использую "какие есть". Потом поменяете по вкусу.

Dana Domirani пишет:Сейчас попробую собрать. Сразу оговорюсь: иконки для примера использую "какие есть". Потом поменяете по вкусу.

Да это всё уже готово . С размером только определиться , по умолчанию очень маленькие

Сейчас работает, проверяйте.

1. Код меню для установки в объявление:

Код:

<div class="dock" id="dock"><div class="dock-container" style="width: 500px; ">

<a class="dock-item" href="/forum" style="width: 60px; left: 0px; "><img src="http://i44.servimg.com/u/f44/16/54/26/99/home10.png" alt="Форум" /><span style="display: none; ">Форум</span></a>

<a class="dock-item" href="/faq" style="width: 60px; left: 60px; "><img src="http://i44.servimg.com/u/f44/16/54/26/99/email13.png" alt="Чаво" /><span style="display: none; ">Чаво</span></a>

<a class="dock-item" href="/memberlist" style="width: 60px; left: 120px; "><img src="http://i44.servimg.com/u/f44/16/54/26/99/portfo10.png" alt="Юзеры" /><span style="display: none; ">Юзеры</span></a>

<a class="dock-item" href="/groups" style="width: 60px; left: 180px; "><img
src="http://i44.servimg.com/u/f44/16/54/26/99/video10.png" alt="Группы" /><span style="display: none; ">Группы</span></a>

<a class="dock-item" href="/profile?mode=editprofile"  id="mn_prof" style="width: 60px; left: 240px; "><img src="http://i44.servimg.com/u/f44/16/54/26/99/music10.png" alt="Профиль" /><span style="display: none; ">Профиль</span></a>

<a class="dock-item" href="/msg.forum?folder=inbox" id="mn_ls" style="width: 60px; left: 300px; "><img src="http://i44.servimg.com/u/f44/16/54/26/99/histor10.png" alt="Мои ЛС" /><span style="display: none; ">Мои ЛС</span></a>

<a class="dock-item" href="/login.forum?logout" id="mn_logout" style="width: 60px; left: 360px; "><img src="http://i44.servimg.com/u/f44/16/54/26/99/rss10.png" alt="Выход" /><span style="display: none; ">Выход</span></a>

<a class="dock-item" href="/login" id="mn_login" style="width: 60px; left: 360px; "><img src="http://i44.servimg.com/u/f44/16/54/26/99/rss10.png" alt="Вход" /><span style="display: none; ">Вход</span></a>

<a class="dock-item" href="/profile?mode=register" id="mn_reg" style="width: 60px; left: 420px; "><img src="http://i44.servimg.com/u/f44/16/54/26/99/portfo10.png" alt="Рега" /><span style="display: none; ">Рега</span></a>

</div></div>

<script type="text/javascript" src="http://www.patmax.eu/J1/120623163723.js"></script>
<script type="text/javascript">
jQuery(document).ready(
      function()
      {
        jQuery('#dock').Fisheye(
            {
              maxWidth: 100,
              items: 'a',
              itemsText: 'span',
              container: '.dock-container',
              itemWidth: 60,
              proximity: 90,
              halign : 'center'
            }
        )
      }
  );
</script>

<style type="text/css">
.dock {
  position: relative;
  height: 180px;
  text-align: center;
}
.dock-container {
  position: absolute;
  height: 180px;
  background-color: transparent;
  padding-left: 20px;
}
a.dock-item {
  display: block;
  width: 60px;
  color: #000;
  position: absolute;
  top: 0px;
  text-align: center;
  text-decoration: none;
  font: bold 12px Arial, Helvetica, sans-serif;
}
.dock-item img {
  border: none;
  margin: 5px 10px 0px;
  width: 100%;
}
.dock-item span {
  display: none;
  padding-left: 20px;
}
</style>

Вот это (см. скрипт):
maxWidth: 100 - максимальный размер иконки (в px) при наведении
itemWidth: 60 - стандартный размер иконки (в px)

2. Скрипт в Управление JS (размещение на всех страницах)

Код:

$(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')")) {
jQuery("a#mn_ls span").text("Новое ЛС!");
jQuery("a#mn_ls img").attr('src', 'http://i15.servimg.com/u/f15/17/37/83/89/fgh10.png');
}
else {jQuery("a#mn_ls span").text("Мои ЛС")
}

});

https://i.servimg.com/u/f15/17/37/83/89/fgh10.png — иконка Новое ЛС

Спасибо . Щас буду пробовать .

Уже все установлено ) Осталось только основное меню навигации скрыть.

Dana Domirani пишет:Уже все установлено ) Осталось только основное меню навигации скрыть.

Ну и кнопки сменить , чем сейчас занимаюсь ))) Ещё нужно начальный размер кнопок чуток увеличить

Чтобы увеличить кнопки, надо поправить в каждой встроенный стиль:

<a class="dock-item" href="/forum" style="width: 60px; left: 0px; ">...

вместо 60 подставить желаемую ширину, например, 90px

Плюс в скрипте:

maxWidth: 100,
items: 'a',
itemsText: 'span',
container: '.dock-container',
itemWidth: 60,
proximity: 100,
halign : 'center'

аналогичным образом подставить новую минимальную ширину, например, 90.