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

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


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

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



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

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


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

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

Выпадающее меню

Страница 1 из 2 1, 2  Следующий

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

Выпадающее меню

Сообщение автор kpripper в Сб 22 Янв - 16:03

В который раз поднимается эта тема на форуме. Прочитал все что нашел в поиске.

Пробовал сделать как описано здесь

Там на тесте примерно как я хочу, у меня меню остается в левом виджете. Изменил версию на PunBB, не помогло, только внешний вид поправился.

kpripper
 
 

Пол : Мужчина
Сообщения : 429
Возраст : 33
Карма : Без предупреждений
Благодарности : 3
Регистрация : 2009-08-06

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

Re: Выпадающее меню

Сообщение автор Sunnyta в Сб 22 Янв - 16:22

Вам нужно, чтоб вертикально в левом виджете стало или горизонтально, как показано в тесте?

Sunnyta
 
 

Сообщения : 1604
Карма : Без предупреждений
Благодарности : 63
Регистрация : 2008-03-20

http://www.sun-place.com/

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

Re: Выпадающее меню

Сообщение автор kpripper в Сб 22 Янв - 17:06

В принципе лучше горизонтально и на форуме и на портале. Но у меня основной движок phpBB3. Что-то получится ?

Вот этим http://help.forum2x2.ru/t13874-topic?highlight=%EF%EE%E4%EC%E5%ED%FE убирается основное меню в phpBB2, как сделать то же в phpBB3 ?

kpripper
 
 

Пол : Мужчина
Сообщения : 429
Возраст : 33
Карма : Без предупреждений
Благодарности : 3
Регистрация : 2009-08-06

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

Re: Выпадающее меню

Сообщение автор Домовой в Сб 22 Янв - 18:26

Для punBB и phpBB2 могу предложить такой вариант
http://test-063.forum777.com/

Домовой
 
 

Пол : Мужчина
Сообщения : 6973
Возраст : 92
Место обитания : :яинатибо отсеМ
Карма : Без предупреждений
Благодарности : 3216
Регистрация : 2010-01-30

http://udomovogo.rusff.ru

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

Re: Выпадающее меню

Сообщение автор kpripper в Сб 22 Янв - 18:52

В принципе подходит, но так не хочется менять версию форума. А почему по содержимому нельзя кликнуть ?

kpripper
 
 

Пол : Мужчина
Сообщения : 429
Возраст : 33
Карма : Без предупреждений
Благодарности : 3
Регистрация : 2009-08-06

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

Re: Выпадающее меню

Сообщение автор Домовой в Сб 22 Янв - 18:59

@kpripper пишет:А почему по содержимому нельзя кликнуть ?
Потому что это просто контейнер и там написано обычное слово.
Туда можно вставлять ссылки, скрипты, да что угодно
скрипт панель ставится вместо описания сайта в шаблон.
На третий бобик думаю как то можно туда впизнуть но с помощью скрипта, Дана возможно знает как
Можно попробовать в приветствие.
Если надо выложу

Домовой
 
 

Пол : Мужчина
Сообщения : 6973
Возраст : 92
Место обитания : :яинатибо отсеМ
Карма : Без предупреждений
Благодарности : 3216
Регистрация : 2010-01-30

http://udomovogo.rusff.ru

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

Re: Выпадающее меню

Сообщение автор Домовой в Сб 22 Янв - 19:43

kpripper, я понял о чём вы.
Поправил.
Кстати можно сделать открытие окон не наведением а кликом.

Домовой
 
 

Пол : Мужчина
Сообщения : 6973
Возраст : 92
Место обитания : :яинатибо отсеМ
Карма : Без предупреждений
Благодарности : 3216
Регистрация : 2010-01-30

http://udomovogo.rusff.ru

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

Re: Выпадающее меню

Сообщение автор kpripper в Сб 22 Янв - 20:07

Лучше наведением и максимально быстро. Давайте скрипт.

kpripper
 
 

Пол : Мужчина
Сообщения : 429
Возраст : 33
Карма : Без предупреждений
Благодарности : 3
Регистрация : 2009-08-06

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

Re: Выпадающее меню

Сообщение автор Домовой в Сб 22 Янв - 20:32

Идём в шаблон overall_footer (Нижняя часть страницы)
В самый низ перед </body> ставим

