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

Поделиться221Пт, 24 Сен 2010 22:00:36

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

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

loOw написал(а):
Подскажите пожалуйста, как сделать кнопки одинакового размера ( не выпадающего меню)

Они итак все одинакового размера, если Вы не намудрили ничего с кодом.

loOw написал(а):
а текст чтоб в них были по центру?

Добавьте в этот пункт выделенное красным:

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; text-align: center;}

0

Поделиться222Сб, 2 Окт 2010 23:18:19

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

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

адрес форума http://maxharry.mybb.ru/

Отредактировано Лойсо (Сб, 2 Окт 2010 23:18:41)

0

Поделиться223Сб, 2 Окт 2010 23:53:48

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

Лойсо
Здравствуйте.

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

подскажите пожалуйста, как сделать так, чтобы все кнопки были друг над другом, и чтобы они при наведении курсором выплывали? я видела все посты с ответами, но мне нужно соединить эти два кода, чтобы получить нужное, а я не умею.( адрес форума http://maxharry.mybb.ru/

У Вас примерно это же сейчас и стоит на указанном форуме. Единственное - замените в ХТМЛ-верх выделенное красным на более-большее значение, например 380.

<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>

0

Поделиться224Вс, 3 Окт 2010 00:11:19

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

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

0

Поделиться225Вс, 3 Окт 2010 00:15:44

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

Лойсо
Тогда ту часть, что в ХТМЛ-низ замените на это:

Код:

<script type="text/javascript"> 
$(document).ready(function(){
	$('.splLink').parent().hover(function(){
$(this).children('div.splCont').toggle('normal');
	},
	function(){
$(this).children('div.splCont').toggle('normal');
	});
});
</script>

0

Поделиться226Вс, 3 Окт 2010 00:27:28

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

Вау-вау-вау, то, что нужно))
Спасибо, дяденька добрый волшебник))

0

Поделиться227Вт, 5 Окт 2010 13:57:46

Автор: Tanisha
Заслуженный
Зарегистрирован: Ср, 9 Дек 2009
Сообщений: 30
Уважение: 0
Позитив: +7
Последний визит:
Вт, 17 Май 2011 21:30:37

Здравствуйте... скажите пожалуйста, а можно ли сделать так, чтобы выпадающий блок был смещен в другую сторону? Желательно только у одного блока меню...
http://fgjhgfg.mybb.ru/ - если нагляднее, то последний пункт, где администрация у меня сильно уходит вправо и создает прокрутку у форума. Можно его сдвинуть как-то?

0

Поделиться228Вт, 5 Окт 2010 15:05:33

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51112
Уважение: +15195
Позитив: +11566
Последний визит:
Вчера 21:57:05

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

Можно его сдвинуть как-то?

Уберите и код в HTML верх >

