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

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


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

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

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


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

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

проблема со скриптом выпадающего текста

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

проблема со скриптом выпадающего текста

Сообщение автор Злобный зеленый заяц в Ср 5 Окт - 19:20

добрый день. так и так, у меня есть пример как сделать меню в стиле "выпадающее меню" но... что-то творится какая-то фигня и у меня вообще ничего не получается.
Пример того, что нужно сделать (а-ля Код + комментарии к нему):
Код:

|________А________|________Б_______|________В______|<= пункт шапки меню
  |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
Заранее благодарен.

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

Злобный зеленый заяц
Новичок

Мужчина

Сообщения : 24
Регистрация : 2011-07-28
Благодарности : 0

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

http://www.killorbekilled.forum2x2.ru

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

Re: проблема со скриптом выпадающего текста

Сообщение автор Домовой в Ср 5 Окт - 20:21

@Злобный зеленый заяц пишет:Ах да, и сразу под такую дудку... Как сделать так, чтобы баннеры на форуме прятались под кнопочку, а не торчали внизу и не растягивали страницу?
вставьте баннеры в контейнер

Код:
<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" >
можете поменять на свою

Домовой
 

Мужчина

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

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

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

Re: проблема со скриптом выпадающего текста

Сообщение автор Злобный зеленый заяц в Чт 6 Окт - 17:21

Уже разобрались со скриптом.
Спасибо Домовой за разъяснение с баннером и скрывающей кнопкой.

Злобный зеленый заяц
Новичок

Мужчина

Сообщения : 24
Регистрация : 2011-07-28
Благодарности : 0

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

http://www.killorbekilled.forum2x2.ru

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

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


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