Выпадающее меню для форума

Страница: « 1 … 11 12 13 14 15 … 28 »

Сообщений 241 страница 260 из 560

Поделиться241Сб, 23 Окт 2010 16:07:02

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51115
Уважение: +15197
Позитив: +11570
Последний визит:
Вчера 23:48:44

MigivarkO проще подсмотреть готовые в заказе таблиц...

Поделиться242Сб, 23 Окт 2010 19:31:50

Автор: MigivarkO
Заслуженный
Зарегистрирован: Пт, 22 Окт 2010
Сообщений: 11
Уважение: 0
Позитив: 0
Пол: Мужской
Последний визит:
Пн, 7 Фев 2011 12:56:30

Deff
спасибо)

Поделиться243Вс, 24 Окт 2010 00:03:04

Автор: МирияЛис
Стремящийся
Зарегистрирован: Вт, 10 Авг 2010
Сообщений: 4
Уважение: 0
Позитив: 0
Пол: Женский
Последний визит:
Вс, 17 Июл 2011 18:07:55

Доброго времени суток. Не получается поместить в центр, хотя все ходы центрирования стоят.
http://rowling.rolevaya.ru/

Поделиться244Пн, 25 Окт 2010 15:06:36

Автор: Ponita
Заслуженный
Зарегистрирован: Сб, 17 Июл 2010
Сообщений: 42
Уважение: 0
Позитив: +5
Пол: Женский
Последний визит:
Пн, 17 Фев 2014 18:02:50

Здравствуйте.
Интересуют следующие вопросы.
1. При нажатии на два пункта меню подряд я получаю два окошка. Как сделать так, чтоб при нажатии на любой из пунктов меню открытые менюшки закрывались?
2. Как изменить скорость разворачивания меню? Хотелось бы, чтобы оно возникало мгновенно, без выезжания.
Заранее спасибо)

Отредактировано Ponita (Пн, 25 Окт 2010 15:09:29)

Поделиться245Вт, 26 Окт 2010 20:42:11

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

Ponita
Здравствуйте.

Ponita написал(а):
Здравствуйте.Интересуют следующие вопросы. 1. При нажатии на два пункта меню подряд я получаю два окошка. Как сделать так, чтоб при нажатии на любой из пунктов меню открытые менюшки закрывались?2. Как изменить скорость разворачивания меню? Хотелось бы, чтобы оно возникало мгновенно, без выезжания.Заранее спасибо)

Я так понимаю, нужно исправлять в http://szenprogs.ru/scripts/jquery-1.3.2.js. Обратитесь к одному из скриптёров форума.

Поделиться246Вт, 26 Окт 2010 21:15:16

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51115
Уважение: +15197
Позитив: +11570
Последний визит:
Вчера 23:48:44

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

1. При нажатии на два пункта меню подряд я получаю два окошка. Как сделать так, чтоб при нажатии на любой из пунктов меню открытые менюшки закрывались?
2. Как изменить скорость разворачивания меню? Хотелось бы, чтобы оно возникало мгновенно, без выезжания.

В принципе смогу наверно помочь, ежели будет реальное меню, которое нужно поправить..

Отредактировано Deff (Вт, 26 Окт 2010 21:15:45)

Поделиться247Вт, 26 Окт 2010 23:09:19

Автор: Ponita
Заслуженный
Зарегистрирован: Сб, 17 Июл 2010
Сообщений: 42
Уважение: 0
Позитив: +5
Пол: Женский
Последний визит:
Пн, 17 Фев 2014 18:02:50

rps
эхх да уж сама я тут не разберусь) ~~хотя попытаться попытаюсь~~ Спасибо)

Deff
http://kindrettest.mybb.ru/
оно вот здесь. Не пинайте меня за мою горе-изобретательность)
Там два выпадающих меню. Вроде как внешнее и внутреннее. Хотелось бы чтобы по нажатии на пункт внешнего меню сворачивались все развернутые окошка - и первого меню и второго. А по нажатию на окошко внутреннего - лишь внутренние.
Буду безумно благодарна и век обязана)

Поделиться248Вт, 26 Окт 2010 23:18:40

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51115
Уважение: +15197
Позитив: +11570
Последний визит:
Вчера 23:48:44

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

Хотелось бы чтобы по нажатии на пункт внешнего меню сворачивались все развернутые окошка - и первого меню и второго. А по нажатию на окошко внутреннего - лишь внутренние.

