Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Архив » Выпадающее меню для форума
подскажите пожалуйста, как сделать так, чтобы все кнопки были друг над другом, и чтобы они при наведении курсором выплывали? я видела все посты с ответами, но мне нужно соединить эти два кода, чтобы получить нужное, а я не умею.(
адрес форума http://maxharry.mybb.ru/
Отредактировано Лойсо (Сб, 2 Окт 2010 23:18:41)
Лойсо
Здравствуйте.
подскажите пожалуйста, как сделать так, чтобы все кнопки были друг над другом, и чтобы они при наведении курсором выплывали? я видела все посты с ответами, но мне нужно соединить эти два кода, чтобы получить нужное, а я не умею.( адрес форума 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(https://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>
rps
спасибо, конечно, но вы меня, вероятно, немного не поняли 
мне нужно, чтобы у меня просто при наведении курсора открывалась информация, а не при клике.
Лойсо
Тогда ту часть, что в ХТМЛ-низ замените на это:
<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>Вау-вау-вау, то, что нужно))
Спасибо, дяденька добрый волшебник))
Здравствуйте... скажите пожалуйста, а можно ли сделать так, чтобы выпадающий блок был смещен в другую сторону? Желательно только у одного блока меню...
http://fgjhgfg.mybb.ru/ - если нагляднее, то последний пункт, где администрация у меня сильно уходит вправо и создает прокрутку у форума. Можно его сдвинуть как-то?
Можно его сдвинуть как-то?
Уберите и код в HTML верх >
<!-- Выпадающее меню. Часть 1 -->
<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>Deff
Спасибо)))) Это шикарно просто))
как можно сделать меню по середине?
http://otherdesigns.9bb.ru/
jae-вот так
<center>тут все меню</center>
Farming
ну такое и я умею ХД не помогает
jae-
<style type="text/css">div.spll{margin: 0 auto;}</syle>mkusher
спасибо 
Отредактировано jae- (Вт, 12 Окт 2010 17:02:23)
- Можно ли сделать так, что бы информация всплывала по центру, под блоком, а не слева?
Картинка,
,
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>
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="https://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://[картинка]/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="https://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)
Здрасьте!
Помогите, ищу менюшку как вот вот на этой ролевой! Заранее благодарна!
MigivarkO
Здравствуйте.
Помогите, ищу менюшку как вот вот на этой ролевой! Заранее благодарна!
Возьмите коды из 196 собщения этой темы, а для ХТМЛ-низ - из первого.
Возьмите коды из 196 собщения этой темы, а для ХТМЛ-низ - из первого.
Аригато годзаймасу!(Большое спасибо!)
Извините, но объясните мне, нубке в этом деле, как вставить картинку фоном менюхи и как эти ячейки переместить?
MigivarkO проще подсмотреть готовые в заказе таблиц...
| Выпадающее меню для форума не работает! | Корзина | Вт, 27 Апр 2010 |
| выпадающее меню | Корзина | Ср, 2 Сен 2015 |
| Выпадающее меню | Корзина | Пт, 10 Сен 2010 |
| Уменьшить размеры выпадающего меню и размеры панели навигации. | Архив | Ср, 15 Янв 2014 |
| Выпадающее меню | Корзина | Пт, 26 Авг 2011 |
Вы здесь » Единый форум поддержки » Архив » Выпадающее меню для форума