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

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


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

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

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


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

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

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

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

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

Сообщение автор Леший в Ср 6 Фев - 21:58

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


Последний раз редактировалось: Леший (Чт 7 Фев - 18:03), всего редактировалось 1 раз(а)

Леший
 

Мужчина

Сообщения : 2125
Место обитания : Сибирь
Настроение : Мрачное
Регистрация : 2012-10-05
Благодарности : 345

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

http://black-kat.forum2x2.ru

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

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

Сообщение автор Dana Domirani в Чт 7 Фев - 0:43

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

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



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


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


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



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

Женщина

Сообщения : 22087
Возраст : 32
Место обитания : СПб
Регистрация : 2008-04-18
Благодарности : 8874

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

http://poltergeist-legacy.com/

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

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

Сообщение автор Леший в Чт 7 Фев - 7:59

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

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

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

Леший
 

Мужчина

Сообщения : 2125
Место обитания : Сибирь
Настроение : Мрачное
Регистрация : 2012-10-05
Благодарности : 345

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

http://black-kat.forum2x2.ru

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

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

Сообщение автор Леший в Чт 7 Фев - 9:29

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

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

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

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

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

Леший
 

Мужчина

Сообщения : 2125
Место обитания : Сибирь
Настроение : Мрачное
Регистрация : 2012-10-05
Благодарности : 345

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

http://black-kat.forum2x2.ru

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

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

Сообщение автор Леший в Чт 7 Фев - 10:11

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

Леший
 

Мужчина

Сообщения : 2125
Место обитания : Сибирь
Настроение : Мрачное
Регистрация : 2012-10-05
Благодарности : 345

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

http://black-kat.forum2x2.ru

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

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

Сообщение автор Dana Domirani в Чт 7 Фев - 10:55

Но как быть с кнопкой Вход ??? Какой адрес там прописывать то ???
Я это расписывала: http://help.forum2x2.ru/t21710-topic

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



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


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


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



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

Женщина

Сообщения : 22087
Возраст : 32
Место обитания : СПб
Регистрация : 2008-04-18
Благодарности : 8874

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

http://poltergeist-legacy.com/

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

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

Сообщение автор Леший в Чт 7 Фев - 11:08

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

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

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

Леший
 

Мужчина

Сообщения : 2125
Место обитания : Сибирь
Настроение : Мрачное
Регистрация : 2012-10-05
Благодарности : 345

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

http://black-kat.forum2x2.ru

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

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

Сообщение автор Dana Domirani в Чт 7 Фев - 12:04

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



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


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


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



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

Женщина

Сообщения : 22087
Возраст : 32
Место обитания : СПб
Регистрация : 2008-04-18
Благодарности : 8874

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

http://poltergeist-legacy.com/

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

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

Сообщение автор Леший в Чт 7 Фев - 13:39

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

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

Леший
 

Мужчина

Сообщения : 2125
Место обитания : Сибирь
Настроение : Мрачное
Регистрация : 2012-10-05
Благодарности : 345

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

http://black-kat.forum2x2.ru

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

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

Сообщение автор Dana Domirani в Чт 7 Фев - 16:18

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

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://i15.servimg.com/u/f15/17/37/83/89/fgh10.png — иконка Новое ЛС



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


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


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



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

Женщина

Сообщения : 22087
Возраст : 32
Место обитания : СПб
Регистрация : 2008-04-18
Благодарности : 8874

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

http://poltergeist-legacy.com/

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

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

Сообщение автор Леший в Чт 7 Фев - 16:20

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

Леший
 

Мужчина

Сообщения : 2125
Место обитания : Сибирь
Настроение : Мрачное
Регистрация : 2012-10-05
Благодарности : 345

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

http://black-kat.forum2x2.ru

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

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

Сообщение автор Dana Domirani в Чт 7 Фев - 16:21

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



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


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


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



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

Женщина

Сообщения : 22087
Возраст : 32
Место обитания : СПб
Регистрация : 2008-04-18
Благодарности : 8874

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

http://poltergeist-legacy.com/

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

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

Сообщение автор Леший в Чт 7 Фев - 16:37

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

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

Леший
 

Мужчина

Сообщения : 2125
Место обитания : Сибирь
Настроение : Мрачное
Регистрация : 2012-10-05
Благодарности : 345

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

http://black-kat.forum2x2.ru

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

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

Сообщение автор Dana Domirani в Чт 7 Фев - 16:54

Чтобы увеличить кнопки, надо поправить в каждой встроенный стиль:
<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.



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


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


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



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

Женщина

Сообщения : 22087
Возраст : 32
Место обитания : СПб
Регистрация : 2008-04-18
Благодарности : 8874

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

http://poltergeist-legacy.com/

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

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

- Похожие темы

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