Подумаю... И куда Оно делось ?? (*Понял -слетел с главной

Ыщо и накривлено .. буду думать три дня

Отредактировано Deff (Вт, 26 Окт 2010 23:24:55)

Поделиться249Вт, 26 Окт 2010 23:24:44

Автор: Ponita
Заслуженный
Зарегистрирован: Сб, 17 Июл 2010
Сообщений: 42
Уважение: 0
Позитив: +5
Пол: Женский
Последний визит:
Пн, 17 Фев 2014 18:02:50

Deff
ну там будет ссылка) вскоре))

благодарю и жду) ~~да уж мы художнеки не дизигнеры. как есть~~

Отредактировано Ponita (Вт, 26 Окт 2010 23:30:33)

Поделиться250Сб, 30 Окт 2010 19:46:18

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51115
Уважение: +15197
Позитив: +11570
Последний визит:
Вчера 23:48:44

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

благодарю и жду)

Проба тут > http://hostjs-mybb2011.narod.ru/table_11.htm

а)По умолчанию справо загружаецо табличка для первой кнопки

б)Все внутренние всплывающие сворачиваюца - по нажатию одной из левых кнопок

с) Внутренние кнопки сворачивают все предыдущие внутренние всплывающие меню

Пояснения:

1. Создаем табличку из двух ячеек:

Левая ячейка под кнопки, правая под таблицы(заключенные в div блоки), которые будут открываться по нажатию кнопки

Кнопки устанавливаюца таким кодом:

<span class="my_span"><a href="#divtab1"><img class="Myimage" src='Ссылка на картинку кнопки' onmouseover="this.src='Ссылка на картинку кнопки при наведении' " onmouseout="this.src='Ссылка на картинку кнопки'"/></a></span>

Собственно "divtab1" - это ссылка на id div блока в котором и будет заключена
встроенная табличка(cправо), открывающаяся по этой кнопке

Для первых десяти кнопок эти дивы уже прописаны в коде типо:

Пример для двух первых

Код:

<!-- =================================== CЕКЦИЯ ПРАВЫХ ТАБЛИЦ ===========================================-->

<div id="divtab1" class="tab_content" style="DISPLAY: none;">
<!--========= ТАБЛИЦА 1=Новости Портала ===========-->

Здесь Будет Табличка 1

<!--========= КОНЕЦ ТАБЛИЦА 1=Новости Портала======-->
</div><!--&&--><div id="divtab2" class="tab_content" style="DISPLAY: none;">
<!--========= ТАБЛИЦА 2=Киндрэт ===================-->

Здесь Будет Табличка 2
</div>....

(* Кнопки cлево и div - блоки справо при нехватке добавляем свои по аналогичному принципу или убираем Лишние )
_____________________________
2. Всплывающие меню в самих таблицах справо с собственными кнопками

Сами кнопки со всплываюшим меню в ячейки внутренних табличек ставим таким кодом

<ul class="Mubs"><span class="MyButton"><a href="#div204"><img id="2button4" src="http://i918.photobucket.com/albums/ad22/ponita_pictures/buts_07.jpg"/></a></span><ul><br/>
<DIV id="div204" style="DISPLAY: none;/**/ position: absolute;z-index: 100; margin-left: -70px!important;/**/" class="buttonContent">

Здесь что-то будет(Контент всплывающего меню)

</DIV>

Идентификаторы красным - должны совпадать, но разные в каждой ячейке таблицы

Собственно удобно - первая цифра от номера самой внутренней таблицы - последняя - по номеру самой кнопки в данной табличке (*0 - чисто как разделитель) аналогичный метод был применён и для id рисунка кнопки "2button4" ( таблица 2 кнопка 4)

Скрипт устанавливаецо в конце таблицы..

Итоговый код код таблицы(полный пример приведён для внутренней таблицы второй кнопки сверху ):

Код:

<!--===================== Начало(всей)  центральной таблицы Mytable001 =============-->
	<center><table align="left" id="Mytable001" cols="2" cellspacing="0" rows="1" width="100%">
  <tr>
    <td width="166" valign="top" align="center">


<!--==== &&& Cтиль левых кнопок и таблицы и всплывающих окон===-->
<style>
#Mytable001{
color:#A9B7DB;
border: 0px none #0A0812;
}
.Myimage {padding:6px 6px 6px 16px;
 border: 0px none #0A0812;
}
</style>

