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

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


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

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

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


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

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

Выпадающее меню навигации

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

Выпадающее меню навигации

Сообщение автор Fin в Пн 14 Мар - 0:09

Можно ли сделать такую навигацию.
Как на этом сайте.http://extrem-tutorials.online-talk.net/


Последний раз редактировалось: Fin (Сб 19 Мар - 11:57), всего редактировалось 1 раз(а)

Fin
 

Мужчина

Сообщения : 61
Возраст : 24
Регистрация : 2008-11-04
Благодарности : 0

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

http://bleach.2x2forum.ru/forum

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

Re: Выпадающее меню навигации

Сообщение автор Dana Domirani в Пн 14 Мар - 20:43

Можете посмотреть живое демо тут: http://calidasa2x2.forum2x2.ru/

Единственное, что я не смогла проверить - не окажутся ли выпадающие меню под рекламой (нет ее ни на одном тестовике).



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


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


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



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

Женщина

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

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

http://poltergeist-legacy.com/

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

Re: Выпадающее меню навигации

Сообщение автор Gamatos в Пн 14 Мар - 20:51

@Dana Domirani пишет:Можете посмотреть живое демо тут: http://calidasa2x2.forum2x2.ru/

Даначка а для 3 движка и для пунба как это сделать?Такое же меня чтоб выходило.

Спасибо.

Gamatos
Активист

Мужчина

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

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

http://www.forum2x2.ru/forum

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

Re: Выпадающее меню навигации

Сообщение автор Домовой в Пн 14 Мар - 20:56

При нажатии на ссылку Админ появляется стандартное меню

Домовой
 

Мужчина

Сообщения : 6801
Возраст : 93
Регистрация : 2010-01-30
Благодарности : 3219

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

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

Выпадающее меню навигации

Сообщение автор Dana Domirani в Пн 14 Мар - 21:05

Спасибо! Тогда надо будет прятать его не через виджет, а сразу через CSS шаблон.



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


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


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



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

Женщина

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

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

http://poltergeist-legacy.com/

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

Re: Выпадающее меню навигации

Сообщение автор Fin в Пн 14 Мар - 21:24

Можно скрипт то?
Да и возможно ли,потерял ссылку надо поискать.Проще говоря что если нажимаешь на форум,то фон черный,на портал теперь он там.Думаю что я непонятно объяснил.

Fin
 

Мужчина

Сообщения : 61
Возраст : 24
Регистрация : 2008-11-04
Благодарности : 0

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

http://bleach.2x2forum.ru/forum

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

Re: Выпадающее меню навигации

Сообщение автор Dana Domirani в Пн 14 Мар - 21:28

Можно скрипт то?
Т.е. подходит?

Да и возможно ли,потерял ссылку надо поискать.Проще говоря что если нажимаешь на форум,то фон черный,на портал теперь он там.Думаю что я непонятно объяснил.
Если честно - ничего не поняла.



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


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


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



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

Женщина

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

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

http://poltergeist-legacy.com/

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

Re: Выпадающее меню навигации

Сообщение автор Rembest в Пн 14 Мар - 21:46

скрипь этого мода можно?

Rembest
 

Сообщения : 35
Регистрация : 2011-02-25
Благодарности : 1

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

http://fpteam.gip-gip.ru/

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

Re: Выпадающее меню навигации

Сообщение автор Dana Domirani в Пн 14 Мар - 21:56

1. Добавьте в шаблон overall_header (Верхняя часть страницы)
перед фрагментом
Код:
<td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
</tr>
</table>
код меню:
Код:
<ul id="nav">
   <li class="top"><a href="/portal" class="top_link"><span>Портал</span></a></li>
   <li class="top"><a href="/" class="top_link"><span>Форум</span></a></li>
   <li class="top"><a href="#" class="top_link"><span class="down">Пользователи ▼</span><!--[if gte IE 7]><!--></a><!--<![endif]-->
      <!--[if lte IE 6]><table><tr><td><![endif]--><ul class="sub">
         <li><a href="/memberlist" rel="nofollow">Участники</a></li>
         <li><a href="/u1">Админ</a></li>
         <li><a href="/groups" rel="nofollow">Группы</a></li>
      </ul><!--[if lte IE 6]></td></tr></table></a><![endif]-->
   </li>

   <li class="top"><a href="#" class="top_link"><span class="down">Статьи ▼</span><!--[if gte IE 7]><!--></a><!--<![endif]-->
      <!--[if lte IE 6]><table><tr><td><![endif]--><ul class="sub">
         <li><a href="#">Первая</a></li>
         <li><a href="#">Вторая</a></li>
         <li><a href="#">Третья</a></li>
         <li><a href="#">Четвертая</a></li>
         <li><a href="#">Пятая</a></li>
      </ul><!--[if lte IE 6]></td></tr></table></a><![endif]-->
   </li>

   <li class="top"><a href="/faq" class="top_link"><span>FAQ</span></a></li>
   <li class="top"><a href="#" class="top_link"><span>Правила</span></a></li>
   <li class="top"><a href="/search" class="top_link"><span>Поиск</span></a></li>
   <li class="top"><a href="/msg.forum?folder=inbox" id="testls" class="top_link"><span>ЛС</span></a></li>
   <li class="top"><a href="/profile?mode=register" id="regmen" class="top_link"><span>Регистрация</span></a></li>
   <li class="top"><a href="/login.forum?logout" id="testlogin" class="top_link"><span>Выход</span></a></li>