<style>
div .splLink {width: 130px; height: 40px; border: 2px solid transparent; background: transparent; text-align: center; font-family: Comic Sans Ms; font-size: 15px; padding: 5px;}
.spll {width: 80px; height: 70px; }
.spll div .splCont {height: auto; width: 300px; background:#908d94; padding: 5px; z-index: 1000; margin-top: 5px; border: 1px solid #000000; font-size: 12px; font-family: Microsoft Sans Serif; text-align: center;}
</style>

весь текущий код объявления

(можете на всяк случай сохранить их у себя на форуме в топике)

и вместо Вашего объявления - вставьте код ниже

Код:

<style> /* Стиль всплывающего меню */
h2 span {display: none!important; }
#pun-announcement.section .container .html-box {margin-top: 33px; }
div .splLink {width: 100px; height: 40px; border: 0px solid #FFD700; text-align: center; font-family: Gothic century; font-size: 15px; padding: 5px;}
.spll {width: 130px; height: 70px; }
.spll div .splCont {height: auto; width: 230px; background: #D2B48C; padding: 5px; z-index: 1000; margin-top: 5px; border: 2px solid #D2B48C; font-size: 12px; color:#522974; font-family: Lucida Sans Unicode; text-align: center; margin: 32px 0 0 0;}
.splCont a {color:#fff!important;font-weight:bold!important; font-family: Lucida Sans Unicode; text-align: center;}
.splCont a:hover{color:#000!important;font-weight:bold!important; font-family: Lucida Sans Unicode; text-align: center;}
#pun-announcement.section .container .html-box center table tbody tr td .spll div .splCont {background-color: #000F31/*#361F64*/ !important; background-image: url(http://s001.radikal.ru/i194/1009/0b/6bac13263a76.png); 
    border-radius:15px;
    -webkit-border-radius:15px;
    -khtml-border-radius:15px;
    -moz-border-radius:15px;
    -o-border-radius:15px;

     box-shadow:0px 5px 14px #8B6C52;
    -webkit-box-shadow:0px 5px 14px #8B6C52;
    -khtml-box-shadow:0px 5px 14px #8B6C52;
    -moz-box-shadow:0px 5px 14px #8B6C52;
    /*text-shadow: #FFFFFF 1px 1px 4px !important;
    color: #color: #000000 !important;*/
    }
 /* Прозрачка в Всплывающем меню */
#pun-announcement.section .container .html-box center table tbody tr td .spll div .splCont:first-letter {
    font-family: "Times New Roman", Times, serif; /* Гарнитура шрифта первой буквы */
    font-size: 200% !important; /* Размер шрифта первого символа */
    color: red; /* Красный цвет текста */
   } /* Конец Стиля всплывающего меню */
</style>

<style type="text/css">
.closedatafield {display: none;}
</style>
	<center><table style="width: 100%">
<tr>

<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src='http://i52.tinypic.com/2aeqcf7.jpg'></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
20 мая. Утро 04:00 a.m. - 10:00 a.m.
<br>
Пригревает солнышко. На небе ни облачка. Температура за окном + 21</DIV></DIV>
</div></td>
<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src='http://i54.tinypic.com/21e9635.jpg'></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
• Лондонской полиции снова не повезло. Мало того, что с утра пораньше в старом городе обнаружены трупы по меньшей мере двух девушек, так еще и в утренней газете появилась заметка об их халатности при выполнении служебных обязанностей. 
Вот только у бывшей журналистки Лалиты Уилсон на этот счет свои подозрения. Кто-то усиленно пытается подставить ее, подделывая статьи и подписываясь псевдонимом девушки. Вот только Лали не из тех, кто будет сидеть сложа руки. Она, вместе со своей новой знакомой Лили Аскольд - уже в самой гуще событий. 
<br>
• В фирме "Брендсон и Ко" небывалое оживление. Облава на заказную убийцу Бриттани Харрис, началась для охотника за головами Бернарда Уолша весьма оригинально. В кабинете, вместо Бритт оказалась совершенно другая девушка, которая теперь не просто стала лишним свидетелем, но еще и грозится вызвать полицию, чтобы обличить Уолша.
<br>
• А из Королевского госпиталя сбежала сумасшедшая Ребекка Фрост. И все бы ничего, если бы девушка не являлась наследницей крупного предпринимателя Джона Фроста. По завещанию, если девушка пробудет на свободе ровно месяц, она сможет вступить в права на наследство и распоряжаться им по своему усмотрению. Однако этот расклад весьма не устраивает ее попечителя, который готов сделать все, чтобы Ребекка была поймана и снова отправлена в психушку. </DIV></DIV>
</div></td>

<td>
<div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src='http://i56.tinypic.com/ek5l3q.jpg'></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
<a href="http://owndetective.rolevaya.ru/viewtopic.php?id=2"> <font face="Courier New" >•Вопросы от гостей•</font></a>
<br>
<a href="http://owndetective.rolevaya.ru/viewtopic.php?id=4#p19"> <font face="Courier New" >•Список персонажей и занятых внешностей•</font></a>
<br>
<a href="http://owndetective.rolevaya.ru/viewtopic.php?id=6"> <font face="Courier New" >•Правила ролевой•</font></a>
<br>
<a href="http://owndetective.rolevaya.ru/viewforum.php?id=7"> <font face="Courier New" >•Наши акции•</font></a>
<br>
<a href="http://owndetective.rolevaya.ru/viewforum.php?id=6"> <font face="Courier New" >•Шаблоны анкет•</font></a>
<br>
<a href="http://owndetective.rolevaya.ru/viewtopic.php?id=29#p182"> <font face="Courier New" >•Сюжет•</font></a></DIV></DIV>
</div></td>
<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src='http://i52.tinypic.com/2h72eys.jpg'></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
<center><b>Ник для рекламы:</b> Killer<br>
<b>Пароль:</b> 12345 <br> Перед тем как рекламить прочтите: <br><a href=" http://owndetective.rolevaya.ru/viewtopic.php?id=17#p102 ">[Правила рекламы]</a> <br>
<a href="http://owndetective.rolevaya.ru/viewtopic.php?id=28"><b>Наша реклама</b></a>|
<a href="http://owndetective.rolevaya.ru/viewtopic.php?id=30#p183"><b>Ваша реклама</b></a>|
<a href="http://owndetective.rolevaya.ru/viewforum.php?id=17"><b>Наши партнеры</b></a></DIV></DIV>
</div></td>

<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src='http://i55.tinypic.com/mc8bid.jpg'"></div>
<DIV style="DISPLAY: none;position: absolute;" class=splCont jQuery1259073801391="5">
<center><b>Администраторы:</b></center>
<a href="http://owndetective.rolevaya.ru/profile.php?id=2" target=_blank> 
<img src="http://i45.tinypic.com/25q7nm8.jpg" 
border="0"   title="The main narrator"  ></a><br/> <a href="http://owndetective.rolevaya.ru/profile.php?id=3" target=_blank> 
<img src="http://i45.tinypic.com/nd767q.jpg" 
border="0"   title="Element of Crime"  ></a><br/>
<br>
<center><b>Модераторы:</b></center>
<a href="http://owndetective.rolevaya.ru/profile.php?id=9" target=_blank> 
<img src="http://i49.tinypic.com/2zovpu0.jpg" 
border="0"   title="Lalita Wilson"  ></a> <br/><a href="http://owndetective.rolevaya.ru/profile.php?id=11" target=_blank> 
<img src="http://i46.tinypic.com/zn4dph.jpg" 
border="0"   title="Lily Askold"  ></a><br/>
<a href="http://owndetective.rolevaya.ru/profile.php?id=27" target=_blank> 
<img src="http://i45.tinypic.com/11ryidz.jpg" 
border="0"   title="Victor Ingr"  ></a><br/>
</DIV></DIV>
</div></td>

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

+1

Поделиться229Вт, 5 Окт 2010 15:59:25

Автор: Tanisha
Заслуженный
Зарегистрирован: Ср, 9 Дек 2009
Сообщений: 30
Уважение: 0
Позитив: +7
Последний визит:
Вт, 17 Май 2011 21:30:37

Deff
Спасибо)))) Это шикарно просто))

