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

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


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

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

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


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

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

Основное меню форума с разворачиающимися меню для отдельных пунктов

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

Основное меню форума с разворачиающимися меню для отдельных пунктов

Сообщение автор Bugs в Чт 17 Май - 5:49

http://help.forum2x2.ru/t21797-topic#167389 можно ли сделать с PunBB ?Если да то дайте код.Спасибо yes


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

Bugs
 

Мужчина

Сообщения : 192
Возраст : 22
Регистрация : 2011-06-13
Благодарности : 6

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

http://bugs.forum2x2.ru

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

Re: Основное меню форума с разворачиающимися меню для отдельных пунктов

Сообщение автор Dana Domirani в Сб 19 Май - 13:13

Bugs, для Pun и BB2 — форумов с редактируемыми шаблонами — подходит тот же вариант, что и для html-страниц.

Сколько надо добавить разворачивающихся пунктов (где, каких — схему, пожалуйста)? Или полностью заменить базовое меню навигации (на какое — схему, пожалуйста)? Чем более расплывчатый вопрос, тем дальше он в очереди на решение.



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


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


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



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

Женщина

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

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

http://poltergeist-legacy.com/

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

Re: Основное меню форума с разворачиающимися меню для отдельных пунктов

Сообщение автор Bugs в Сб 19 Май - 14:25

Дана дайте пожалуйста код для PunBB что бы на моем форуме "Профиль" также выдвигал такую таблицу.


Слёзно прошу помочь мне ещё в одном.Дело в том что таблица будет цветом моего форума.
Я хочу таблицу сделать в виде картинки как тут.

Пример:

Части таблицы:
Вверх таблицы
Центр таблицы
Низ таблицы

Очень прошу помогите мне так сделать. 31

Bugs
 

Мужчина

Сообщения : 192
Возраст : 22
Регистрация : 2011-06-13
Благодарности : 6

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

http://bugs.forum2x2.ru

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

Re: Основное меню форума с разворачиающимися меню для отдельных пунктов

Сообщение автор Dana Domirani в Сб 19 Май - 17:35

1. В шаблон overall_header (Верхняя часть страницы) перед тегом <div id="pun-head"> добавьте код меню:
Код:
<div style="display:none">
   <div id="prof-content">
      <div class="top"></div>
      <div class="prf">
         <a href="/profile?mode=editprofile&amp;page_profil=informations">Информация</a>
         <a href="/profile?mode=editprofile&page_profil=preferences">Личные настройки</a></li>
         <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>
      </div>
      <div class="bott"></div>
   </div>
</div>
Сохраните, опубликуйте (!).

2. В CSS добавьте
Код:
#pun-head #pun-navlinks ul li {
position: relative;
float:left;
}

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

#prof-content {
  width: 135px;
  margin-top: 5px;
  margin-left: -9px;
  _margin: 0; /*IE6 only*/
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 25px;
  z-index: 999;
  background: transparent;
  -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 div.top {
background: transparent url('http://gladiators.ru/images/submenu-top.gif') no-repeat top center;
height: 25px;
display: block;
}

#prof-content div.prf {
background: transparent url('http://gladiators.ru/images/submenu-scroll.gif') repeat-y center;
display: block;
height: auto;
border-top: 1px dashed #E2B776;
border-bottom: 1px dashed #E2B776;
}

#prof-content div.bott {
background: transparent url('http://gladiators.ru/images/submenu-bottom.gif') no-repeat bottom center;
height: 25px;
display: block;
}

#prof-content div.prf a {
display: list-item;
list-style: disc inside !important;
width: 134px;
text-align: left !important;
margin: 0 !important;
font-size: 10px !important;
color: #7A0000 !important;
text-decoration: underline !important;
padding: 0 0 5px 5px !important;
}

Сохраните.

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




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


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


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



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

Женщина

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

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

http://poltergeist-legacy.com/

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

Re: Основное меню форума с разворачиающимися меню для отдельных пунктов

Сообщение автор Bugs в Сб 19 Май - 17:45

Все сделал как написано,у меня ток панель сместилась и всё.

Bugs
 

Мужчина

Сообщения : 192
Возраст : 22
Регистрация : 2011-06-13
Благодарности : 6

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

http://bugs.forum2x2.ru

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

Re: Основное меню форума с разворачиающимися меню для отдельных пунктов

Сообщение автор Dana Domirani в Сб 19 Май - 18:02

Увы, ее придется сместить влево — иначе таблица будет всплывать криво.



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


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


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



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

Женщина

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

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

http://poltergeist-legacy.com/

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

Re: Основное меню форума с разворачиающимися меню для отдельных пунктов

Сообщение автор Bugs в Сб 19 Май - 18:09

@Dana Domirani пишет:Увы, ее придется сместить влево — иначе таблица будет всплывать криво.

Я вот заметил что у меня на форуме что тут,таблица выползает не по центру самой надписи а чуть правее.Можно ли сделать что бы строго по середине слова выползала?Может из за этого у меня смещения надписей.

Bugs
 

Мужчина

Сообщения : 192
Возраст : 22
Регистрация : 2011-06-13
Благодарности : 6

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

http://bugs.forum2x2.ru

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

Re: Основное меню форума с разворачиающимися меню для отдельных пунктов

Сообщение автор Dana Domirani в Сб 19 Май - 18:14

Сейчас должно быть ровно.



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


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


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



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

Женщина

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

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

http://poltergeist-legacy.com/

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

Re: Основное меню форума с разворачиающимися меню для отдельных пунктов

Сообщение автор Bugs в Сб 19 Май - 18:17

@Dana Domirani пишет:Сейчас должно быть ровно.

Чудесно d_daisy

И последний вопрос если я буду добавлять свои разделы.Она не будет сдвигаться?

Bugs
 

Мужчина

Сообщения : 192
Возраст : 22
Регистрация : 2011-06-13
Благодарности : 6

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

http://bugs.forum2x2.ru

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

Re: Основное меню форума с разворачиающимися меню для отдельных пунктов

Сообщение автор Dana Domirani в Сб 19 Май - 18:20

Не должна. Таблица привязана именно к кнопке "Профиль" и будет перемещаться вместе с ней.



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


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


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



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

Женщина

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

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

http://poltergeist-legacy.com/

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

Re: Основное меню форума с разворачиающимися меню для отдельных пунктов

Сообщение автор Bugs в Сб 19 Май - 18:24

Спасибо вам огромное за все. yes

Bugs
 

Мужчина

Сообщения : 192
Возраст : 22
Регистрация : 2011-06-13
Благодарности : 6

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

http://bugs.forum2x2.ru

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

Re: Основное меню форума с разворачиающимися меню для отдельных пунктов

Сообщение автор Dana Domirani в Сб 19 Май - 18:27

Пожалуйста!



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


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


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



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

Женщина

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

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

http://poltergeist-legacy.com/

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

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


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