</ul><br />

В том же шаблоне заментие строку
Код:
<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
на
Код:
<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}" style="display:none;">


Потом сохраните и опубликуйте шаблон.

2. Добавьте в шаблон overall_footer (Нижняя часть страницы)
перед тегом </body> скрипт:
Код:
<script type="text/javascript">function testls(link){  if(document.getElementById("i_icon_mini_new_message")){      link.innerHTML = ' &nbsp; Новое ЛС  ▼ &nbsp; ';  };};

function testlogin(link){  if(!document.getElementById("i_icon_mini_logout"))
{      link.innerHTML = ' &nbsp; Вход &nbsp; '; 
link.href = "/login.forum?connexion";      document.getElementById("testls").style.display = "none";  }  else{      document.getElementById("regmen").style.display = "none";  }}

function profile(link){  if(!document.getElementById("i_icon_mini_register"))
{      link.innerHTML = 'Ваш профиль';      link.href = "/profile?mode=editprofile";  }
else{      document.getElementById("profile").style.display = "none";  }}


testls(document.getElementById("testls"));testlogin(document.getElementById("testlogin")); profile(document.getElementById("profile"));
</script>


Потом сохраните и опубликуйте шаблон.

3. В CSS добавьте настройки для меню:
Код:
a {
outline: none  !important;
}

#nav {
padding:0; margin:0;
list-style:none;
height:30px;
border: 1px solid #858585;
background:#fff url(http://i62.servimg.com/u/f62/15/42/26/78/mijloc10.png) repeat-x top left;
position:relative;
z-index: 999;
font-family: arial, verdana, sans-serif;
font-size:12px;
font-weight:bold;
}

#nav li.top {
display:block;
float:left;
}

#nav li a.top_link {
display:block;
float:left;
height:30px;
line-height:30px;
color:#000;
padding:0;
cursor:pointer;
text-decoration:none !important;
}

#nav li a.top_link span {
float:left;
display:block;
padding: 0 16px;
height:35px;
text-shadow: 0 1px 1px #fff;
}

#nav li a.top_link span.down {
float:left; display:block; padding:0 12px 0 12px; height:35px;
}

#nav li:hover a.top_link, #nav a.top_link:hover, #nav li a.top_link span:hover {
color:#000;
text-shadow: 0 1px 1px #708090 !important;
text-decoration:none !important;
}

#nav li:hover {position:relative; z-index: 999;}
#nav a:hover {position:relative; white-space:normal; z-index: 999;}

/* выпадающее меню */
#nav :hover ul.sub {
left:1px;
top:31px;
width: 120px;
height:auto;
z-index: 999;
text-align: left;
background:-moz-linear-gradient(top,#ffffff,#ededed);
background-color:#fff;
box-shadow: 0 1px 3px #424242;
-webkit-box-shadow: 0 1px 3px #424242;
-moz-box-shadow: 0 1px 3px #424242;
white-space:nowrap;
border: 1px solid #858585;
border-top: none;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
-khtml-border-bottom-right-radius: 5px;
-khtml-border-bottom-left-radius: 5px;
padding: 0 0 7px 0;
}

/* текст выпадающее меню*/
#nav :hover ul.sub li a {
display:block;
font-size:11px;
height:20px;
width: 120px;
line-height:18px;
text-indent:5px;
color:#000;
font-weight:bold;
text-decoration:none !important;
border-top: 1px solid transparent;
border-bottom: 1px solid #ddd transparent;
}

