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

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

Выпадающий профиль в меню навигации. Fdf10
С нашей помощью вы можете создать форум,
похожий на этот!
Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

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

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

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

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

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

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

Я админ, не могу зайти!
(забыл / потерял пароль)


Общий FAQ по управлению форумом

FAQ: реклама на форуме

Туториалы по разным функциям ваших форумов

Алфавитный указатель

Интересные решения для форумов

Наши видео-туториалы

Условия пользования сервисом

Ссылки на полезные ресурсы

Последние темы
» Не корректное отображение картинок
автор Luz Сегодня в 12:40

» Переход с 2x2forum.ru на 2x2forum.com
автор Luz Сегодня в 12:13

» Проблема с метатегом Description
автор VeraLV Март 18th 2024, 15:31

» 1 марта будет запрет на ВПН, это отразится на работе платформы?
автор Svet007 Март 14th 2024, 11:43

» нужен скрипт сумма просмотров тем в разделе
автор лексей2222 Март 5th 2024, 07:37

» Новое: Откройте для себя функцию "Подписка на пользователей"
автор лексей2222 Март 1st 2024, 17:26

» 301 редирект
автор Dana Domirani Февраль 25th 2024, 18:28

» Помощь в нескольких вопросах по форуму
автор лексей2222 Февраль 22nd 2024, 13:21

» [Общая тема] Что делать, если вы забыли / потеряли пароль
автор Dana Domirani Февраль 14th 2024, 00:54

» Загрузка форума
автор лисенок Февраль 13th 2024, 01:09

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

Участников: 4

Перейти вниз

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

Сообщение автор ZoD1aK Декабрь 17th 2011, 00:03

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

Мужчина

Сообщения : 219
Возраст : 32
Регистрация : 2010-05-14
Благодарности : 50

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

https://ship.forum2x2.ru

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

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

Сообщение автор Dana Domirani Декабрь 17th 2011, 00:17

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


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

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


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


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


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

Женщина

Сообщения : 22994
Возраст : 39
Регистрация : 2008-04-18
Благодарности : 9286

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

http://poltergeist-legacy.com/

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

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

Сообщение автор ZoD1aK Декабрь 17th 2011, 00:19

Да.

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

Мужчина

Сообщения : 219
Возраст : 32
Регистрация : 2010-05-14
Благодарности : 50

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

https://ship.forum2x2.ru

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

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

Сообщение автор Dana Domirani Декабрь 17th 2011, 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'])");
});
Расположение: на всех страницах
Сохраните.


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

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


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


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


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

Женщина

Сообщения : 22994
Возраст : 39
Регистрация : 2008-04-18
Благодарности : 9286

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

http://poltergeist-legacy.com/

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

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

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

А для ВВ2?
Strannik aka svetlyi
Strannik aka svetlyi
 

Мужчина

Сообщения : 180
Регистрация : 2011-04-09
Благодарности : 90

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

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

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

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

Сообщение автор Dana Domirani Декабрь 18th 2011, 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>

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

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

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;
}
и сохраняете.


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

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


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


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


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

Женщина

Сообщения : 22994
Возраст : 39
Регистрация : 2008-04-18
Благодарности : 9286

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

http://poltergeist-legacy.com/

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

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

Сообщение автор Gamatos Декабрь 19th 2011, 23:00

А для пунба можно?
Gamatos
Gamatos
Активист

Мужчина

Сообщения : 1279
Возраст : 32
Регистрация : 2009-11-06
Благодарности : 189

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

https://www.forum2x2.ru/forum

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

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

Сообщение автор Dana Domirani Февраль 21st 2012, 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>
Выпадающий профиль в меню навигации. Snap0349
Пункты-ссылки можно заменть на свои. Сохраняем, публикуем.

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;
}


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

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


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


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


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

Женщина

Сообщения : 22994
Возраст : 39
Регистрация : 2008-04-18
Благодарности : 9286

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

http://poltergeist-legacy.com/

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

Вернуться к началу

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

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