<style>/*cтиль всплывающих окон*/
.buttonContent {height: auto; width: 200px; padding-top:0; margin-top: 5px!important; border: 1px solid #000;  text-align: center;   background-color: #0a0812!important;  color: #e0e2f7;}
</style>
<!--==== Кнопки слево таблицы ===-->
<!-- butt1=Новости Портала-->
<ul class="tabs">
<span class="my_span"><a href="#divtab1"><img class="Myimage" src='http://i918.photobucket.com/albums/ad22/ponita_pictures/but_letters_01.png'  onmouseover="this.src='http://i918.photobucket.com/albums/ad22/ponita_pictures/but_letters-hover_01.png' " onmouseout="this.src='http://i918.photobucket.com/albums/ad22/ponita_pictures/but_letters_01.png'"/></a></span>

<!-- butt2=Киндрэт-->
<span class="my_span"><a href="#divtab2"><img class="Myimage" src="http://i918.photobucket.com/albums/ad22/ponita_pictures/but_letters_02.png"  onmouseover="this.src='http://i918.photobucket.com/albums/ad22/ponita_pictures/but_letters-hover_02.png' " onmouseout="this.src='http://i918.photobucket.com/albums/ad22/ponita_pictures/but_letters_02.png'"/></a></span>

<!-- butt3=Флэш-Бек киндрэт-->
<span class="my_span"><a href="#divtab3"><img class="Myimage" src="http://i918.photobucket.com/albums/ad22/ponita_pictures/but_letters_03.png"  onmouseover="this.src='http://i918.photobucket.com/albums/ad22/ponita_pictures/but_letters-hover_03.png' " onmouseout="this.src='http://i918.photobucket.com/albums/ad22/ponita_pictures/but_letters_03.png'"/></a></span>

<!-- butt4=Вампирские хроники-->
<span class="my_span"><a href="#divtab4"><img class="Myimage" src="http://i918.photobucket.com/albums/ad22/ponita_pictures/but_letters_04.png"  onmouseover="this.src='http://i918.photobucket.com/albums/ad22/ponita_pictures/but_letters-hover_04.png' " onmouseout="this.src='http://i918.photobucket.com/albums/ad22/ponita_pictures/but_letters_04.png'"/></a></span>

<!-- butt5=Мир Аниты Блэйк-->
<span class="my_span"><a href="#divtab5"><img class="Myimage" src="http://i918.photobucket.com/albums/ad22/ponita_pictures/but_letters_05.png"  onmouseover="this.src='http://i918.photobucket.com/albums/ad22/ponita_pictures/but_letters-hover_05.png' " onmouseout="this.src='http://i918.photobucket.com/albums/ad22/ponita_pictures/but_letters_05.png'"/></a></span>

<!-- butt6=Хроники Амбера-->
<span class="my_span"><a href="#divtab6"><img class="Myimage" src="http://i918.photobucket.com/albums/ad22/ponita_pictures/but_letters_06.png"  onmouseover="this.src='http://i918.photobucket.com/albums/ad22/ponita_pictures/but_letters-hover_06.png' " onmouseout="this.src='http://i918.photobucket.com/albums/ad22/ponita_pictures/but_letters_06.png'"/></a></span>

<!-- butt7=Танцующая с Аутэ-->
<span class="my_span"><a href="#divtab7"><img class="Myimage" src="http://i918.photobucket.com/albums/ad22/ponita_pictures/but_letters_07.png"  onmouseover="this.src='http://i918.photobucket.com/albums/ad22/ponita_pictures/but_letters-hover_07.png' " onmouseout="this.src='http://i918.photobucket.com/albums/ad22/ponita_pictures/but_letters_07.png'"/></a></span>

<!-- butt8=Мир Меча и Магии-->
<span class="my_span"><a href="#divtab8"><img class="Myimage" src="http://i918.photobucket.com/albums/ad22/ponita_pictures/but_letters_08.png"  onmouseover="this.src='http://i918.photobucket.com/albums/ad22/ponita_pictures/but_letters-hover_08.png' " onmouseout="this.src='http://i918.photobucket.com/albums/ad22/ponita_pictures/but_letters_08.png'"/></a></span>

<!-- butt9=Арда(Средиземье)-->
<span class="my_span"><a href="#divtab9"><img class="Myimage" src="http://i918.photobucket.com/albums/ad22/ponita_pictures/but_letters_09.png"  onmouseover="this.src='http://i918.photobucket.com/albums/ad22/ponita_pictures/but_letters-hover_09.png' " onmouseout="this.src='http://i918.photobucket.com/albums/ad22/ponita_pictures/but_letters_09.png'"/></a></span>

<!-- butt10=Ведьмак)-->
<span class="my_span"><a href="#divtab10"><img class="Myimage" src="http://i918.photobucket.com/albums/ad22/ponita_pictures/but_letters_10.png"  onmouseover="this.src='http://i918.photobucket.com/albums/ad22/ponita_pictures/but_letters-hover_10.png' " onmouseout="this.src='http://i918.photobucket.com/albums/ad22/ponita_pictures/but_letters_10.png'"/></a></span>
<ul>
    </td>
    <td valign="top" align="left" style="width:666px!important;padding-left:12px;">
    