/* текст выпадающее меню при наведении */
#nav :hover ul.sub li a:hover {
background:#eee;
color:#000;
font-weight:bold;
text-decoration:none;
border-top: 1px solid #ddd !important;
border-bottom: 1px solid #ddd !important;
text-shadow: 0 1px 1px #708090 !important;
}

#nav :hover ul.sub li {
display:block; height:20px; position:relative; float:left; width:90px; font-weight:normal;
}

#nav ul, #nav a:hover ul ul, #nav a:hover a:hover ul ul, #nav a:hover a:hover a:hover ul ul, #nav a:hover a:hover a:hover a:hover ul ul
{
position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;
}

#nav li:hover > ul ul {
position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;
}

a#regmen {
color: red !important;
}
и сохраните.



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


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


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



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

Женщина

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

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

http://poltergeist-legacy.com/

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

Re: Выпадающее меню навигации

Сообщение автор Gamatos в Пн 14 Мар - 21:57

Это только для 2 бобика? scratch

Gamatos
Активист

Мужчина

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

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

http://www.forum2x2.ru/forum

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

Re: Выпадающее меню навигации

Сообщение автор Dana Domirani в Пн 14 Мар - 22:08

Для BB2 и Pun (с небольшой разницей в маскировке исходного меню навигации и установке скрипта).

На тройку надо другое меню устанавливать.


Последний раз редактировалось: Dana Domirani (Вт 15 Мар - 3:05), всего редактировалось 1 раз(а)



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


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


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



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

Женщина

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

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

http://poltergeist-legacy.com/

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

Re: Выпадающее меню навигации

Сообщение автор Rembest в Пн 14 Мар - 23:08

спасибо

Rembest
 

Сообщения : 35
Регистрация : 2011-02-25
Благодарности : 1

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

http://fpteam.gip-gip.ru/

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

Re: Выпадающее меню навигации

Сообщение автор umm abu Bakr в Ср 16 Мар - 14:14

здравствуйте
У меня стоит 2 версия, вроде все как вы описывали сделала, но почему-то на форуме встало вертиклаьно отображение

Помогите решить проблему.





Спасибо.


umm abu Bakr
 

Сообщения : 93
Регистрация : 2008-02-14
Благодарности : 0

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

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

Re: Выпадающее меню навигации

Сообщение автор Dana Domirani в Ср 16 Мар - 14:44

А CSS для меню Вы поставили? Судя по скриншоту, нет.



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


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


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



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

Женщина

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

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

http://poltergeist-legacy.com/

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

Re: Выпадающее меню навигации

Сообщение автор umm abu Bakr в Ср 16 Мар - 17:49

В смысле для меню? Я просто после остальных кодов в самом низу вставила скопированные коды и сохранила..

umm abu Bakr
 

Сообщения : 93
Регистрация : 2008-02-14
Благодарности : 0

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

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

Re: Выпадающее меню навигации

Сообщение автор Dana Domirani в Ср 16 Мар - 18:00

Это можно в реале посмотреть?



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


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


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



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

Женщина

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

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

http://poltergeist-legacy.com/

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

Re: Выпадающее меню навигации

Сообщение автор umm abu Bakr в Ср 16 Мар - 19:31

girl_yes


Последний раз редактировалось: umm abu Bakr (Ср 16 Мар - 19:46), всего редактировалось 1 раз(а)

umm abu Bakr
 

Сообщения : 93
Регистрация : 2008-02-14
Благодарности : 0

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

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

Re: Выпадающее меню навигации

Сообщение автор umm abu Bakr в Ср 16 Мар - 19:45

Я уже сделала восстановление системы.. Поэтому все вернулось в прежнее русло.

umm abu Bakr
 

Сообщения : 93
Регистрация : 2008-02-14
Благодарности : 0

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

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

Re: Выпадающее меню навигации

Сообщение автор Dana Domirani в Чт 17 Мар - 4:42

Здравствуйте,
Если ваша проблема решена, не забудьте:
  • отредактировать ваше первое сообщение,
  • отметить иконку
  • и сохранить изменения, нажав на кнопку «Отправить»
Это поможет более оперативной обработке вопросов на форуме.
Вы можете также поблагодарить всех, кто вам помог, нажав на иконку
С уважением, Forum2x2 smile



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


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


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



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

Женщина

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

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

http://poltergeist-legacy.com/

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

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

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

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