Единый форум поддержки

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.

Вы здесь » Единый форум поддержки » Корзина » Выпадающее меню

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

Страница: 1

Сообщений 1 страница 13 из 13

1

  • Автор: Mr.meow~
  • Заслуженный
  • Mr.meow~
  • Зарегистрирован: Чт, 5 Авг 2010
  • Сообщений: 22
  • Уважение: 0
  • Позитив: +3
  • Последний визит:
    Сб, 14 Авг 2010 01:14:36

Объясните пожалуйста, как сделать выпадающее меню, как на этом форуме (в таблице)
http://furryplanet.ru/

Я что то не смог найти такое в существующей теме.

0

2

  • Автор: ДОМИНИОН
  • Cтарожил
  • ДОМИНИОН
  • Зарегистрирован: Сб, 4 Ноя 2006
  • Сообщений: 6889
  • Уважение: +1022
  • Позитив: +688
  • Последний визит:
    Вт, 23 Авг 2022 00:48:48

Mr.meow~
Раздел Новые возможности форумов - там темы Выпадающее или Выплывающее меню.

0

3

  • Автор: Catalogue
  • Заслуженный
  • Catalogue
  • Зарегистрирован: Пт, 2 Апр 2010
  • Сообщений: 336
  • Уважение: +40
  • Позитив: +50
  • Пол: Мужской
  • Последний визит:
    Вт, 12 Окт 2010 20:29:08

Mr.meow~
Здравствуйте.
Вот конкретные ссылки:
Выпадающее меню для форума
Создаем выплывающее меню

0

4

  • Автор: Mr.meow~
  • Заслуженный
  • Mr.meow~
  • Зарегистрирован: Чт, 5 Авг 2010
  • Сообщений: 22
  • Уважение: 0
  • Позитив: +3
  • Последний визит:
    Сб, 14 Авг 2010 01:14:36

Catalogue
ДОМИНИОН
Я почитал эту тему и не могу понять, как все же их так расположить.
Можно, пожалуйста, готовый код?

0

5

  • Автор: Mr.meow~
  • Заслуженный
  • Mr.meow~
  • Зарегистрирован: Чт, 5 Авг 2010
  • Сообщений: 22
  • Уважение: 0
  • Позитив: +3
  • Последний визит:
    Сб, 14 Авг 2010 01:14:36

И еще один маленький вопрос: когда я смогу ставить плюсики на этом форуме?

0

6

  • Автор: Catalogue
  • Заслуженный
  • Catalogue
  • Зарегистрирован: Пт, 2 Апр 2010
  • Сообщений: 336
  • Уважение: +40
  • Позитив: +50
  • Пол: Мужской
  • Последний визит:
    Вт, 12 Окт 2010 20:29:08

Mr.meow~
Добрый день.

Mr.meow~ написал(а):

Я почитал эту тему и не могу понять, как все же их так расположить. Можно, пожалуйста, готовый код?

Там всё подробно расписано, что куда вставить. К сожалению одним скриптом этого не сделаешь.

Mr.meow~ написал(а):

И еще один маленький вопрос: когда я смогу ставить плюсики на этом форуме?

Уже можете. После 10 отправленных сообщений ограничение снимается.

Отредактировано Catalogue (Вс, 8 Авг 2010 15:20:40)

0

7

  • Автор: Mr.meow~
  • Заслуженный
  • Mr.meow~
  • Зарегистрирован: Чт, 5 Авг 2010
  • Сообщений: 22
  • Уважение: 0
  • Позитив: +3
  • Последний визит:
    Сб, 14 Авг 2010 01:14:36
Catalogue написал(а):

Там всё подробно расписано, что куда вставить. К сожалению одним скриптом этого не сделаешь.

А помочь настроить правильно кто нибудь может?

Catalogue написал(а):

Уже можете. После 10 отправленных сообщений ограничение снимается.