<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('.splLink').click(function(){
jQuery(this).parent().children('div.splCont').toggle('normal');
return false;
});
});
</script>

В каскадную таблицу стилей

div.splLink {
width: 130px;
height: 18px;
border: 2px solid #A0522D;
background: #FFFACD;
text-align: center;
font-family: Times New Roman;
font-size: 15px;
padding: 3px;
}
.spll {
width: 130px;
height: 25px;
}
.spll div.splCont {
height: auto;
width: auto;
background: url(http://tps.bbmy.ru/uploads/0003/83/96/1556-1.png);
padding: 5px;
z-index: 1000;
margin-top: 0px;
border: 1px dotted #CD853F;
font-size: 14px;
font-family: Times New Roman;
text-align: center;
}

ширина кнопки
высота кнопки
фон кнопки
фон выплывающего окна

Далее установка зависит от того где вы хотите видеть меню
Ниже предоставленный код можно установить под шапку вместо приветствия.
В ПА - Общие настройки - Форум - Конфигурация
В окно Описание сайта * : вставьте пробел
Код:
 &nbsp;
Далее в шаблоне overall_header (Верхняя часть страницы) найдите фрагмент
Код:
{switch_desc.SITE_DESCRIPTION}
и вместо него вставьте ниже выложенный код
Если же вы хотите видеть меню над форумом, то ставьте в самый верх шаблона
overall_header (Верхняя часть страницы)

А вот сам код меню:
<center>
<table style="width: 80%">
<tr>
<td>
<div class="spll">
<div class="splLink">Контейнер 1</div>
<div style="DISPLAY: none; position: absolute;" class="splCont" >
Содержимое 1
</div>

</div>
</td>
<td>
<div class="spll">
<div class="splLink">Контейнер 2</div>
<div style="DISPLAY: none; position: absolute;" class="splCont" >
Содержимое 2
</div>

</div>
</td>
<td>
<div class="spll">
<div class="splLink">Контейнер 3</div>
<div style="DISPLAY: none; position: absolute;" class="splCont" >
Содержимое 3
</div>

</div>
</td>
<td>
<div class="spll">
<div class="splLink">Контейнер 4</div>
<div style="DISPLAY: none; position: absolute;" class="splCont" >
Содержимое 4
</div>

</div>
</td>
<td>
<div class="spll">
<div class="splLink">Контейнер 5</div>
<div style="DISPLAY: none; position: absolute;" class="splCont" >
Содержимое 5
</div>

</div>
</td>
</tr>
</table>
</center>
Вместо Контейнер 1 пишем текст который будет отображаться на кнопе. Тек же можно вставить картинку кодом
Код:
<img src=" адрес картинки ">
Вместо Содержимое 1 соответственно вставляем содержимое выплывающего окна



Если вы хотите что бы окно выплывало не кликом мышкой а при наведении курсора то замените скрипт выделенный
коричневым цветом на этот скрипт
Код:
<script type="text/javascript">
jQuery(document).ready(function(){
  jQuery('.splLink').parent().hover(function(){
jQuery(this).children('div.splCont').toggle('normal');
  },
  function(){
jQuery(this).children('div.splCont').toggle('normal');
  });
});
</script>

Домовой
 
 

Пол : Мужчина
Сообщения : 6973
Возраст : 92
Место обитания : :яинатибо отсеМ
Карма : Без предупреждений
Благодарности : 3216
Регистрация : 2010-01-30

http://udomovogo.rusff.ru

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

Re: Выпадающее меню

Сообщение автор kpripper в Сб 22 Янв - 21:32

Спасибо, займусь тестированием.

kpripper
 
 

Пол : Мужчина
Сообщения : 429
Возраст : 33
Карма : Без предупреждений
Благодарности : 3
Регистрация : 2009-08-06

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

Re: Выпадающее меню

Сообщение автор Домовой в Сб 22 Янв - 21:44

kpripper, по CSS погут быть непонятки, обращайся
Попроси Дану, может умудрится на третий движок прикрутить

Домовой
 
 

Пол : Мужчина
Сообщения : 6973
Возраст : 92
Место обитания : :яинатибо отсеМ
Карма : Без предупреждений
Благодарности : 3216
Регистрация : 2010-01-30

http://udomovogo.rusff.ru

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

Re: Выпадающее меню

Сообщение автор kpripper в Сб 22 Янв - 22:50

Такой вопрос : как изменить ширину выпадающего окошка ? Например поставить такую же как у контейнера.

И такая проблема: иногда при наведении курсора на контейнер, содержимое трижды мигает и только потом нормально показывается.

kpripper
 
 

Пол : Мужчина
Сообщения : 429
Возраст : 33
Карма : Без предупреждений
Благодарности : 3
Регистрация : 2009-08-06

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

Re: Выпадающее меню

Сообщение автор Домовой в Сб 22 Янв - 23:51

@kpripper пишет:Такой вопрос : как изменить ширину выпадающего окошка ? Например поставить такую же как у контейнера.
Подписал
div.splLink {
width: 130px;
height: 18px;
border: 2px solid #A0522D;
background: #FFFACD;
text-align: center;
font-family: Times New Roman;
font-size: 15px;
padding: 3px;
}

.spll {
width: 130px;
height: 25px;
}

.spll div.splCont {
height: auto;/*высота всплывающего поля*/
width: auto; /*ширина всплывающего поля*/
background: url(http://tps.bbmy.ru/uploads/0003/83/96/1556-1.png); /*фон всплывающего поля*/
padding: 5px;/*отступ содержимого в поле*/
z-index: 1000;
margin-top: 0px; /*отступ поля от кнопе. менять не рекомендуется если открытие производится наведением*/
border: 1px dotted #CD853F; /*рамка поля*/
font-size: 14px; /*размер шрифта всплывающего поля*/
font-family: Times New Roman;/*шрифт всплывающего поля*/
text-align: center;
}
То что красным относится к кнопкам
То что синим не рекомендуется менять
Ширинц поля вместо auto пропиши 130px
Если auto, то естественно поле будет автоматом растягиваться под ширину содержимого
@kpripper пишет:И такая проблема: иногда при наведении курсора на контейнер, содержимое трижды мигает и только потом нормально показывается.
Очень чувствительны кнопки, скорее всего нечаянно несколько раз навёл на кнопку

Домовой
 
 

Пол : Мужчина
Сообщения : 6973
Возраст : 92
Место обитания : :яинатибо отсеМ
Карма : Без предупреждений
Благодарности : 3216
Регистрация : 2010-01-30

http://udomovogo.rusff.ru

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

Re: Выпадающее меню

Сообщение автор kpripper в Вс 23 Янв - 0:09

Еще раз спасибо, Домовой.
Вот что вышло


Разобрался со всем, кроме куска кода

<div class="spll">
<div class="splLink">Контейнер 5</div>
<div style="DISPLAY: none; position: absolute;" class="splCont" >

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

kpripper
 
 

Пол : Мужчина
Сообщения : 429
Возраст : 33
Карма : Без предупреждений
Благодарности : 3
Регистрация : 2009-08-06

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

Re: Выпадающее меню

Сообщение автор kpripper в Вс 23 Янв - 0:50

Еще вопрос, последний контейнер отвечает за вход-выход. Пришлось его так и назвать. Как сделать чтобы название ссылки менялось при входе на "Выход" и при выходе на "Вход" ?

kpripper
 
 

Пол : Мужчина
Сообщения : 429
Возраст : 33
Карма : Без предупреждений
Благодарности : 3
Регистрация : 2009-08-06

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

Re: Выпадающее меню

Сообщение автор Домовой в Вс 23 Янв - 10:57

@kpripper пишет:Еще раз спасибо, Домовой.
Вот что вышло


Разобрался со всем, кроме куска кода

<div class="spll">
<div class="splLink">Контейнер 5</div>
<div style="DISPLAY: none; position: absolute;" class="splCont" >

если не тяжело, расскажите что тут за что отвечает, или дайте ссылку где почитать. Я так понимаю сделать чтобы выпадающее окно показывалось еще быстрее нельзя ?
Код:
<div class="spll">
<div class="splLink">Контейнер 5</div>/*class кнопки*/
<div style="DISPLAY: none; position: absolute;" class="splCont" >/*class и position всплывающего окна*/
Скоростью управляет скрипт, увы

Домовой
 
 

Пол : Мужчина
Сообщения : 6973
Возраст : 92
Место обитания : :яинатибо отсеМ
Карма : Без предупреждений
Благодарности : 3216
Регистрация : 2010-01-30

http://udomovogo.rusff.ru

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

Re: Выпадающее меню

Сообщение автор Домовой в Вс 23 Янв - 10:59

@kpripper пишет:Еще вопрос, последний контейнер отвечает за вход-выход. Пришлось его так и назвать. Как сделать чтобы название ссылки менялось при входе на "Выход" и при выходе на "Вход" ?
Это уже не ко мне. я так понял вы туда пытаетесь прикрутить основное меню навигации, я не знаю как это сделать.

Домовой
 
 

Пол : Мужчина
Сообщения : 6973
Возраст : 92
Место обитания : :яинатибо отсеМ
Карма : Без предупреждений
Благодарности : 3216
Регистрация : 2010-01-30

http://udomovogo.rusff.ru

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

Re: Выпадающее меню

Сообщение автор kpripper в Пн 24 Янв - 15:46

А можно сделать, чтобы в выпадающем меню выпадали свои подменю ?

kpripper
 
 

Пол : Мужчина
Сообщения : 429
Возраст : 33
Карма : Без предупреждений
Благодарности : 3
Регистрация : 2009-08-06

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

Re: Выпадающее меню

Сообщение автор Домовой в Пн 24 Янв - 18:33

Думаю можно, надо просто время

Домовой
 
 

Пол : Мужчина
Сообщения : 6973
Возраст : 92
Место обитания : :яинатибо отсеМ
Карма : Без предупреждений
Благодарности : 3216
Регистрация : 2010-01-30

http://udomovogo.rusff.ru

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

Re: Выпадающее меню

Сообщение автор Sunnyta в Пн 24 Янв - 18:49

можно попробовать стандартное меню увести в виджет (правый или левый), если уберете сверху, а вверх поставить меню, работающее при наведении и с подпунктами (см мой тест http://sunny.2x2forum.ru/ ), с тем содержанием, что вам необходимо. Это меню подходит для любой версии, т.к. полностью работает на css


Последний раз редактировалось: Sunnyta (Пн 24 Янв - 18:52), всего редактировалось 1 раз(а)

Sunnyta
 
 

Сообщения : 1604
Карма : Без предупреждений
Благодарности : 63
Регистрация : 2008-03-20

http://www.sun-place.com/

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

Re: Выпадающее меню

Сообщение автор kpripper в Пн 24 Янв - 18:51

Sunnyta, я же написал в первом посте, что у меня не получается сделать как на http://sunny.2x2forum.ru/, а вообще Ваше меню мне больше немного подходит.

kpripper
 
 

Пол : Мужчина
Сообщения : 429
Возраст : 33
Карма : Без предупреждений
Благодарности : 3
Регистрация : 2009-08-06

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

Re: Выпадающее меню

Сообщение автор Sunnyta в Пн 24 Янв - 19:02

ой, тогда я не совсем поняла, что ты хотел сделать?

Sunnyta
 
 

Сообщения : 1604
Карма : Без предупреждений
Благодарности : 63
Регистрация : 2008-03-20

http://www.sun-place.com/

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

Re: Выпадающее меню

Сообщение автор kpripper в Пн 24 Янв - 19:20

Вышло вот что

А нужно чтобы оно было сверху горизонтально и на форуме и на портале.

kpripper
 
 

Пол : Мужчина
Сообщения : 429
Возраст : 33
Карма : Без предупреждений
Благодарности : 3
Регистрация : 2009-08-06

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

Re: Выпадающее меню

Сообщение автор Sunnyta в Пн 24 Янв - 19:28

Понятно , на Портале все хорошо ... а вот на форуме может быть в Объявление попробовать? Отпишись, если получится, а я смогу только позже wink

Sunnyta
 
 

Сообщения : 1604
Карма : Без предупреждений
Благодарности : 63
Регистрация : 2008-03-20

http://www.sun-place.com/

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

Re: Выпадающее меню

Сообщение автор kpripper в Пн 24 Янв - 19:33

Блин, торможу, привык к третьему бобику просто, всунул код в шаблон верха страницы - все ок )))