<!-- ====================CЕКЦИЯ ПРАВЫХ ТАБЛИЦ ==================-->

<div id="divtab1" class="tab_content" style="DISPLAY: none;">
<!--========= ТАБЛИЦА 1=Новости Портала ===========-->

Здесь Табличка 1

<!--========= КОНЕЦ ТАБЛИЦА 1=Новости Портала======-->
</div>
<!--&&-->
<div id="divtab2" class="tab_content" style="DISPLAY: none;">
<!--========= ТАБЛИЦА 2=Киндрэт ===================-->

<table  border="0"  cellspacing="0" cellpadding="0" >
<tr cellspacing="0" cellpadding="0" align="left" valign="top" >
<td height="50px">

<ul class="Mubs"><span class="MyButton"><a href="#div201"><img id="2button1" src="http://i918.photobucket.com/albums/ad22/ponita_pictures/buts_01.jpg"></a></span></ul><br/>
<DIV id="div201" style="DISPLAY: none;/**/ position: absolute; z-index: 101;margin-left: -40px!important;/**/" class="buttonContent">

<img src="http://i918.photobucket.com/albums/ad22/ponita_pictures/6427204a.jpg"/><br>

<a href=http://kindret.4bb.ru/profile.php?id=249><b>Каин</b> - Каратель, Режиссер</a><br>
<a href=http://kindret.4bb.ru/profile.php?id=547><b>Александр Фурро</b> – Консультирующий PR-щик</a><br>
<a href=http://kindret.4bb.ru/profile.php?id=728><b>Алексей Дементьев</b> - Наставник</a><br>
<a href=http://kindret.4bb.ru/profile.php?id=873><b>Береника</b> – Наставник, Бета, PR, Хранитель истории</a><br>
<a href=http://kindret.4bb.ru/profile.php?id=355><b>Геката</b> - Наставник, Режиссер, Хранитель истории</a><br>

<a href=http://kindret.4bb.ru/profile.php?id=663><b>Морган</b> - Наставник, Режиссер</a><br>
<a href=http://kindret.4bb.ru/profile.php?id=694><b>Стэн</b> - Наставник</a><br>
<a href=http://kindret.4bb.ru/profile.php?id=229><b>Иноканоан</b> - Режиссер</a><br>
<a href=http://kindret.4bb.ru/profile.php?id=58><b>Паула</b> - Режиссер</a><br>
<a href=http://kindret.4bb.ru/profile.php?id=490><b>Энжи</b> - Режиссер</a><br>

<a href=http://kindret.4bb.ru/profile.php?id=56><b>Дара Ворон</b> - Режиссер, Бета</a><br>
<a href=http://kindret.4bb.ru/profile.php?id=300><b>Норико</b> - Режиссер, Оружейник</a><br>
<a href=http://kindret.4bb.ru/profile.php?id=491><b>Лориан</b> - Бета</a><br>
<a href=http://kindret.4bb.ru/profile.php?id=354><b>Дарина</b> - PR</a><br>
<a href=></a>

<br><img src="http://i918.photobucket.com/albums/ad22/ponita_pictures/6427204a.jpg"/>

</DIV>
</td>

<td>
<ul class="Mubs"><span class="MyButton"><a href="#div202"><img id="2button2" src="http://i918.photobucket.com/albums/ad22/ponita_pictures/buts_03.jpg"/></a></span><ul><br/>
<DIV id="div202" style="DISPLAY: none;/**/ position: absolute;z-index: 102; margin-left: -60px!important;/**/" class="buttonContent">

<br><img src="http://i918.photobucket.com/albums/ad22/ponita_pictures/6427204a.jpg"/><br><a href=>Ссылка</a>
<br><img src="http://i918.photobucket.com/albums/ad22/ponita_pictures/6427204a.jpg"/><br><a href=>Ссылка</a>
<br><img src="http://i918.photobucket.com/albums/ad22/ponita_pictures/6427204a.jpg"/>

</DIV>
</td>

<td>
<ul class="Mubs"><span class="MyButton"><a href="#div203"><img id="2button3" src="http://i918.photobucket.com/albums/ad22/ponita_pictures/buts_05.jpg"/></a></span><ul><br/>
<DIV  id="div203" style="DISPLAY: none;/**/ position: absolute;z-index: 103;margin-left: -60px!important;/**/" class="buttonContent">

