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

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


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

Мы в социальных сетях



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

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


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

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

Выпадающий профиль в меню навигации.

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

Выпадающий профиль в меню навигации.

Сообщение автор ZoD1aK в Сб 17 Дек - 0:03

Можете дать скрипт пры наведении на пункт меню профиль, или подсказать как так зделать.

ZoD1aK
 
 

Пол : Мужчина
Сообщения : 219
Возраст : 24
Место обитания : Україна
Карма : Без предупреждений
Благодарности : 50
Регистрация : 2010-05-14

http://ship.narutorpg.org 585481543

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

Re: Выпадающий профиль в меню навигации.

Сообщение автор Dana Domirani в Сб 17 Дек - 0:17

Вы об этом?


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


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


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



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

Пол : Женщина
Сообщения : 21914
Возраст : 31
Место обитания : СПб
Карма : Без предупреждений
Благодарности : 8765
Регистрация : 2008-04-18

http://poltergeist-legacy.com/

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

Re: Выпадающий профиль в меню навигации.

Сообщение автор ZoD1aK в Сб 17 Дек - 0:19

Да.

Заодно можете подсказать как скрыть пункты меню от администрации, когда отключен показ в панели навигации картинок на PunBB.

ZoD1aK
 
 

Пол : Мужчина
Сообщения : 219
Возраст : 24
Место обитания : Україна
Карма : Без предупреждений
Благодарности : 50
Регистрация : 2010-05-14

http://ship.narutorpg.org 585481543

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

Re: Выпадающий профиль в меню навигации.

Сообщение автор Dana Domirani в Сб 17 Дек - 11:11

Вариант для BB3

1. В виджет, который есть на главной странице и портале форума добавляете настройки стилей:
(Почему в виджет, а не в CSS? Чтобы потом при смене оформления не потерять настройки меню и не гадать, почему он перестало работать)
Код:
<style type="text/css">
ul.linklist li {
  position: relative;
  float:left;
}

li:hover #prof-content {
  opacity: 1;
  visibility: visible;
  margin-top: -5px;
}

#prof-content {
  margin-top: 5px;
  margin-left: -7px;
  _margin: 0; /*IE6 only*/
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 29px;
  z-index: 999;
  background-color: #fff;
  padding: 5px;
  -moz-box-shadow: 0 2px 2px -1px rgba(0,0,0,.9);
  -webkit-box-shadow: 0 2px 2px -1px rgba(0,0,0,.9);
  box-shadow: 0 2px 2px -1px rgba(0,0,0,.9);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
}

#prof-content a {
  display:block;
  width: 150px;
  text-align: left !important;
  margin-left: 5px;
}
</style>
background-color: #fff — это фон меню, замените код цвета на подходящий.

2. В тот же виджет добавляете скрытый блок с доп.сылками меню:
Код:
<div style="display:none"><div id="prof-content">
<a href="/profile?mode=editprofile&amp;page_profil=informations">Информация</a>
<a href="/profile?mode=editprofile&page_profil=preferences">Личные настройки</a>
<a href="/profile?mode=editprofile&amp;page_profil=signature">Подпись</a>
<a href="/profile?mode=editprofile&amp;page_profil=avatars">Аватара</a>
<a href="/profile?mode=editprofile&amp;page_profil=friendsfoes">Друзья и недруги</a>
<a href="/search?search_id=watchsearch">Темы для слежения</a>
<a href="/search?search_id=favouritesearch">Закладки</a>
<a href="/search.forum?search_id=egosearch">Мои сообщения</a>
</div>
</div>

3. В ПА > Модули > Управление кодами JS добавляется скрипт:
Название: любое
Код:
Код:
jQuery(document).ready(function(){
jQuery("#prof-content").appendTo("li:has(a[href$='profile?mode=editprofile'])");
});
Расположение: на всех страницах
Сохраните.


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


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


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



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

Пол : Женщина
Сообщения : 21914
Возраст : 31
Место обитания : СПб
Карма : Без предупреждений
Благодарности : 8765
Регистрация : 2008-04-18

http://poltergeist-legacy.com/

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

Re: Выпадающий профиль в меню навигации.

Сообщение автор Strannik aka svetlyi в Сб 17 Дек - 11:20

А для ВВ2?

Strannik aka svetlyi
 
 

Пол : Мужчина
Сообщения : 187
Карма : Без предупреждений
Благодарности : 90
Регистрация : 2011-04-09

http://road-so-far.roll.tv/

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

Re: Выпадающий профиль в меню навигации.

Сообщение автор Dana Domirani в Вс 18 Дек - 10:28

Для BB2

1. В шаблоне 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>
и заменяете внутри фрагмента строку
Код:
<td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
на
Код:
<td align="{MENU_POSITION}"{MENU_NOWRAP} class="gennavbar">{GENERATED_NAV_BAR}</td>
(т.е. назначаете ячейке класс)

После фрагмента добавляете блок доп. меню
Код:
<div style="display:none">
<div id="prof-content">
<a href="/profile?mode=editprofile&amp;page_profil=informations">Информация</a>
<a href="/profile?mode=editprofile&page_profil=preferences">Личные настройки</a>
<a href="/profile?mode=editprofile&amp;page_profil=signature">Подпись</a>
<a href="/profile?mode=editprofile&amp;page_profil=avatars">Аватара</a>
<a href="/profile?mode=editprofile&amp;page_profil=friendsfoes">Друзья и недруги</a>
<a href="/search?search_id=watchsearch">Темы для слежения</a>
<a href="/search?search_id=favouritesearch">Закладки</a>
<a href="/search.forum?search_id=egosearch">Мои сообщения</a>
</div>
</div>