Не могу.  :dontknow:  мне показывается только сколько уважения. Ни + ни - рядом нет. :(

0

8

  • Автор: Catalogue
  • Заслуженный
  • Catalogue
  • Зарегистрирован: Пт, 2 Апр 2010
  • Сообщений: 336
  • Уважение: +40
  • Позитив: +50
  • Пол: Мужской
  • Последний визит:
    Вт, 12 Окт 2010 20:29:08

Mr.meow~

Mr.meow~ написал(а):

А помочь настроить правильно кто нибудь может?

Этот скрипт ставим в HTML-верх.

Код:
<style> 
div .splLink {width: 130px; height: 40px; border: 2px solid #FFD700; background: #FFFFCC; text-align: center; font-family: Comic Sans Ms; font-size: 15px; padding: 5px;}
.spll {width: 130px; height: 70px; }
.spll div .splCont {height: auto; width: 300px; background:  url(http://forumupload.ru/uploads/0003/83/96/1556-1.png); padding: 5px; z-index: 1000; margin-top: 5px; border: 2px solid #FFD700; font-size: 12px; font-family: Microsoft Sans Serif; text-align: center;}
</style>

Этот скрипт ставим в HTML-низ.

Код:
<!--Спойлер - контейнер-->
<script type="text/javascript" src="http://szenprogs.ru/scripts/jquery-1.3.2.js"></script>
<script type="text/javascript"> 
  $(document).ready(function(){
    $('.splLink').click(function(){
      $(this).parent().children('div.splCont').toggle('normal');
      return false;
    });
  });
</script>

А этот, там где хотите увидеть это меню.

Код:
<center><table style="width: 90%">
<tr>

<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">Первый контейнер</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Тут будет что-то</DIV></DIV>
</div></td>
<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">Второй контейнер</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Тут будет что-то</DIV></DIV>
</div></td>
<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">Третий контейнер</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Тут будет что-то</DIV></DIV>
</div></td>
<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">Четвёртый контейнер</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Тут будет что-то</DIV></DIV>
</div></td>
<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">Пятый контейнер</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Тут будет что-то</DIV></DIV>
</div></td>
<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">Шестой контейнер</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Тут будет что-то</DIV></DIV>
</div></td>

</tr>
</table></center>

Как настраивать написано в этой теме - Выпадающее меню для форума, там написано так, что лучше и не объяснишь.

0

9

  • Автор: Mr.meow~
  • Заслуженный
  • Mr.meow~
  • Зарегистрирован: Чт, 5 Авг 2010
  • Сообщений: 22
  • Уважение: 0
  • Позитив: +3
  • Последний визит:
    Сб, 14 Авг 2010 01:14:36

Catalogue

Отвечает за дизайн основных блоков.
width: 130px; - ширина основных блоков, в пикселах.
height: 40px; - высота основных блоков, в пикселах.
border: 2px solid #FFD700; - толщина, метод начертаний и цвет границ основных блоков.
background: #FFFFCC; - цвет фона основных блоков.
text-align: center; - выравнивание текста в основных блоках (по-умолчанию: центр).
font-family: Comic Sans Ms; - шрифт в основных блоках меню.
font-size: 15px; - размер текста в основных блоках меню.
padding: 5px; - отступ от краёв основных блокв (поля).

Тут не написано как сделать их в 3 линии.

Не рекомендовано для изменения неопытным пользователям!

Вот это ты видел?

0

10

  • Автор: rps
  • Стремясь к новому...
  • rps
  • Зарегистрирован: Вс, 12 Окт 2008
  • Сообщений: 22652
  • Уважение: +4738
  • Позитив: +3431
  • Пол: Мужской
  • Предупреждения: ‡ 1. 2. 3. ... 10!
  • Последний визит:
    Вс, 14 Мар 2021 21:42:57

Mr.meow~
Здравствуйте.

Mr.meow~ написал(а):

Тут не написано как сделать их в 3 линии.

Разбить одну таблицу на три, если они должны находиться в разных местах, или создать 3 строки, вместо одной, если нужно располагать их друг под другом.

Mr.meow~ написал(а):

Вот это ты видел?

Да, это те параметры, которые менять только тому, кто понимает, что и зачем делает.

0

11

  • Автор: Mr.meow~
  • Заслуженный
  • Mr.meow~
  • Зарегистрирован: Чт, 5 Авг 2010
  • Сообщений: 22
  • Уважение: 0
  • Позитив: +3
  • Последний визит:
    Сб, 14 Авг 2010 01:14:36

Ладно. С этим мне уже помогли.
всем спасибо

0

12

  • Автор: Докер
  • Заслуженный
  • Докер
  • Зарегистрирован: Чт, 10 Дек 2009
  • Сообщений: 81
  • Уважение: +1
  • Позитив: +21
  • Пол: Мужской
  • Последний визит:
    Вс, 19 Авг 2012 08:37:36

Здравствуйте, у меня вопрос, а можно сделать выпадающее меню не горизонтальное как обычно, а вертикальное? Ну чтобы картинки шли в столбик, а выпадание происходило в бок? Вправо, например?

0

13

  • Автор: rps
  • Стремясь к новому...
  • rps
  • Зарегистрирован: Вс, 12 Окт 2008
  • Сообщений: 22652
  • Уважение: +4738
  • Позитив: +3431
  • Пол: Мужской
  • Предупреждения: ‡ 1. 2. 3. ... 10!
  • Последний визит:
    Вс, 14 Мар 2021 21:42:57

Докер
За мультипостинг здесь банят.

0

Страница: 1

Вы здесь » Единый форум поддержки » Корзина » Выпадающее меню