осталось подправить дизайн.

kpripper
 
 

Пол : Мужчина
Сообщения : 429
Возраст : 33
Карма : Без предупреждений
Благодарности : 3
Регистрация : 2009-08-06

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

Re: Выпадающее меню

Сообщение автор kpripper в Пн 24 Янв - 21:26

Наверно последний вопрос, как убрать основное меню навигации в виджет ?

kpripper
 
 

Пол : Мужчина
Сообщения : 429
Возраст : 33
Карма : Без предупреждений
Благодарности : 3
Регистрация : 2009-08-06

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

Re: Выпадающее меню

Сообщение автор Sunnyta в Пн 24 Янв - 22:47

1. сначала его убрать скриптом (ты его знаешь?)
2. а потом вписать скрипт стандартного меню в виджет (попробуй по поиску ... если не найдешь, то скину свой вариант)

Sunnyta
 
 

Сообщения : 1604
Карма : Без предупреждений
Благодарности : 63
Регистрация : 2008-03-20

http://www.sun-place.com/

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

Re: Выпадающее меню

Сообщение автор kpripper в Вт 25 Янв - 0:01

Что-то по запросу скрипт стандартного меню ничего не нахожу.
О, и еще, нужны подпункты в выпадающем меню.

kpripper
 
 

Пол : Мужчина
Сообщения : 429
Возраст : 33
Карма : Без предупреждений
Благодарности : 3
Регистрация : 2009-08-06

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

