Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами 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 • 1, 2
Выпадающее меню
В который раз поднимается эта тема на форуме. Прочитал все что нашел в поиске.
Пробовал сделать как описано здесь
Там на тесте примерно как я хочу, у меня меню остается в левом виджете. Изменил версию на PunBB, не помогло, только внешний вид поправился.
Пробовал сделать как описано здесь
Там на тесте примерно как я хочу, у меня меню остается в левом виджете. Изменил версию на PunBB, не помогло, только внешний вид поправился.
kpripper-
-
Сообщения : 437
Возраст : 41
Регистрация : 2009-08-06
Благодарности : 5
Re: Выпадающее меню
Вам нужно, чтоб вертикально в левом виджете стало или горизонтально, как показано в тесте?
Re: Выпадающее меню
В принципе лучше горизонтально и на форуме и на портале. Но у меня основной движок phpBB3. Что-то получится ?
Вот этим https://help.forum2x2.ru/t13874-topic?highlight=%EF%EE%E4%EC%E5%ED%FE убирается основное меню в phpBB2, как сделать то же в phpBB3 ?
Вот этим https://help.forum2x2.ru/t13874-topic?highlight=%EF%EE%E4%EC%E5%ED%FE убирается основное меню в phpBB2, как сделать то же в phpBB3 ?
kpripper-
-
Сообщения : 437
Возраст : 41
Регистрация : 2009-08-06
Благодарности : 5
Re: Выпадающее меню
Для punBB и phpBB2 могу предложить такой вариант
http://test-063.forum777.com/
http://test-063.forum777.com/
Домовой-
-
Сообщения : 6801
Возраст : 101
Регистрация : 2010-01-30
Благодарности : 3243
Re: Выпадающее меню
В принципе подходит, но так не хочется менять версию форума. А почему по содержимому нельзя кликнуть ?
kpripper-
-
Сообщения : 437
Возраст : 41
Регистрация : 2009-08-06
Благодарности : 5
Re: Выпадающее меню
Потому что это просто контейнер и там написано обычное слово.kpripper пишет:А почему по содержимому нельзя кликнуть ?
Туда можно вставлять ссылки, скрипты, да что угодно
скрипт панель ставится вместо описания сайта в шаблон.
На третий бобик думаю как то можно туда впизнуть но с помощью скрипта, Дана возможно знает как
Можно попробовать в приветствие.
Если надо выложу
Домовой-
-
Сообщения : 6801
Возраст : 101
Регистрация : 2010-01-30
Благодарности : 3243
Re: Выпадающее меню
kpripper, я понял о чём вы.
Поправил.
Кстати можно сделать открытие окон не наведением а кликом.
Поправил.
Кстати можно сделать открытие окон не наведением а кликом.
Домовой-
-
Сообщения : 6801
Возраст : 101
Регистрация : 2010-01-30
Благодарности : 3243
Re: Выпадающее меню
Лучше наведением и максимально быстро. Давайте скрипт.
kpripper-
-
Сообщения : 437
Возраст : 41
Регистрация : 2009-08-06
Благодарности : 5
Re: Выпадающее меню
Идём в шаблон overall_footer (Нижняя часть страницы)
В самый низ перед </body> ставим
ширина кнопки
высота кнопки
фон кнопки
фон выплывающего окна
Далее установка зависит от того где вы хотите видеть меню
Ниже предоставленный код можно установить под шапку вместо приветствия.
В ПА - Общие настройки - Форум - Конфигурация
В окно Описание сайта * : вставьте пробел
Если же вы хотите видеть меню над форумом, то ставьте в самый верх шаблона
overall_header (Верхняя часть страницы)
А вот сам код меню:
Если вы хотите что бы окно выплывало не кликом мышкой а при наведении курсора то замените скрипт выделенный
коричневым цветом на этот скрипт
В самый низ перед </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;
}
ширина кнопки
высота кнопки
фон кнопки
фон выплывающего окна
Далее установка зависит от того где вы хотите видеть меню
Ниже предоставленный код можно установить под шапку вместо приветствия.
В ПА - Общие настройки - Форум - Конфигурация
В окно Описание сайта * : вставьте пробел
- Код:
- Код:
{switch_desc.SITE_DESCRIPTION}
Если же вы хотите видеть меню над форумом, то ставьте в самый верх шаблона
overall_header (Верхняя часть страницы)
А вот сам код меню:
Вместо Контейнер 1 пишем текст который будет отображаться на кнопе. Тек же можно вставить картинку кодом<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>
- Код:
<img src=" адрес картинки ">
Если вы хотите что бы окно выплывало не кликом мышкой а при наведении курсора то замените скрипт выделенный
коричневым цветом на этот скрипт
- Код:
<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
Re: Выпадающее меню
Спасибо, займусь тестированием.
kpripper-
-
Сообщения : 437
Возраст : 41
Регистрация : 2009-08-06
Благодарности : 5
Re: Выпадающее меню
kpripper, по CSS погут быть непонятки, обращайся
Попроси Дану, может умудрится на третий движок прикрутить
Попроси Дану, может умудрится на третий движок прикрутить
Домовой-
-
Сообщения : 6801
Возраст : 101
Регистрация : 2010-01-30
Благодарности : 3243
Re: Выпадающее меню
Такой вопрос : как изменить ширину выпадающего окошка ? Например поставить такую же как у контейнера.
И такая проблема: иногда при наведении курсора на контейнер, содержимое трижды мигает и только потом нормально показывается.
И такая проблема: иногда при наведении курсора на контейнер, содержимое трижды мигает и только потом нормально показывается.
kpripper-
-
Сообщения : 437
Возраст : 41
Регистрация : 2009-08-06
Благодарности : 5
Re: Выпадающее меню
Подписал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
Re: Выпадающее меню
Еще раз спасибо, Домовой.
Вот что вышло
Разобрался со всем, кроме куска кода
<div class="spll">
<div class="splLink">Контейнер 5</div>
<div style="DISPLAY: none; position: absolute;" class="splCont" >
если не тяжело, расскажите что тут за что отвечает, или дайте ссылку где почитать. Я так понимаю сделать чтобы выпадающее окно показывалось еще быстрее нельзя ?
Вот что вышло
Разобрался со всем, кроме куска кода
<div class="spll">
<div class="splLink">Контейнер 5</div>
<div style="DISPLAY: none; position: absolute;" class="splCont" >
если не тяжело, расскажите что тут за что отвечает, или дайте ссылку где почитать. Я так понимаю сделать чтобы выпадающее окно показывалось еще быстрее нельзя ?
kpripper-
-
Сообщения : 437
Возраст : 41
Регистрация : 2009-08-06
Благодарности : 5
Re: Выпадающее меню
Еще вопрос, последний контейнер отвечает за вход-выход. Пришлось его так и назвать. Как сделать чтобы название ссылки менялось при входе на "Выход" и при выходе на "Вход" ?
kpripper-
-
Сообщения : 437
Возраст : 41
Регистрация : 2009-08-06
Благодарности : 5
Re: Выпадающее меню
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 всплывающего окна*/
Домовой-
-
Сообщения : 6801
Возраст : 101
Регистрация : 2010-01-30
Благодарности : 3243
Re: Выпадающее меню
Это уже не ко мне. я так понял вы туда пытаетесь прикрутить основное меню навигации, я не знаю как это сделать.kpripper пишет:Еще вопрос, последний контейнер отвечает за вход-выход. Пришлось его так и назвать. Как сделать чтобы название ссылки менялось при входе на "Выход" и при выходе на "Вход" ?
Домовой-
-
Сообщения : 6801
Возраст : 101
Регистрация : 2010-01-30
Благодарности : 3243
Re: Выпадающее меню
А можно сделать, чтобы в выпадающем меню выпадали свои подменю ?
kpripper-
-
Сообщения : 437
Возраст : 41
Регистрация : 2009-08-06
Благодарности : 5
Re: Выпадающее меню
Думаю можно, надо просто время
Домовой-
-
Сообщения : 6801
Возраст : 101
Регистрация : 2010-01-30
Благодарности : 3243
Re: Выпадающее меню
можно попробовать стандартное меню увести в виджет (правый или левый), если уберете сверху, а вверх поставить меню, работающее при наведении и с подпунктами (см мой тест http://sunny.2x2forum.ru/ ), с тем содержанием, что вам необходимо. Это меню подходит для любой версии, т.к. полностью работает на css
Последний раз редактировалось: Sunnyta (Январь 24th 2011, 18:52), всего редактировалось 1 раз(а)
Re: Выпадающее меню
Sunnyta, я же написал в первом посте, что у меня не получается сделать как на http://sunny.2x2forum.ru/, а вообще Ваше меню мне больше немного подходит.
kpripper-
-
Сообщения : 437
Возраст : 41
Регистрация : 2009-08-06
Благодарности : 5
Re: Выпадающее меню
Понятно , на Портале все хорошо ... а вот на форуме может быть в Объявление попробовать? Отпишись, если получится, а я смогу только позже
Страница 1 из 2 • 1, 2
Похожие темы
» Как сделать выпадающее меню под меню навигации
» Выпадающее меню
» Выпадающее меню
» Выпадающее мини-меню
» Подредактировать выпадающее мини-меню
» Выпадающее меню
» Выпадающее меню
» Выпадающее мини-меню
» Подредактировать выпадающее мини-меню
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 2
Права доступа к этому форуму:
Вы не можете отвечать на сообщения