Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
(забыл / потерял пароль)
Общий FAQ по управлению форумом
FAQ: реклама на форуме
Туториалы по разным функциям ваших форумов
Алфавитный указатель
Интересные решения для форумов
Наши видео-туториалы
Условия пользования сервисом
Ссылки на полезные ресурсы
Последние темы
» Как поменять вид нумерации страниц тем?автор Goodmonday Апрель 18th 2024, 21:04
» Форум не корректно загружается.
автор anna4842 Апрель 12th 2024, 23:48
» Не корректное отображение картинок
автор Красноперова О.А. Апрель 12th 2024, 15:49
» Ошибка на форуме: Could not obtain topic posts informations
автор fatalone Апрель 9th 2024, 13:43
» Переход с 2x2forum.ru на 2x2forum.com
автор Luz Март 28th 2024, 12:13
» Проблема с метатегом Description
автор VeraLV Март 18th 2024, 15:31
» 1 марта будет запрет на ВПН, это отразится на работе платформы?
автор Svet007 Март 14th 2024, 11:43
» нужен скрипт сумма просмотров тем в разделе
автор лексей2222 Март 5th 2024, 07:37
» Новое: Откройте для себя функцию "Подписка на пользователей"
автор лексей2222 Март 1st 2024, 17:26
» 301 редирект
автор Dana Domirani Февраль 25th 2024, 18:28
Горизонтальное меню,в окне аккордеона
Участников: 5
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 2
Страница 1 из 2 • 1, 2
Горизонтальное меню,в окне аккордеона
Здравствуйте! Пишу вам впервые.
Понравилась идея Аккордеон,что вы предлагаете:
Типа этого:
Вот к примеру так:
БЛАГАДАРЮ ЗА ПОНИМАНИЕ
Понравилась идея Аккордеон,что вы предлагаете:
- Спойлер:
Типа этого:
- Спойлер:
Вот к примеру так:
БЛАГАДАРЮ ЗА ПОНИМАНИЕ
Всем привет.
Доброе время суток. Ребята,мой вопрос рассматривается или отклонён?
Дайте пожалуйста знать. А то,весь день смотрю,а тут ни да ни нет.
Может я не туда написал? Может что другое. Я у вас новичок. Не очень понимаю,как правильно нужно писать свою просьбу.
Я не тороплюсь,но не одного комментария в теме,настораживает...
БЛАГОДАРЮ...
Дайте пожалуйста знать. А то,весь день смотрю,а тут ни да ни нет.
Может я не туда написал? Может что другое. Я у вас новичок. Не очень понимаю,как правильно нужно писать свою просьбу.
Я не тороплюсь,но не одного комментария в теме,настораживает...
БЛАГОДАРЮ...
Re: Горизонтальное меню,в окне аккордеона
Я так понимаю,что с аккордеоном с меню тема закрыта !?
Не обязательно такое меню,просто сайт про сад-огород,к примеру есть желание,чтобы открыть вкладку ОГОРОД там было меню: Агротехнология,растения,календарь работ и др.
Открыв вкладку САД- растения,борьба с насекомыми,ну сами понимаете...
Понравилась идея Аккордеон-(хорошо работает). Вот и есть желание,в этой системе,кроме изображения ни чего не поставить? Если нет.То жалко.
Может не меню,а что другое возможно? Я чайник в этом.
Может к примеру,что есть.Пока не видел.
Может возможно,при клике на картинку,что там откроется во вкладке,где то на форуме открывается список пунктов,выбирай и открывай,что нужно. Вам видней,что можно придумать.
Не обязательно такое меню,просто сайт про сад-огород,к примеру есть желание,чтобы открыть вкладку ОГОРОД там было меню: Агротехнология,растения,календарь работ и др.
Открыв вкладку САД- растения,борьба с насекомыми,ну сами понимаете...
Понравилась идея Аккордеон-(хорошо работает). Вот и есть желание,в этой системе,кроме изображения ни чего не поставить? Если нет.То жалко.
Может не меню,а что другое возможно? Я чайник в этом.
Может к примеру,что есть.Пока не видел.
Может возможно,при клике на картинку,что там откроется во вкладке,где то на форуме открывается список пунктов,выбирай и открывай,что нужно. Вам видней,что можно придумать.
Re: Горизонтальное меню,в окне аккордеона
сделай галерею на html страничке . Форум не грузит и скидывай фотки до бесконечности )))
Re: Горизонтальное меню,в окне аккордеона
Это есть! сделано.
Извините,но ужасно понравился аккордеон.
Буду думать для него другое применение.
СПАСИБО за содействие!!! Здоровья вам.
Извините,но ужасно понравился аккордеон.
Буду думать для него другое применение.
СПАСИБО за содействие!!! Здоровья вам.
Re: Горизонтальное меню,в окне аккордеона
RUNIA пишет:Здравствуйте! Пишу вам впервые.
Понравилась идея Аккордеон,что вы предлагаете:Но вот вопрос: Возможно-ли на фоновое изображение,что там открывается поставить горизонтальное меню?
- Спойлер:
Типа этого:Если да,то куда устанавливать код меню? Да и желательно,чтобы я смог настроить цвет,размер,названия,ссылки,кнопок меню. Не забывая и про фоновое изображение.
- Спойлер:
Вот к примеру так:
БЛАГАДАРЮ ЗА ПОНИМАНИЕ
RUNIA пишет:Я так понимаю,что с аккордеоном с меню тема закрыта !?
Не обязательно такое меню,просто сайт про сад-огород,к примеру есть желание,чтобы открыть вкладку ОГОРОД там было меню: Агротехнология,растения,календарь работ и др.
Открыв вкладку САД- растения,борьба с насекомыми,ну сами понимаете...
Понравилась идея Аккордеон-(хорошо работает). Вот и есть желание,в этой системе,кроме изображения ни чего не поставить? Если нет.То жалко.
Может не меню,а что другое возможно? Я чайник в этом.
Может к примеру,что есть.Пока не видел.
Может возможно,при клике на картинку,что там откроется во вкладке,где то на форуме открывается список пунктов,выбирай и открывай,что нужно. Вам видней,что можно придумать.
Здравствуйте RUNIA)
Может, Вы сможете как-то точнее изложить свою задумку..
Две Ваши цитаты прилагаю.. И не понимаю(
Re: Горизонтальное меню,в окне аккордеона
Приветствую! Смотрите,предлагают поставить на форум систему
Аккордеон,там 5 вкладок,но открыв вкладку,мы видим фото.
Вот эта система в действии: http://seloforum-2.forum2x2.ru/
Но 5 вкладок-5 картинок. всё.
Я желаю,в место картинок,сюда впихнуть к примеру кнопки меню.
Открыл вкладку-1 -там Фото и кнопки ссылками.
Кнопки,хоть ниже,хоть выше,хоть по среди рисунка.
Рисунок,это фон. А кнопки-это ссылки на страницы форума.
Вот,что я желаю...
Аккордеон,там 5 вкладок,но открыв вкладку,мы видим фото.
Вот эта система в действии: http://seloforum-2.forum2x2.ru/
Но 5 вкладок-5 картинок. всё.
Я желаю,в место картинок,сюда впихнуть к примеру кнопки меню.
Открыл вкладку-1 -там Фото и кнопки ссылками.
Кнопки,хоть ниже,хоть выше,хоть по среди рисунка.
Рисунок,это фон. А кнопки-это ссылки на страницы форума.
Вот,что я желаю...
Re: Горизонтальное меню,в окне аккордеона
В такой интэрпритации повторюсь , очень сложновыполнимо , это к скриптописателям только . Возможно , что вообще не реально
Re: Горизонтальное меню,в окне аккордеона
Я к сожалению, аккордеон не изучал.. из описания понял, что кроме картинок можно размещать и текстовую информацию..
так вот, если в аккордеоне можно размещать текст со ссылками, то это уже что-то, а если только текст и ничего больше, то скорей всего тема закрыта(
(Пока что, могу вам посоветовать никуда не спешить... Подождите 1-2 дня. может ответ и появится)
Вам нужно дождаться совета от Администраторов или сотрудников штата..)
так вот, если в аккордеоне можно размещать текст со ссылками, то это уже что-то, а если только текст и ничего больше, то скорей всего тема закрыта(
(Пока что, могу вам посоветовать никуда не спешить... Подождите 1-2 дня. может ответ и появится)
Вам нужно дождаться совета от Администраторов или сотрудников штата..)
Re: Горизонтальное меню,в окне аккордеона
Смотрим структуру слайдера. Каждая вкладка — контейнер. В него можно ставить практически любое содержание, между <div id="..."> и </div>
Меню для примера:
1) Поставьте у себя в слайдере между <div id="s1"> и </div> код меню:
2) Добавьте код CSS:
<li>
<h2><span>Название вкладки 1</span></h2>
<div id="s1"> тут что угодно </div>
</li>
Меню для примера:
1) Поставьте у себя в слайдере между <div id="s1"> и </div> код меню:
- Код:
<div id='cssmenu'>
<ul>
<li class='active'><a href='/page1.html' target='_blank'><span>Главная</span></a></li>
<li><a href='/page2.html' target='_blank'><span>HTML уроки</span></a></li>
<li><a href='/page3.html' target='_blank'><span>CSS уроки</span></a></li>
<li class='last'><a href='/page4.html' target='_blank'><span>Справочник</span></a></li>
</ul>
</div>
2) Добавьте код CSS:
- Код:
#cssmenu ul,
#cssmenu li,
#cssmenu span,
#cssmenu a {
margin: 0;
padding: 0;
position: relative;
}
#cssmenu {
height: 49px;
background: #141414;
background: -moz-linear-gradient(top, #32323a 0%, #141414 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #141414));
background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%);
background: -o-linear-gradient(top, #32323a 0%, #141414 100%);
background: -ms-linear-gradient(top, #32323a 0%, #141414 100%);
background: linear-gradient(to bottom, #32323a 0%, #141414 100%);
border-bottom: 2px solid #0fa1e0;
position: absolute;
display: block;
bottom: 0;
width: 100%;
}
#cssmenu:after,
#cssmenu ul:after {
content: '';
display: block;
clear: both;
}
#cssmenu a {
background: #141414;
background: -moz-linear-gradient(top, #32323a 0%, #141414 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #141414));
background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%);
background: -o-linear-gradient(top, #32323a 0%, #141414 100%);
background: -ms-linear-gradient(top, #32323a 0%, #141414 100%);
background: linear-gradient(to bottom, #32323a 0%, #141414 100%);
color: #ffffff;
display: inline-block;
font-family: Helvetica, Arial, Verdana, sans-serif;
font-size: 12px;
line-height: 49px;
padding: 0 20px;
text-decoration: none;
}
#cssmenu ul {
list-style: none;
}
#cssmenu > ul {
float: left;
}
#cssmenu > ul > li {
float: left;
}
#cssmenu > ul > li:hover:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 50%;
bottom: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #0fa1e0;
margin-left: -10px;
}
#cssmenu > ul > li.active a {
box-shadow: inset 0 0 3px #000000;
-moz-box-shadow: inset 0 0 3px #000000;
-webkit-box-shadow: inset 0 0 3px #000000;
background: #070707;
background: -moz-linear-gradient(top, #26262c 0%, #070707 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #26262c), color-stop(100%, #070707));
background: -webkit-linear-gradient(top, #26262c 0%, #070707 100%);
background: -o-linear-gradient(top, #26262c 0%, #070707 100%);
background: -ms-linear-gradient(top, #26262c 0%, #070707 100%);
background: linear-gradient(to bottom, #26262c 0%, #070707 100%);
}
#cssmenu > ul > li:hover > a {
background: #070707;
background:url() 100% 100%;
background: -moz-linear-gradient(top, #26262c 0%, #070707 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #26262c), color-stop(100%, #070707));
background: -webkit-linear-gradient(top, #26262c 0%, #070707 100%);
background: -o-linear-gradient(top, #26262c 0%, #070707 100%);
background: -ms-linear-gradient(top, #26262c 0%, #070707 100%);
background: linear-gradient(to bottom, #26262c 0%, #070707 100%);
box-shadow: inset 0 0 3px #000000;
-moz-box-shadow: inset 0 0 3px #000000;
-webkit-box-shadow: inset 0 0 3px #000000;
}
#cssmenu .has-sub {
z-index: 1;
}
#cssmenu .has-sub:hover > ul {
display: block;
}
#cssmenu .has-sub ul {
display: none;
position: absolute;
width: 200px;
top: 100%;
left: 0;
}
#cssmenu .has-sub ul li {
*margin-bottom: -1px;
}
#cssmenu .has-sub ul li a {
background: #0fa1e0;
border-bottom: 1px dotted #6fc7ec;
filter: none;
font-size: 11px;
display: block;
line-height: 120%;
padding: 10px;
}
#cssmenu .has-sub ul li:hover a {
background: #0c7fb0;
}
#cssmenu .has-sub .has-sub:hover > ul {
display: block;
}
#cssmenu .has-sub .has-sub ul {
display: none;
position: absolute;
left: 100%;
top: 0;
}
#cssmenu .has-sub .has-sub ul li a {
background: #0c7fb0;
border-bottom: 1px dotted #6db2d0;
}
#cssmenu .has-sub .has-sub ul li a:hover {
background: #095c80;
}
Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Re: Горизонтальное меню,в окне аккордеона
Dana. а здесь еще можно добавить текст, на пример над картинками, где находиться меню в слайде?
Re: Горизонтальное меню,в окне аккордеона
Над какими картинками? Там картинка — это только фон.
Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Re: Горизонтальное меню,в окне аккордеона
Можно. Добавьте между <div id="..."> и </div> строку с текстом:
- Код:
<p class="sld_txt"> ваш текст </p>
Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Re: Горизонтальное меню,в окне аккордеона
Ребята. Поставил меню в 1ю вкладку.Меню видно!Но смотрите,что получилось:http://seloforum-2.forum2x2.ru/forum.htm
Если в другие вкладки ставлю,то там и фото исчезают и работает система(аккордеон) не правильно...
Может,что с кодами?
Но появилась надежда,что это дело поправимо!
Я верю,что вы поймёте в чём фикус пикус.
СПАСИБО!
Если в другие вкладки ставлю,то там и фото исчезают и работает система(аккордеон) не правильно...
Может,что с кодами?
Но появилась надежда,что это дело поправимо!
Я верю,что вы поймёте в чём фикус пикус.
СПАСИБО!
Re: Горизонтальное меню,в окне аккордеона
вот это получилось у меня, после вставки кодов
как то можно исправить?
- Спойлер:
- <div id='cssmenu'>
<ul>
<li class='active'><a href='/page1.html' target='_blank'><span>Главная</span></a></li>
<li><a href='/page2.html' target='_blank'><span>HTML уроки</span></a></li>
<li><a href='/page3.html' target='_blank'><span>CSS уроки</span></a></li>
<li class='last'><a href='/page4.html' target='_blank'><span>Справочник</span></a></li>
</ul>
</div>
- Спойлер:
- #cssmenu .has-sub {
z-index: 1;
}
#cssmenu .has-sub:hover > ul {
display: block;
}
#cssmenu .has-sub ul {
display: none;
position: absolute;
width: 200px;
top: 100%;
left: 0;
}
#cssmenu .has-sub ul li {
*margin-bottom: -1px;
}
#cssmenu .has-sub ul li a {
background: #0fa1e0;
border-bottom: 1px dotted #6fc7ec;
filter: none;
font-size: 11px;
display: block;
line-height: 120%;
padding: 10px;
}
#cssmenu .has-sub ul li:hover a {
background: #0c7fb0;
}
#cssmenu .has-sub .has-sub:hover > ul {
display: block;
}
#cssmenu .has-sub .has-sub ul {
display: none;
position: absolute;
left: 100%;
top: 0;
}
#cssmenu .has-sub .has-sub ul li a {
background: #0c7fb0;
border-bottom: 1px dotted #6db2d0;
}
#cssmenu .has-sub .has-sub ul li a:hover {
background: #095c80;
}
- Спойлер:
- <p class="sld_txt"> ваш текст </p>
как то можно исправить?
Re: Горизонтальное меню,в окне аккордеона
СПАСИБО! именно это и получается...
Но будем ждать! Тут ребята отзывчивые и понимают людей.
Но будем ждать! Тут ребята отзывчивые и понимают людей.
Re: Горизонтальное меню,в окне аккордеона
Смотрим код меню:
Теперь смотрим Ваши коды CSS (фрагмент):
В коде Вашего меню нет элемента с классом has-sub. Соответственно, настройки для этого элемента бесполезны. Можете их выкинуть, оформление не изменится.
Чтобы изменить вид меню из этого поста Вам надо отредактировать на свой вкус коды CSS из этого же поста.
Выделенное зеленым — это идентификаторы (id и классы) элементов. Именно к ним в определенном виде должны применяться персональные настройки CSS.<div id='cssmenu'>
<ul>
<li class='active'><a href='/page1.html' target='_blank'><span>Главная</span></a></li>
<li><a href='/page2.html' target='_blank'><span>HTML уроки</span></a></li>
<li><a href='/page3.html' target='_blank'><span>CSS уроки</span></a></li>
<li class='last'><a href='/page4.html' target='_blank'><span>Справочник</span></a></li>
</ul>
</div>
Теперь смотрим Ваши коды CSS (фрагмент):
#cssmenu .has-sub {
z-index: 1;
}
#cssmenu .has-sub:hover > ul {
display: block;
}
#cssmenu .has-sub ul {
display: none;
position: absolute;
width: 200px;
top: 100%;
left: 0;
}
#cssmenu .has-sub ul li {
*margin-bottom: -1px;
}
#cssmenu .has-sub ul li a {
background: #0fa1e0;
border-bottom: 1px dotted #6fc7ec;
filter: none;
font-size: 11px;
display: block;
line-height: 120%;
padding: 10px;
}
В коде Вашего меню нет элемента с классом has-sub. Соответственно, настройки для этого элемента бесполезны. Можете их выкинуть, оформление не изменится.
Чтобы изменить вид меню из этого поста Вам надо отредактировать на свой вкус коды CSS из этого же поста.
Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Страница 1 из 2 • 1, 2
Похожие темы
» Горизонтальное меню
» как убрать такое горизонтальное меню
» Основное меню форума с разворачиающимися меню для отдельных пунктов
» Как заменить стандартное меню навигации на разворачивающееся меню?
» Как можно закруглить углы у панели меню и выровнять разделы меню по одинаковой ширине?
» как убрать такое горизонтальное меню
» Основное меню форума с разворачиающимися меню для отдельных пунктов
» Как заменить стандартное меню навигации на разворачивающееся меню?
» Как можно закруглить углы у панели меню и выровнять разделы меню по одинаковой ширине?
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 2
Права доступа к этому форуму:
Вы не можете отвечать на сообщения