Re: Выпадающее меню

Сообщение автор Sunnyta в Вт 25 Янв - 10:50

Вот скрипт стандартного меню, если хочешь чтоб было в виджете (слова к пунктам можешь писать свои)
Код:
<div class="leftmenu"><div style="font-size: 13px; width: 200px;">


<a href="/portal.htm"> Главная</a>
<a href="/forum.htm"> Форум</a>
<a href="/memberlist" rel="nofollow"> Пользователи</a>
<a href="/faq"> Вопросы по форуму</a>
<a href="/search"> Форумский поиск </a>
<a href="/gallery/index.htm"> Фотогалерея</a>
<a href="/calendar.forum"> Календарь</a>
<a href="/login.forum?logout" id="testlogin"> Выйти с форума</a>
<a href="/profile?mode=register" id="regmen"><b style='color:red;'>Регистрация </b></a>
<a href="/msg.forum?folder=inbox" id="testls"> Ваша почта</a>
<a href="/profile?mode=editprofile" id="profile"> Ваш профиль</a>

</div>


<script type="text/javascript">function testls(link){  if(document.getElementById("i_icon_mini_new_message")){      link.innerHTML = ' !!!Вам пришло письмо!!!';  };};

function testlogin(link){  if(!document.getElementById("i_icon_mini_logout"))
{      link.innerHTML = 'Вход на форум';   
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>
</div>

А для красивости добавь в сисс

Код:
.leftmenu {
   margin: 0;
   padding: 0;
}
.leftmenu a {
background:url('http://i079.radikal.ru/1010/8c/4438232c277d.gif') no-repeat scroll left 10px transparent;
color:#555555;
display:block;
margin:0 0 1px;
padding:5px 0 5px 19px;
text-decoration:none;
}
a {
background-color:inherit;
color:#BA8023;}


.leftmenu a:hover{
text-decoration:none;
background:url('http://i079.radikal.ru/1010/8c/4438232c277d.gif') no-repeat scroll left 10px #cfcfcf;
margin:0 0 1px;
padding:5px 0 5px 19px;
color:#FFFFFF;
}


*про подпункты, наверное, вечером или погугли сам


Последний раз редактировалось: Sunnyta (Вт 25 Янв - 14:10), всего редактировалось 1 раз(а)

Sunnyta
 
 

Сообщения : 1604
Карма : Без предупреждений
Благодарности : 63
Регистрация : 2008-03-20

http://www.sun-place.com/

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

Re: Выпадающее меню

Сообщение автор kpripper в Вт 25 Янв - 13:39

Погуглил, нашел неплохую штуку http://www.lwis.net/free-css-drop-down-menu/ но тоже не все понятно.
Вроде вставляю css в css , html в html, загружаю картинки на радикал, ссылки вставляю в код, но все равно выходит не то, что должно быть.


Последний раз редактировалось: kpripper (Вт 25 Янв - 15:43), всего редактировалось 1 раз(а)

kpripper
 
 

Пол : Мужчина
Сообщения : 429
Возраст : 33
Карма : Без предупреждений
Благодарности : 3
Регистрация : 2009-08-06

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

Страница 1 из 2 1, 2  Следующий

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


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