<br><img src="http://i918.photobucket.com/albums/ad22/ponita_pictures/6427204a.jpg"/><br>
Витах пробудилась!
<br><img src="http://i918.photobucket.com/albums/ad22/ponita_pictures/6427204a.jpg"/><br>
Василиск убрал Алую Звезду. Киндрэт назначены им Хранителями мира.
<br><img src="http://i918.photobucket.com/albums/ad22/ponita_pictures/6427204a.jpg"/><br>
Основная задача Кровного Братства – убедить смертных, что монстры (Драгазар) это всего лишь галлюцинации.
<br><img src="http://i918.photobucket.com/albums/ad22/ponita_pictures/6427204a.jpg"><br>
Твари Ауте стали 14-м кланом киндрэт Драгазар. Заключен мирный договор.
<br><img src="http://i918.photobucket.com/albums/ad22/ponita_pictures/6427204a.jpg"/><br>
Атум вернулся с Алой Звезды, Кристоф по-прежнему захвачен в плен гин-чи-най. 
<br><img src="http://i918.photobucket.com/albums/ad22/ponita_pictures/6427204a.jpg"/><br>
Крест Основателя выкраден Винделандом Вьесчи из хранилища Кадаверциан в Праге.
<br><img src="http://i918.photobucket.com/albums/ad22/ponita_pictures/6427204a.jpg"><br>
Демоны… Они повсюду..
<br><img src="http://i918.photobucket.com/albums/ad22/ponita_pictures/6427204a.jpg"/><br>
Петербург: Всю территорию Петербурга по периметру окружают защитные кристаллы (предотвращают проникновение людей и гин-чи-най на территорию города). Они спрятаны, просто так их не найти. Более того они хорошо охраняются вампирами и некротическими существами, расставлены магические ловушки. Питер объявлен зараженной радиацией территорией, ведется массовая эвакуация (за все платят Вьесчи).
<br><img src="http://i918.photobucket.com/albums/ad22/ponita_pictures/6427204a.jpg"/><br>
Кровь: Умное правительство России, прознав о вампирах, кровь перепрятало, Банки Крови пусты. После катаклизмов, оставшаяся кровь разошлась по больницам для раненых. Киндрэт придется выходить на охоту. Запасов донорской крови больше нет, либо можно приобрести ее у клана Вьесчи за отдельную плату.
<br><img src="http://i918.photobucket.com/albums/ad22/ponita_pictures/6427204a.jpg"/><br>
После убийства премьер-министра США, Америка ограничила общение и количество сделок с Россией. После того, как на территории России пропал младший брат президента Америки (Викториан), США максимально отгородились от России, более того настраивают другие страны против нее, и не сказать, что у них этого не получается. Многие страны так же отказались от сделок, поставок, сотрудничества и поддержки России. Это сильно сказывается на экономике и импорте.
<br><img src="http://i918.photobucket.com/albums/ad22/ponita_pictures/6427204a.jpg"/><br>
Господа игроки, если вы заняты или собираетесь уехать отдыхать, предупредите администрацию и игроков в теме <a href=http://kindret.4bb.ru/viewtopic.php?id=11>"Отсутствие или уход с ролевой"</a>
<br><img src="http://i918.photobucket.com/albums/ad22/ponita_pictures/6427204a.jpg"/>

</DIV>
</td>

<td>
<ul class="Mubs"><span class="MyButton"><a href="#div204"><img id="2button4" src="http://i918.photobucket.com/albums/ad22/ponita_pictures/buts_07.jpg"/></a></span><ul><br/>
<DIV id="div204" style="DISPLAY: none;/**/ position: absolute;z-index: 104; margin-left: -70px!important;/**/" class="buttonContent">
<br>
t +18C <img src="http://i918.photobucket.com/albums/ad22/ponita_pictures/nmoon-1.jpg"/> ясно <br>
Время: III Ночь сентября 2014 года
<br><img src="http://i918.photobucket.com/albums/ad22/ponita_pictures/6427204a.jpg"/>

</DIV>
</td>

<td>
<ul class="Mubs"><span class="MyButton"><a href="#div205"><img id="2button5" src="http://i918.photobucket.com/albums/ad22/ponita_pictures/buts_09.jpg"/></a></span><ul><br/>
<DIV  id="div205" style="DISPLAY: none;/**/ position: absolute;z-index: 105; margin-left: -62px!important;" class="buttonContent">

<br><img src=http://i918.photobucket.com/albums/ad22/ponita_pictures/6427204a.jpg><br>
Требуются!!! <br>
Представители всех кланов. <br>
Канон: Гемран Вэнс, Макс, Рогнеда, Словен, Андрей, Велибор, Арлекин, Альгерт, Лазарь, Адриан, Дона, Ада, Анри, Филипп, Франциск, Фелиция, Стефания, Арчи, Берт, Себастьян, Якоб, Рэдрик, Фарих, Конрад, Каил, Виктор, Идалия, Френсис, Вазари и многие, многие другие...
<br><img src=http://i918.photobucket.com/albums/ad22/ponita_pictures/6427204a.jpg>

</DIV>

</td>
<td rowspan="2">
	<div align="center"><img src="http://i918.photobucket.com/albums/ad22/ponita_pictures/main_09.jpg" width="204" height="287" border="0" usemap="#Map" />
<map name="Map" id="Map">
  <area shape="rect" coords="17,86,98,206" href="http://kindret.4bb.ru/profile.php?id=2" />
  <area shape="rect" coords="99,87,180,205" href="http://kindret.4bb.ru/profile.php?id=109" />
</map>
	</DIV>
</td></tr><tr>
<td  align="left" height="248" colspan="5" valign="top"><font size="2"><b>
	<div align="center">
<img src="http://i918.photobucket.com/albums/ad22/ponita_pictures/main_17.jpg">
	</div>
<br><span style="color:#8698BF;"><font size="2"> - Печальная новость: Админ случайно удалил все жилые дома Москвы. Восстановил все, что смог, остальное безвозвратно утеряно. Игроки, извините.<br/><br/>
 - В связи с тем, что донорскую кровь так никто и не собрал, запасы Вьесчи кончились, и они перестали поставлять "консервы" кровным братьям. Голодовка, господа. Если кто-то отправится на охоту, нужно кинуть кубик (обращаться к Энду).</font>
<br/><br/><span>
</b></font>
</td></tr>
</table>

<!--========= КОНЕЦ ТАБЛИЦА 2=Киндрэт =============-->

</div><!--&&--><div id="divtab3" class="tab_content" style="DISPLAY: none;">
<!--========= ТАБЛИЦА 3=Флэш-Бек киндрэт ==========-->
Здесь Табличка 3
<!--========= КОНЕЦ ТАБЛИЦА 3=Флэш-Бек киндрэт ====-->
</div><!--&&--><div id="divtab4" class="tab_content" style="DISPLAY: none;">
<!--========= ТАБЛИЦА 4=Вампирские хроники ========-->
Здесь Табличка 4
<!--========= КОНЕЦ ТАБЛИЦА 4=Вампирские хроники ==-->
</div><!--&&--><div id="divtab5" class="tab_content" style="DISPLAY: none;">
<!--========= ТАБЛИЦА 5=Мир Аниты Блэйк ===========-->
Здесь Табличка 5
<!--========= КОНЕЦ ТАБЛИЦА 5=Мир Аниты Блэйк =====-->
</div><!--&&--><div id="divtab6" class="tab_content" style="DISPLAY: none;">
<!--========= ТАБЛИЦА 6=Хроники Амбера ============-->
Здесь Табличка 6
<!--========= КОНЕЦ ТАБЛИЦА 6=Хроники Амбера ======-->
</div><!--&&--><div id="divtab7" class="tab_content" style="DISPLAY: none;">
<!--========= ТАБЛИЦА 7=Танцующая с Аутэ ==========-->
Здесь Табличка 7
<!--========= КОНЕЦ ТАБЛИЦА 7=Танцующая с Аутэ ====-->
</div><!--&&--><div id="divtab8" class="tab_content" style="DISPLAY: none;">
<!--========= ТАБЛИЦА 8=Мир Меча и Магии ==========-->
Здесь Табличка 8
<!--========= КОНЕЦ ТАБЛИЦА 8=Мир Меча и Магии ====-->
</div><!--&&--><div id="divtab9" class="tab_content" style="DISPLAY: none;">
<!--========= ТАБЛИЦА 9=Арда(Средиземье) ==========-->
Здесь Табличка 9
<!--========= КОНЕЦ ТАБЛИЦА 9=Арда(Средиземье) ====-->
</div><!--&&--><div id="divtab10" class="tab_content" style="DISPLAY: none;">
<!--========= ТАБЛИЦА 10=Ведьмак) =================-->
Здесь Табличка 10
<!--========= КОНЕЦ ТАБЛИЦА 10=Ведьмак ============-->
</div><!--&&-->
<!-- === КОНЕЦ CЕКЦИИ ПРАВЫХ ТАБЛИЦ ====================================-->
	    	    </td>
      </tr>
