Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
(забыл / потерял пароль)
Общий FAQ по управлению форумом
FAQ: реклама на форуме
Туториалы по разным функциям ваших форумов
Алфавитный указатель
Интересные решения для форумов
Наши видео-туториалы
Условия пользования сервисом
Ссылки на полезные ресурсы
Последние темы
» Как убрать подпись о редактировании записиавтор Фея Май 9th 2024, 21:11
» Пакеты Forum 2x2
автор Dana Domirani Май 6th 2024, 14:11
» Как поменять вид нумерации страниц тем?
автор 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
проблема со скриптом выпадающего текста
Участников: 2
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Проблемы со скриптами (кодами) :: [Архив] Проблемы со скриптами
Страница 1 из 1
проблема со скриптом выпадающего текста
добрый день. так и так, у меня есть пример как сделать меню в стиле "выпадающее меню" но... что-то творится какая-то фигня и у меня вообще ничего не получается.
Пример того, что нужно сделать (а-ля Код + комментарии к нему):
Объясните, что я делаю не так, что не туда вставляю и так далее. Адрес сайта: www.killorbekilled.forum2x2.ru
Заранее благодарен.
Ах да, и сразу под такую дудку... Как сделать так, чтобы баннеры на форуме прятались под кнопочку, а не торчали внизу и не растягивали страницу?
Пример того, что нужно сделать (а-ля Код + комментарии к нему):
- Код:
|________А________|________Б_______|________В______|<= пункт шапки меню
|1________________|<=пункт выпадающего списка меню
|2________________|
|3________________|
|4________________|
1)Для нормальной работы меню необходимо вставить приведённый ниже фрагмент css-таблицы
в самое начало или конец файла 16-ltr.css
.floatleft {float:left; padding-right:5px}
.ddheader {
font:12px Arial, Helvetica, sans-serif;
width:100px;
height:6px;
border:1px solid #aaaaaa;
padding:8px;
font-weight:bold;
margin-top:5px;
cursor:pointer;
background-color:#bbbbbb;
}
.ddheader a{}
.ddheader:hover {background-color:#cccccc}
.ddcontent {
position:absolute;
overflow:hidden;
width:118px;
display:none;
background:#fff;
z-index:200
text-color:white;
}
.ddinner {
width:116px;
border:1px solid #dddddd;
border-top:none;
font:12px Arial, Helvetica, sans-serif
}
.ddinner ul {display:block; list-style:none; margin:0; padding:0; background:#ffffff}
.ddinner li {margin:0; padding:5px; cursor:pointer}
.ddinner li:hover {background:#eeeeee}
.underline {border-bottom:1px solid }
Где
#aaaaaa - значение цвета рамки вокруг пункта шапки меню
#bbbbbb - значение цвета заливки пункта шапки меню
#сссссс - значение цвета заливки пункта шапки меню при наведении
#dddddd - значение цвета рамки вокруг выплывающего списка
#ffffff - значение цвета заливки пункта выплывающего меню
#ееееее - значение цвета заливки пункта выплывающего меню при наведении
Шестнадцатеричное значение цвета можно узнать в палитре Adobe Fotoshop'а. Ну это так,
на всякий случай.
2) Удали плиз эту вымораживающую бегущую строку)) А то выплывающий список получается перекрыт
текстом в строке. Как бы я не пытался ковыряться в её стилях (файл ticker.css) мне не удалось именить
её параметры.
3) Создать новый пункт в шапке меню несложно. Вот шаблон:
<div class="floatleft">
<div class="ddheader" id="ХХХ-ddheader" onmouseover="ddMenu('ХХХ',1)" onmouseout="ddMenu('ХХХ',-1)">Пункт в шапке меню</div>
<div class="ddcontent" id="ХХХ-ddcontent" onmouseover="cancelHide('ХХХ')" onmouseout="ddMenu('ХХХ',-1)">
<div class="ddinner">
<ul>
<li class="underline">Пункт выплывающего списка</li>
<!--ещё пункты-->
</ul>
</div>
</div>
</div>
Где ХХХ - индивидуальный идентификатор каждого пункта в шапке меню. Т.е. для каждого пункта шапки он
должен быть разным.
3) Если выплывающего списка нет, то шаблон такой:
<div class="floatleft">
<div class="ddheader" id="ХХХ-ddheader">Пункт в шапке меню</div>
</div>
Объясните, что я делаю не так, что не туда вставляю и так далее. Адрес сайта: www.killorbekilled.forum2x2.ru
Заранее благодарен.
Ах да, и сразу под такую дудку... Как сделать так, чтобы баннеры на форуме прятались под кнопочку, а не торчали внизу и не растягивали страницу?
Re: проблема со скриптом выпадающего текста
вставьте баннеры в контейнерЗлобный зеленый заяц пишет:Ах да, и сразу под такую дудку... Как сделать так, чтобы баннеры на форуме прятались под кнопочку, а не торчали внизу и не растягивали страницу?
- Код:
<div align=center>
<a href="#" onclick=" obj=this.parentNode.childNodes[1].style;
tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;">
<img src="http://savepic.org/437768.png" ></a><div style="display: none">
СЮДА ВСТАВЛЯЕМ КОДЫ БАННЕРОВ
</div>
</div>
- Код:
<img src="http://savepic.org/437768.png" >
Домовой-
-
Сообщения : 6801
Возраст : 100
Регистрация : 2010-01-30
Благодарности : 3243
Re: проблема со скриптом выпадающего текста
Уже разобрались со скриптом.
Спасибо Домовой за разъяснение с баннером и скрывающей кнопкой.
Спасибо Домовой за разъяснение с баннером и скрывающей кнопкой.
Похожие темы
» Проблема со скриптом изменения текста
» Проблема с созданием выпадающего меню css
» Проблема со скриптом
» Проблема со скриптом
» Проблема со скриптом (отсчет времени)
» Проблема с созданием выпадающего меню css
» Проблема со скриптом
» Проблема со скриптом
» Проблема со скриптом (отсчет времени)
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Проблемы со скриптами (кодами) :: [Архив] Проблемы со скриптами
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения