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

Поделиться181Чт, 19 Авг 2010 04:51:26

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

Yashko написал(а):
Поставил я код, который открывает контейнер при наведении мыши. Но есть проблема. В одном из контейнеров - ссылки, поэтому когда пользователь отводит мышь на контейнер, то он закрывается (ибо мышь не находится на кнопке, вызывающей контейнер).
Как это исправить? Можно поставить чтобы не закрывалось и когда мышь на контейнере. Незнаю как, хелп)

Давайте адрес форума, так сложно сказать что там у Вас.

0

Поделиться182Чт, 19 Авг 2010 20:12:11

Автор: Yashko
Заслуженный
Зарегистрирован: Ср, 18 Авг 2010
Сообщений: 48
Уважение: +1
Позитив: +5
Последний визит:
Пн, 3 Янв 2011 22:02:00

http://cwendoftheworld.spybb.ru/

0

Поделиться183Пт, 20 Авг 2010 01:34:36

Автор: Linnan
Заслуженный
Зарегистрирован: Ср, 26 Авг 2009
Сообщений: 173
Уважение: +10
Позитив: +2
Последний визит:
Вт, 5 Июн 2012 22:58:05

Такая проблема - хотелось бы, чтобы кнопка с меню была по центру, так же как и подобные изображения в таблице
http://lowrepublic.mybb.ru/
Обратить внимание на верхнюю с надписью Полезные ссылки. Форум пробный, поэтому такой хаос

0

Поделиться184Пт, 20 Авг 2010 03:01:06

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

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

Linnan написал(а):
Такая проблема - хотелось бы, чтобы кнопка с меню была по центру, так же как и подобные изображения в таблицеhttp://lowrepublic.mybb.ru/Обратить внимание на верхнюю с надписью Полезные ссылки. Форум пробный, поэтому такой хаос

Дайте пожалуйста полный код Вашей таблицы, подкорректируем и вернём Вам готовый код.

0

Поделиться185Пт, 20 Авг 2010 04:48:02

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51118
Уважение: +15200
Позитив: +11590
Последний визит:
Сегодня 08:15:02

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

Дайте пожалуйста полный код

Код:

<table width="100%" border="1" align="center">
<tr>
<td align="center" colspan="3"><marquee scrollamount="6" direction="left"><img src="http://forumupload.ru/uploads/000a/ac/2a/172-1-f.png">
</marquee></td>
</tr>
<tr>
<td rowspan="4" align="center" valign="middle"><img src="http://forumupload.ru/uploads/000a/ac/2a/166-1-f.png">
<br>
пока в игре ничего не произошло
</td>

<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="http://forumupload.ru/uploads/000a/ac/2a/166-3.png"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
<a href="http://endlesssleep.mybb.ru/viewtopic.php?id=12">Правила</a><br>
</DIV></DIV>
</div></td>


<tr>
<td align="center"><img src="http://forumupload.ru/uploads/000a/ac/2a/166-3.png">
<br>
<a href="http://endlesssleep.mybb.ru/viewtopic.php?id=12">Правила</a><br>
</td>
</tr>
<tr>
<td align="center"><img src="http://forumupload.ru/uploads/000a/ac/2a/166-2.png">
<br>
На этом форуме темно и страшно.
</td>
</tr>
<tr>
<td align="center"><img src="http://forumupload.ru/uploads/000a/ac/2a/170-1.png"></td>
</tr>
<tr>
<td align="center" colspan="3">Здесь находится всякая полезная фигня в разработке</td>
</table>

Отредактировано Deff (Пт, 20 Авг 2010 04:48:29)

0

Поделиться186Пт, 20 Авг 2010 07:58:16

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

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

Linnan написал(а):
Такая проблема - хотелось бы, чтобы кнопка с меню была по центру, так же как и подобные изображения в таблице
http://lowrepublic.mybb.ru/
Обратить внимание на верхнюю с надписью Полезные ссылки. Форум пробный, поэтому такой хаос

Код:
<table width="100%" border="1" align="center"> <tr> <td align="center" colspan="3"><marquee scrollamount="6" direction="left"><img src="http://forumupload.ru/uploads/000a/ac/2a/172-1-f.png" /> </marquee></td> </tr> <tr> <td rowspan="4" align="center" valign="middle"><img src="http://forumupload.ru/uploads/000a/ac/2a/166-1-f.png" /> <br/> пока в игре ничего не произошло </td> <td align="center"><div class="spll"> <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="http://forumupload.ru/uploads/000a/ac/2a/166-3.png" /></div> <DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5"> <a href="http://endlesssleep.mybb.ru/viewtopic.php?id=12">Правила</a><br/> </DIV></DIV> </div></td> </tr> <tr> <td align="center"><img src="http://forumupload.ru/uploads/000a/ac/2a/166-3.png" /> <br/> <a href="http://endlesssleep.mybb.ru/viewtopic.php?id=12">Правила</a><br/> </td> </tr> <tr> <td align="center"><img src="http://forumupload.ru/uploads/000a/ac/2a/166-2.png" /> <br/> На этом форуме темно и страшно. </td> </tr> <tr> <td align="center"><img src="http://forumupload.ru/uploads/000a/ac/2a/170-1.png" /></td> </tr> <tr> <td align="center" colspan="3">Здесь находится всякая полезная фигня в разработке</td> </tr> </table>

0

Поделиться187Пт, 20 Авг 2010 08:01:00

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

Yashko
Совет: поставьте вариант по клику, а не по наведению, ибо этот вариант чисто не удобен для использования.

0

Поделиться188Пт, 20 Авг 2010 12:39:16

Автор: Linnan
Заслуженный
Зарегистрирован: Ср, 26 Авг 2009
Сообщений: 173
Уважение: +10
Позитив: +2
Последний визит:
Вт, 5 Июн 2012 22:58:05

rps
Catalogue
:dontknow: теперь сдвинулось в правую сторону

0

Поделиться189Вс, 22 Авг 2010 08:00:09

Автор: Angel Marishka
Заслуженный
Зарегистрирован: Пн, 19 Июл 2010
Сообщений: 149
Уважение: +1
Позитив: +5
Пол: Женский
Последний визит:
Вт, 18 Дек 2012 08:35:00

Здравствуйте,у меня вопрос насчёт меню.
Мне бы хотелось,чтобы при наведении на основные блоки вместо стрелки-курсора показывалась не черточка редактирования текста,вроде этой
а чтобы было,как при наведении на ссылку,вроде протянутого пальца.

Мой форум

Отредактировано Angel Marishka (Вс, 22 Авг 2010 08:02:17)

0

Поделиться190Вс, 22 Авг 2010 12:43:46

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

Angel Marishka написал(а):

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

Ищите в ХТМЛ-верх код:

Код:
<style> div .splLink {width: 130px; height: 20px; border: 1px solid #d1dacb; background: #ffffff; text-align: center; font-family: Microsoft Sans Serif; font-size: 13px; padding: 5px;} .spll {width: 130px; height: 70px; } .spll div .splCont {height: auto; width: 300px; background: #ffffff; padding: 5px; z-index: 1000; margin-top: 5px; border: 1px solid #d1dacb; font-size: 12px; font-family: Microsoft Sans Serif; text-align: center;} </style>

Меняйте на:

Код:
<style> div .splLink {width: 130px; height: 20px; border: 1px solid #d1dacb; background: #ffffff; text-align: center; font-family: Microsoft Sans Serif; font-size: 13px; padding: 5px; cursor: pointer !important;} .spll {width: 130px; height: 70px; } .spll div .splCont {height: auto; width: 300px; background: #ffffff; padding: 5px; z-index: 1000; margin-top: 5px; border: 1px solid #d1dacb; font-size: 12px; font-family: Microsoft Sans Serif; text-align: center;} </style>

0

Поделиться191Вс, 22 Авг 2010 13:16:06

Автор: Angel Marishka
Заслуженный
Зарегистрирован: Пн, 19 Июл 2010
Сообщений: 149
Уважение: +1
Позитив: +5
Пол: Женский
Последний визит:
Вт, 18 Дек 2012 08:35:00

rps
огромное спасибо!всё работает!

0

Поделиться192Вс, 22 Авг 2010 14:29:42

Автор: Angel Marishka
Заслуженный
Зарегистрирован: Пн, 19 Июл 2010
Сообщений: 149
Уважение: +1
Позитив: +5
Пол: Женский
Последний визит:
Вт, 18 Дек 2012 08:35:00

и можно ещё один вопросик?не совсем по теме конечно..

а чтобы было,как при наведении на ссылку,вроде протянутого пальца.

вот как тоже самое можно сделать для этого скрипта?там у меня при наведении тоже чёрточка редактирования

Код:

    <div class="main" id="spo_all"><div class="category" id="spo_top" onclick="obj=this.parentNode.childNodes[1].style; tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;"><center>Баннеры</center></div><div id="spoiler4" style="display: none">

 ...

    </div>

0

Поделиться193Вс, 22 Авг 2010 18:23:29

Автор: blablabla
Заслуженный
Зарегистрирован: Вс, 22 Авг 2010
Сообщений: 19
Уважение: 0
Позитив: 0
Последний визит:
Пн, 30 Май 2011 14:45:05

Хочется изменить цвет.(использую вариант №1"по клику") Пыталась менять много раз, но ничего не выходит =(. Подскажите, как поменять цвет.

0

Поделиться194Пн, 23 Авг 2010 07:56:47

Автор: Silver Rain
Заслуженный
Зарегистрирован: Сб, 21 Авг 2010
Сообщений: 27
Уважение: 0
Позитив: 0
Последний визит:
Ср, 2 Фев 2011 19:31:05

простите если это уже было выше, но как мне расположить эти контейнеры друг под другом с правой стороны, а слева вводить обычный текст объявления?
http://magicrefuge.magicrpg.ru/

0

Поделиться195Пн, 23 Авг 2010 17:00:06

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

Angel Marishka
blablabla
Вам ответил в соответствующих темах.

0

Поделиться196Пн, 23 Авг 2010 17:15:51

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

Silver Rain
Это та часть, что в ХТМЛ-верх:

Код:
<style type="text/css"> div .splLink {width: 130px; height: 40px; border: 2px solid #5a9b20; background: #5a9b20; 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: -40px; border: 2px solid #FFD700; font-size: 12px; font-family: Microsoft Sans Serif; text-align: center; left: 210px;} </style>

А это само меню:

Код:
<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> </tr> <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> </tr> <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> </tr> <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> </tr> <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> </tr> </table></center>

0

Поделиться197Вт, 24 Авг 2010 21:09:16

Автор: Silver Rain
Заслуженный
Зарегистрирован: Сб, 21 Авг 2010
Сообщений: 27
Уважение: 0
Позитив: 0
Последний визит:
Ср, 2 Фев 2011 19:31:05

http://magicrefuge.magicrpg.ru/
подскажите как менять цвет текста в выплывающих блоках

0

Поделиться198Вт, 24 Авг 2010 21:17:52

Автор: as.sakura.
Заслуженный
Зарегистрирован: Ср, 11 Ноя 2009
Сообщений: 290
Уважение: +5
Позитив: +55
Последний визит:
Вс, 28 Июн 2015 23:11:17

Silver Rain

<style type="text/css">
div .splLink {width: 0; height: 0; border: none; background: none; text-align: center; font-family: Comic Sans Ms; font-size: 15px; padding: 5px;}
.spll {width: 0; height: 30px; }
.spll div .splCont {height: auto; width: 300px; background: #669933; padding: 5px; z-index: 1000; margin-top: -20px; border: 2px solid #666633; font-size: 12px; text-color: #FFFFFF; font-family: Microsoft Sans Serif; text-align: left; left: 210px; font-color: red;}
</style>

red - цвет текста.

Отредактировано as.sakura. (Вт, 24 Авг 2010 21:19:54)

0

Поделиться199Вт, 24 Авг 2010 21:31:38

Автор: Silver Rain
Заслуженный
Зарегистрирован: Сб, 21 Авг 2010
Сообщений: 27
Уважение: 0
Позитив: 0
Последний визит:
Ср, 2 Фев 2011 19:31:05

as.sakura.
%-) уже пробывала - не реагирует((

0

Поделиться200Вт, 24 Авг 2010 21:40:01

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

as.sakura. написал(а):

font-color: red;

Нет такого параметра в КСС, есть просто color.

<style type="text/css">
div .splLink {width: 0; height: 0; border: none; background: none; text-align: center; font-family: Comic Sans Ms; font-size: 15px; padding: 5px;}
.spll {width: 0; height: 30px; }
.spll div .splCont {height: auto; width: 300px; background: #669933; padding: 5px; z-index: 1000; margin-top: -20px; border: 2px solid #666633; font-size: 12px; text-color: #FFFFFF; font-family: Microsoft Sans Serif; text-align: left; left: 210px; color: red !important;}
</style>

0

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

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

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

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