<!-- Cкрипт для всей Таблички  -->
<script type="text/javascript">

$(document).ready(function() {

$(".buttonContent").hide();

$("ul.Mubs .MyButton").click(function() {
    $("ul.Mubs .MyButton").removeClass("active");
    $(this).addClass("active");
    $(".buttonContent").hide();
    var activeDiv = $(this).find("a").attr("href");
    $(activeDiv).fadeIn();
    return false;
 });

$(".tab_content").hide();
<!--$(".tabs a:first").addClass("active").show(); -->
$(".tab_content:first").show();

$("ul.tabs .my_span").click(function() {
    $("ul.tabs .my_span").removeClass("active");
    $(this).addClass("active");
    $(".tab_content").hide();
    $(".buttonContent").hide();
    var activeTab = $(this).find("a").attr("href");
    $(activeTab).fadeIn();
    return false;
 });
});
</script>
<!-- Конец  Cкрипта Таблички -->
	</table></center>
<!--===================== Конец  Всей таблицы Mytable001=======================-->

Отредактировано Deff (Пн, 1 Ноя 2010 20:43:15)

Поделиться251Сб, 30 Окт 2010 22:01:32

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

Код:
<style type="text/css"> #menu { padding-left: 20px; } #menu a { padding: 7px 30px 7px; margin-right: 5px; display: block; margin: 10px 0; width: 100px; text-decoration: none; } #submenu { padding: 5px; height: 100px; text-align: center; font-size: 12px; width: 700px; } .submenutext { display: none; height: 60px; } #submenu A { color: #CCC; } #menu .tabactive { color: #65065f; } </style> <script type="text/javascript"> var prevmenu, prevtab function subMenu(obj, menu) { if (document.getElementById) { if (prevmenu) document.getElementById(prevmenu).style.display = "none" document.getElementById(menu).style.display = "block" if (prevtab) { prevtab.className = "" } obj.className = "tabactive" prevmenu = menu prevtab = obj } } </script> <table style="width: 100%;" border="1"> <tbody> <tr> <td style="width: 25%;"> <div id="menu"> <a onclick="subMenu(this,'sm1')" href="#">заголовок</a> <a onclick="subMenu(this,'sm2')" href="#">заголовок</a> <a onclick="subMenu(this,'sm3')" href="#">заголовок</a> <a onclick="subMenu(this,'sm4')" href="#">заголовок</a> <a onclick="subMenu(this,'sm5')" href="#">заголовок</a></div> </td> <td align="center"> <div id="submenu"> <div id="sm1" class="submenutext"><br /><br />текст</div> <div id="sm2" class="submenutext"><br /><br />текст</div> <div id="sm3" class="submenutext"><br /><br />текст</div> <div id="sm4" class="submenutext"><br /><br />текст</div> <div id="sm5" class="submenutext"><br /><br />текст</div> </div> </td> </tr> </tbody> </table>

Вот вариант таблицы-меню. Может быть кому пригодится...

Отредактировано rps (Вс, 31 Окт 2010 02:05:29)

Поделиться252Пн, 1 Ноя 2010 12:56:27

Автор: Лойсо
Стремящийся
Зарегистрирован: Сб, 2 Окт 2010
Сообщений: 5
Уважение: 0
Позитив: 0
Последний визит:
Пн, 1 Ноя 2010 12:56:30

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

Вот вариант таблицы-меню. Может быть кому пригодится...

очень удобная штука, спасибо. но можно ли как-нибудь убрать по клику, и сделать по наведению мышкой, или хотя бы даже просто убрать "дерганье" страницы вверх при клике на один из пунктов менюшки?

http://maxharry.mybb.ru/, если нужно, адрес форума.

Поделиться253Пн, 1 Ноя 2010 13:18:03

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51115
Уважение: +15197
Позитив: +11570
Последний визит:
Вчера 23:48:44

Лойсо написал(а):

очень удобная штука, спасибо. но можно ли как-нибудь убрать по клику, и сделать по наведению мышкой, или хотя бы даже просто убрать "дерганье" страницы вверх при клике на один из пунктов менюшки?