После этого шаблон надо сохранить и опубликовать.

2. В ПА > Модули > Управление кодами JS добавляете скрипт:
Название: любое
Код:
Код:
jQuery(document).ready(function(){
jQuery("#prof-content").appendTo("a[href$='profile?mode=editprofile']");
});
Расположение: на всех страницах
Сохраните.

3. В CSS добавляете:
Код:
.gennavbar a {
  position: relative;
  float:left;
}

#prof-content {
  margin-top: -15px;
  margin-left: -5px;
  _margin: 0; /*IE6 only*/
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 23px;
  z-index: 999;
  background: #fff;
  padding: 5px;
  text-align: left;
  -moz-box-shadow: 0 2px 2px -1px rgba(0,0,0,.9);
  -webkit-box-shadow: 0 2px 2px -1px rgba(0,0,0,.9);
  box-shadow: 0 2px 2px -1px rgba(0,0,0,.9);
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
}

#prof-content a {
  display:block;
  width: 150px;
  margin: 0 0 5px 5px;
}

a:hover #prof-content {
  opacity: 1;
  visibility: visible;
  margin-top: -5px;
}
и сохраняете.


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


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


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



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

Пол : Женщина
Сообщения : 21914
Возраст : 31
Место обитания : СПб
Карма : Без предупреждений
Благодарности : 8765
Регистрация : 2008-04-18

http://poltergeist-legacy.com/

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

Re: Выпадающий профиль в меню навигации.

Сообщение автор Gamatos в Пн 19 Дек - 23:00

А для пунба можно?

Gamatos
Активист

Пол : Мужчина
Сообщения : 1294
Возраст : 24
Место обитания : Греция/Афины
Карма : Без предупреждений
Благодарности : 188
Регистрация : 2009-11-06

http://www.forum2x2.ru/forum

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

Re: Выпадающий профиль в меню навигации.

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

1. В шаблон overall_header добавляем (на скриншоте показано куда) скрытый блок с меню:
Код:
<div style="display:none">
<div id="prof-content">
<a href="/profile?mode=editprofile&amp;page_profil=informations">Информация</a>
<a href="/profile?mode=editprofile&page_profil=preferences">Личные настройки</a>
<a href="/profile?mode=editprofile&amp;page_profil=signature">Подпись</a>
<a href="/profile?mode=editprofile&amp;page_profil=avatars">Аватара</a>
<a href="/profile?mode=editprofile&amp;page_profil=friendsfoes">Друзья и недруги</a>
<a href="/search?search_id=watchsearch">Темы для слежения</a>
<a href="/search?search_id=favouritesearch">Закладки</a>
<a href="/search.forum?search_id=egosearch">Мои сообщения</a>
</div>
</div>

Пункты-ссылки можно заменть на свои. Сохраняем, публикуем.

2. В ПА > Модули > Управление JS добавляем файл
Имя - любое (профблок, допустим)
Расположение - на всех страницах
Код:
Код:
jQuery(document).ready(function(){
jQuery("#prof-content").appendTo("#pun-navlinks li:has(a[href$='/profile?mode=editprofile'])");
});
Сохраняем.
(Обязательно проверяем: Активировать управление кодами Javascript : Да)

3. Практчески все. Осталось добить CSS:
Код:
/* обязательный пункт */
#pun-navlinks ul li {
  position: relative;
}

/* сам блок, по умолчанию скрыт */
#prof-content {
  margin-top: -15px;
  _margin: 0; /*IE6 only*/
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 20px;
  right: 0;
  width: 170px;
  line-height: 20px;
  z-index: 999;
  background: #eee;
  padding: 5px;
  -moz-box-shadow: 0 2px 2px -1px rgba(0,0,0,.9);
  -webkit-box-shadow: 0 2px 2px -1px rgba(0,0,0,.9);
  box-shadow: 0 2px 2px -1px rgba(0,0,0,.9);
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  color: #696969;
  text-shadow: 0px 2px 3px rgba(0,0,0,0.7) !important;
  -moz-text-shadow: 0px 2px 3px rgba(0,0,0,0.7)  !important;
  -webkit-text-shadow: 0px 2px 3px rgba(0,0,0,0.7) !important;
}

/* ссылки в блоке */
#prof-content a{
  display:block !important;
  border: 1px solid transparent;
  padding: 2px !important;
  margin: 0px !important;
}

/* ссылки в блоке при наведении */
#prof-content a:hover {
  border: 1px solid transparent;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background: #666;
  color: #fff;
  text-decoration: none;
}

/* показ блока при наведении на профиль */
li:hover #prof-content {
  opacity: 1;
  visibility: visible;
  margin-top: -3px;
}


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


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


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



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

Пол : Женщина
Сообщения : 21914
Возраст : 31
Место обитания : СПб
Карма : Без предупреждений
Благодарности : 8765
Регистрация : 2008-04-18

http://poltergeist-legacy.com/

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

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

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

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