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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

Последние темы
» Дублируется ссылка на форум в боковом меню
автор Чистый сталкер Октябрь 26th 2024, 21:13

» совет админам
автор лексей2222 Октябрь 23rd 2024, 05:45

» Проблема с гугл из-за Hitskin
автор Вултур Октябрь 21st 2024, 15:43

» [решено]Редактирвоание темы
автор AlexDarkTech Октябрь 13th 2024, 08:14

» Пропали иконки редактирования - HEEELP
автор Archaea Сентябрь 23rd 2024, 18:11

» Как загружать ролики и мультики по ссылкам напрямую
автор лексей2222 Сентябрь 14th 2024, 19:22

» Интернет адрес форума
автор Mierena Сентябрь 7th 2024, 15:24

» некоторые форумы долго загружаются
автор Raumt Сентябрь 6th 2024, 15:06

» На форуме Пропали кнопки модерации тем
автор лексей2222 Август 16th 2024, 22:36

» Проблема с метатегом Description
автор VeraLV Июнь 14th 2024, 17:06

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

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

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

Перейти вниз

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

Сообщение автор kpripper Январь 22nd 2011, 16:03

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

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

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

Мужчина

Сообщения : 437
Возраст : 41
Регистрация : 2009-08-06
Благодарности : 5

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

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

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

Сообщение автор Sunnyta Январь 22nd 2011, 16:22

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

Сообщения : 1577
Регистрация : 2008-03-20
Благодарности : 63

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

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

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

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

Сообщение автор kpripper Январь 22nd 2011, 17:06

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

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

Мужчина

Сообщения : 437
Возраст : 41
Регистрация : 2009-08-06
Благодарности : 5

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

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

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

Сообщение автор Домовой Январь 22nd 2011, 18:26

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

Мужчина

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

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

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

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

Сообщение автор kpripper Январь 22nd 2011, 18:52

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

Мужчина

Сообщения : 437
Возраст : 41
Регистрация : 2009-08-06
Благодарности : 5

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

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

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

Сообщение автор Домовой Январь 22nd 2011, 18:59

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

Мужчина

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

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

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

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

Сообщение автор Домовой Январь 22nd 2011, 19:43

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

Мужчина

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

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

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

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

Сообщение автор kpripper Январь 22nd 2011, 20:07

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

Мужчина

Сообщения : 437
Возраст : 41
Регистрация : 2009-08-06
Благодарности : 5

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

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

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

Сообщение автор Домовой Январь 22nd 2011, 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>
Домовой
Домовой
 

Мужчина

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

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

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

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

Сообщение автор kpripper Январь 22nd 2011, 21:32

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

Мужчина

Сообщения : 437
Возраст : 41
Регистрация : 2009-08-06
Благодарности : 5

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

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

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

Сообщение автор Домовой Январь 22nd 2011, 21:44

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

Мужчина

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

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

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

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

Сообщение автор kpripper Январь 22nd 2011, 22:50

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

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

Мужчина

Сообщения : 437
Возраст : 41
Регистрация : 2009-08-06
Благодарности : 5

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

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

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

Сообщение автор Домовой Январь 22nd 2011, 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 пишет:И такая проблема: иногда при наведении курсора на контейнер, содержимое трижды мигает и только потом нормально показывается.
Очень чувствительны кнопки, скорее всего нечаянно несколько раз навёл на кнопку
Домовой
Домовой
 

Мужчина

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

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

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

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

Сообщение автор kpripper Январь 23rd 2011, 00:09

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

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

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

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

Мужчина

Сообщения : 437
Возраст : 41
Регистрация : 2009-08-06
Благодарности : 5

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

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

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

Сообщение автор kpripper Январь 23rd 2011, 00:50

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

Мужчина

Сообщения : 437
Возраст : 41
Регистрация : 2009-08-06
Благодарности : 5

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

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

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

Сообщение автор Домовой Январь 23rd 2011, 10:57

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

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

<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 всплывающего окна*/
Скоростью управляет скрипт, увы
Домовой
Домовой
 

Мужчина

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

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

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

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

Сообщение автор Домовой Январь 23rd 2011, 10:59

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

Мужчина

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

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

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

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

Сообщение автор kpripper Январь 24th 2011, 15:46

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

Мужчина

Сообщения : 437
Возраст : 41
Регистрация : 2009-08-06
Благодарности : 5

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

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

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

Сообщение автор Домовой Январь 24th 2011, 18:33

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

Мужчина

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

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

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

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

Сообщение автор Sunnyta Январь 24th 2011, 18:49

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


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

Сообщения : 1577
Регистрация : 2008-03-20
Благодарности : 63

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

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

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

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

Сообщение автор kpripper Январь 24th 2011, 18:51

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

Мужчина

Сообщения : 437
Возраст : 41
Регистрация : 2009-08-06
Благодарности : 5

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

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

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

Сообщение автор Sunnyta Январь 24th 2011, 19:02

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

Сообщения : 1577
Регистрация : 2008-03-20
Благодарности : 63

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

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

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

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

Сообщение автор kpripper Январь 24th 2011, 19:20

Вышло вот что
Выпадающее меню 294af52d9481
А нужно чтобы оно было сверху горизонтально и на форуме и на портале.
avatar
kpripper
 

Мужчина

Сообщения : 437
Возраст : 41
Регистрация : 2009-08-06
Благодарности : 5

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

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

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

Сообщение автор Sunnyta Январь 24th 2011, 19:28

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

Сообщения : 1577
Регистрация : 2008-03-20
Благодарности : 63

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

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

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

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

Сообщение автор kpripper Январь 24th 2011, 19:33

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

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

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

Мужчина

Сообщения : 437
Возраст : 41
Регистрация : 2009-08-06
Благодарности : 5

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

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

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

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

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

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