0

Поделиться230Пн, 11 Окт 2010 18:37:40

Автор: jae-
Заслуженный
Зарегистрирован: Вс, 8 Ноя 2009
Сообщений: 122
Уважение: +1
Позитив: +23
Последний визит:
Пт, 2 Мар 2012 18:37:46

как можно сделать меню по середине?
http://otherdesigns.9bb.ru/

0

Поделиться231Пн, 11 Окт 2010 19:17:12

Автор: Farming
Заслуженный
Зарегистрирован: Сб, 13 Мар 2010
Сообщений: 788
Уважение: +33
Позитив: +85
Пол: Мужской
Предупреждения: 3)
Последний визит:
Пн, 1 Фев 2016 19:51:48

jae-вот так

<center>тут все меню</center>

0

Поделиться232Пн, 11 Окт 2010 22:34:28

Автор: jae-
Заслуженный
Зарегистрирован: Вс, 8 Ноя 2009
Сообщений: 122
Уважение: +1
Позитив: +23
Последний визит:
Пт, 2 Мар 2012 18:37:46

Farming
ну такое и я умею ХД не помогает

0

Поделиться233Пн, 11 Окт 2010 23:06:10

Автор: mkusher
Не rocket science
Зарегистрирован: Ср, 19 Мар 2008
Сообщений: 821
Уважение: +1000
Позитив: +706
Пол: Мужской
Последний визит:
Вт, 7 Янв 2020 15:14:17

jae-

Код:

<style type="text/css">div.spll{margin: 0 auto;}</syle>

0

Поделиться234Вт, 12 Окт 2010 17:01:45

Автор: jae-
Заслуженный
Зарегистрирован: Вс, 8 Ноя 2009
Сообщений: 122
Уважение: +1
Позитив: +23
Последний визит:
Пт, 2 Мар 2012 18:37:46

mkusher
спасибо

Отредактировано jae- (Вт, 12 Окт 2010 17:02:23)

0

Поделиться235Ср, 13 Окт 2010 00:53:08

Автор: Yakushi Kabuto
Стремящийся
Зарегистрирован: Ср, 13 Окт 2010
Сообщений: 2
Уважение: 0
Позитив: 0
Последний визит:
Чт, 17 Мар 2011 19:59:29

- Можно ли сделать так, что бы информация всплывала по центру, под блоком, а не слева?
Картинка,

,

Код:

HTML верх