Лойсо Адрес форума с менюшкой...
....
Я Думаю, это как то связано со стилем .. -(меняя загружаемую ссылку Своего стиля на стандартный в исходном коде вашего форума - дерганья нет, нужен rps - у мну на форуме код в посте 251 нормально кликается...

Отредактировано Deff (Пн, 1 Ноя 2010 20:33:00)

Поделиться254Вт, 2 Ноя 2010 10:58:25

Автор: Сакура-тян
Заслуженный
Зарегистрирован: Вт, 10 Авг 2010
Сообщений: 122
Уважение: +11
Позитив: +14
Пол: Женский
Последний визит:
Чт, 16 Июл 2020 21:39:33

Всем доброго.
У меня почему-то перестали работать выпадающее окна, вчера еще работали, а сегодня уже нет.
http://vol.spybb.ru

Поделиться255Вт, 2 Ноя 2010 11:04:49

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51115
Уважение: +15197
Позитив: +11570
Последний визит:
Вчера 23:48:44

Сакура-тян Попробуйте посмотреть и включить у ся в Браузере ява скрипт (если опера - инструменты - быстрые - настройки - галка на ява скрипт

Поделиться256Вт, 2 Ноя 2010 20:12:37

Автор: Сумерки
Заслуженный
Зарегистрирован: Сб, 26 Июн 2010
Сообщений: 158
Уважение: 0
Позитив: +3
Пол: Женский
Последний визит:
Пт, 22 Апр 2011 20:34:19

а как сделать что бы 1 2 и 3 блоги были отдельно от 4 5 и 6? как тут
с новой строчки http://gossip.rolka.su/

Поделиться257Вт, 2 Ноя 2010 22:27:34

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

Сумерки написал(а):

а как сделать что бы 1 2 и 3 блоги были отдельно от 4 5 и 6? как тутс новой строчки http://gossip.rolka.su/

Разделите в таблице строку <tr></tr> на две.

Поделиться258Ср, 3 Ноя 2010 11:05:21

Автор: Сумерки
Заслуженный
Зарегистрирован: Сб, 26 Июн 2010
Сообщений: 158
Уважение: 0
Позитив: +3
Пол: Женский
Последний визит:
Пт, 22 Апр 2011 20:34:19

rps
большое спасибо :shine:

Поделиться259Чт, 4 Ноя 2010 00:56:18

Автор: МирияЛис
Стремящийся
Зарегистрирован: Вт, 10 Авг 2010
Сообщений: 4
Уважение: 0
Позитив: 0
Пол: Женский
Последний визит:
Вс, 17 Июл 2011 18:07:55

Доброго времени суток) Это опять я)
Скажите, а можно ли сделать так, чтобы выпадающее меню было видно только зарегистрированным пользователям?

Поделиться260Чт, 4 Ноя 2010 10:16:05

Автор: Shana
Заслуженный
Зарегистрирован: Сб, 29 Сен 2007
Сообщений: 226
Уважение: +57
Позитив: +33
Пол: Женский
Последний визит:
Сб, 4 Июн 2011 00:54:01

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

Вот вариант таблицы-меню. Может быть кому пригодится...

а как вот это меню можно по центру расположить? То есть что б заголовки были не слева, а находились сверху и по центру.
Буду очень благодарна за помощь.
Вот как здесь хочу: http://kolubel.mybb.ru/
Извините если было, но я почему-то не нашла

Страница: « 1 … 11 12 13 14 15 … 28 »

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

Меню навигации

Пользовательские ссылки

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

Выпадающее меню для форума

Сообщений 241 страница 260 из 560

Поделиться241Сб, 23 Окт 2010 16:07:02

Поделиться242Сб, 23 Окт 2010 19:31:50

Поделиться243Вс, 24 Окт 2010 00:03:04

Поделиться244Пн, 25 Окт 2010 15:06:36

Поделиться245Вт, 26 Окт 2010 20:42:11

Поделиться246Вт, 26 Окт 2010 21:15:16

Поделиться247Вт, 26 Окт 2010 23:09:19

Поделиться248Вт, 26 Окт 2010 23:18:40

Поделиться249Вт, 26 Окт 2010 23:24:44

Поделиться250Сб, 30 Окт 2010 19:46:18

Поделиться251Сб, 30 Окт 2010 22:01:32

Поделиться252Пн, 1 Ноя 2010 12:56:27

Поделиться253Пн, 1 Ноя 2010 13:18:03

Поделиться254Вт, 2 Ноя 2010 10:58:25

Поделиться255Вт, 2 Ноя 2010 11:04:49

Поделиться256Вт, 2 Ноя 2010 20:12:37

Поделиться257Вт, 2 Ноя 2010 22:27:34

Поделиться258Ср, 3 Ноя 2010 11:05:21

Поделиться259Чт, 4 Ноя 2010 00:56:18

Поделиться260Чт, 4 Ноя 2010 10:16:05