<style type="text/css">
div .splLink {
width: 100%; 
height: 40px; 
border: 2px dotter #FFD700; 
background: none; 
text-align: center; 
font-family: Comic Sans Ms; 
font-size: 15px; 
padding: 2px;
}
.spll {
width: 100%; 
height: 70px; 
text-align: center;
}
.spll div .splCont {
height: auto; 
width: 300px; 
background: none; 
padding: 2px; 
z-index: 1000; 
margin-top: 0px; 
border: 2px dotter #FFD700; 
font-size: 12px; 
font-family: Microsoft Sans Serif; 
text-align: center;
}
</style>

Код:

HTML низ

<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src='http://imagepost.ru/images/237/rvyqTiR3D4.png'></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
<center>
Текст
</center>
</DIV></DIV>
</div></td>
</tr>
</table></center>

0

Поделиться236Ср, 13 Окт 2010 08:50:21

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51112
Уважение: +15195
Позитив: +11566
Последний визит:
Вчера 21:57:05

Yakushi Kabuto, поменяйте на такой...
HTML верх

<style type="text/css">
div .splLink {
width: 100%;
height: 40px;
border: 2px dotter #FFD700;
background: none;
text-align: center;
font-family: Comic Sans Ms;
font-size: 15px;
padding: 2px;
}
.spll {
width: 100%;
height: 70px;
text-align: center;
}
.spll div .splCont {
height: auto;
width: 400px;
background: none;
padding: 2px;
z-index: 1000;
margin: 40px 30% 0 27%;
border: 2px dotter #FFD700;
font-size: 12px;
font-family: Microsoft Sans Serif;
text-align: center;
}
#slp0 {height: 100px; /* отступ от низу */
}
</style>

HTML низ

Код:

<div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src='http://imagepost.ru/images/237/rvyqTiR3D4.png'></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
	<!-Начало секции Банеров -->

<a href="http://hentaischoollife.rolka.su/"><img src="http://i081.radikal.ru/1008/2b/619d61fd8cd9.gif" border=0 alt=Hentai School></a>
<a href="http://lovelessforever.spybb.ru" target="_blank">
<img src="http://forumupload.ru/uploads/0003/67/1c/72228-3.png" border="0" alt="Ролевая по Loveless" title="Нажми, тут интересно ^__~">
</a>
<a href="http://shinobinewwar.mybb.ru/"><img src="http://savepic.ru/1753571.gif" alt="Naruto Shinobi New War Legend Reborn" border="0" /></a>
<a href="http://newnarutogeneration.anihub.ru/" target="_self"><img src="http://img.pixs.ru/storage/7/6/5/anigif2gif_9489433_957765.gif" alt=".Naruto new generation [Shadow of the past]" /></a>
<a href="http://goldchance.anihub.ru/"><img src="http://www.7image.ru/pics/1010/75096406.jpg" alt=" Колледж для нэко. Подчинение людям, страх или любовь? " width="88" height="31" border="0"></a>
<a href=http://narutolifestories.ru><img src="http://forumupload.ru/uploads/0007/e4/7b/153212-2.gif"border=0 title="Naruto Life Stories"></a>
<a href="http://todoprimero.anihub.ru/" target=_blank><img src="http://savepic.ru/1895743.gif" border="0" title=" B&R: .Todo primero." width=88 height=31></a>
<a target="_blank" href="http://hanami.rolka.su/"><img src="http://s58.radikal.ru/i160/1008/af/ee3deff1a404.gif" ></a>
<a href="http://magicutopia.rolka.su" target=_blank><img src="http://s48.radikal.ru/i122/0903/60/ddc6ee388eeb.gif " width=88 height=31 border=0 alt="Мир Волшебной Утопии""></a>
<a target="_blank" href="http://hdreamland.rusff.ru"><img src="http://xmages.net/storage/10/1/0/5/3/upload/422c5b8c.png"border="1" width="88" height="31"  ></a>
<a href="http://darkfairytale.rolbb.ru/"><img border="0" src="http://imgs.su/tmp/1286212074.jpg"></a>
<a href="http://sailors.spybb.ru/"><img src="http://savepic.ru/1793266.gif" alt="Sailor Moon New Wars" border="0"></a>
<a href="http://unrealdreams.rolka.su/"><img src="http://s16.radikal.ru/i190/1008/f5/724792cd3ddb.jpg" border=0 alt="[Unreal dreams]"></a>

	<!-Rjytw секции Банеров -->
</DIV></div></DIV>
<div id="slp0"></div>

Красным - регулировки: отступ от надписи Баннерs, отступ справа отступ слево, .... отступ от низа страницы

Отредактировано Deff (Ср, 13 Окт 2010 09:46:20)

0