Deff, браво, код выше был аказывается
Выпадающее меню для форума
Сообщений 461 страница 480 из 560
Поделиться462Сб, 23 Июл 2011 06:18:31
Deff
ох огромное спасибо, а я мучилась с этой табличкой))) Я умею на два столбика делать, а на три не выходит, буду учиться на твоем примере)))) Спасибо
Поделиться463Пн, 25 Июл 2011 22:29:26
1) Как все контенты разделить на три столбца?
2) Как сделать для каждого контента свою фоновую картинку?
<style> #menu span { padding: 7px 15px 7px; margin-right: 5px; margin: 10px 0; width: 100px; text-decoration: none; } #menu .tabactive { color: #2662DF; background:#F9F1DD; } #submenu { padding: 5px; height: 350px; text-align: center; font-size: 12px; width: 720px; } .submenutext { color: #fff; display: none; height: 60px; } #MenuTxT { background:url(http://s46.radikal.ru/i111/1107/57/282b31049010.png) no-repeat center; text-shadow: #755a57 1px 1px 5px,#9C816C -1px -1px 5px,#91776b 1px 1px 1px; } </style> <center><table style="width: 780px;"> <tbody> <tr> <td> <div id="menu"> <b> <span alt=#sm1 "style="cursor: pointer;">Кнопка 1</span> <span alt=#sm2 "style="cursor: pointer;">Кнопка 2</span> <span alt=#sm3 "style="cursor: pointer;">Кнопка 3</span> <span alt=#sm4 "style="cursor: pointer;">Кнопка 4</span> <span alt=#sm5 "style="cursor: pointer;">Кнопка 5</span> </b> </div> </td> </tr> <tr> <td id="MenuTxT" align="center" valign="top"> <div id="submenu" align="center"> <div id="sm1" class="submenutext" style="display:block;"> <br/><br/> Контент 1-й кнопки </div> <div id="sm2" class="submenutext"><br /><br /> Контент 2-й кнопки </div> <div id="sm3" class="submenutext"><br /><br /> Контент 3-й кнопки </div> <div id="sm4" class="submenutext"><br /><br /> Контент 4-й кнопки </div> <div id="sm5" class="submenutext"><br /><br /> Контент 5-й кнопки </div> </div> </td> </tr> </tbody> </table></center> <script type="text/javascript"> $("td.#MenuTxT div.submenutext").hide(); <!--$(".tabs span:first").addClass("active").show(); --> $("td.#MenuTxT div.submenutext:first").show(); $("div.#menu span").click(function() { $("div.#menu span").removeClass("tabactive"); $(this).addClass("tabactive"); $("td.#MenuTxT div.submenutext").hide(); var activeDiv = $(this).attr("alt"); $("div."+activeDiv).fadeIn(); return false; }); </script>
Отредактировано Wisteria (Вт, 26 Июл 2011 21:41:14)
Поделиться464Чт, 28 Июл 2011 15:52:57
помогите плизз))
как сделать, чтобы окна выплывающие были по меньше?)) и чтобы окно опускалось по мере возможности вниз, а не прыгало в сторону. и как передвинуть таблицу на середину? а то она немного влево съехала?
http://ignietferro.rolka.su/ чтобы получилось как вот в этом http://covenant.rolka.su/
<center><table style="width: 90%"> <tr> <td><div class="spll"> <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="http://s56.radikal.ru/i154/1107/18/54f13294f9f8.jpg"></div> <DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5"> Тут будет что-то <br>ваааааааа<br>ааааааааааааа<br>ааааааааааааа<br>аааааааааааааа<br>аааааааааааааа<br>аааааааааааааа<br>аааааааааааа </DIV></DIV> </div></td> <td><div class="spll"> <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="http://s56.radikal.ru/i154/1107/18/54f13294f9f8.jpg"></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"><img src="http://i061.radikal.ru/1107/b2/5bc98a466044.jpg"></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"><img src="http://s56.radikal.ru/i154/1107/18/54f13294f9f8.jpg"></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"><img src="http://i031.radikal.ru/1107/44/42516e6b4edd.jpg"></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"><img src="http://s55.radikal.ru/i150/1107/16/83eea2d61af1.jpg"></div> <DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5"> Тут будет что-то </DIV></DIV> </div></td> </tr> </table></center>
Отредактировано Keytrin-Mishel Mitchell (Чт, 28 Июл 2011 16:15:56)
Поделиться465Чт, 28 Июл 2011 18:41:16
Keytrin-Mishel Mitchell
Поменяйте код объявления:
<br><br> <center><table style="width: 100%" cellpadding=15> <tr align=left> <td><div class="spll"> <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="http://s56.radikal.ru/i154/1107/18/54f13294f9f8.jpg"></div> <DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5"> Тут будет что-то <br>ваааааааа<br>ааааааааааааа<br>ааааааааааааа<br>аааааааааааааа<br>аааааааааааааа<br>аааааааааааааа<br>аааааааааааа </DIV></DIV> </div></td> <td><div class="spll"> <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="http://s56.radikal.ru/i154/1107/18/54f13294f9f8.jpg"></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"><img src="http://i061.radikal.ru/1107/b2/5bc98a466044.jpg"></div> <DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5"> Тут будет что-то</DIV></DIV> </div></td></tr> <tr align=right> <td><div class="spll"> <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="http://s56.radikal.ru/i154/1107/18/54f13294f9f8.jpg"></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"><img src="http://i031.radikal.ru/1107/44/42516e6b4edd.jpg"></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"><img src="http://s55.radikal.ru/i150/1107/16/83eea2d61af1.jpg"></div> <DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5"> Тут будет что-то </DIV></DIV> </div></td> </tr> </table></center>
Замените полностью Код в HTML верх
<style> #pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 250px; top: 400px } </style> <style> /* Стиль всплывающего меню */ 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: 240px; background: #D2B48C; padding: 5px; z-index: 1000; margin-top: 5px; border: 2px solid #D2B48C; font-size: 12px; font-family: Lucida Sans Unicode; text-align: center;} #pun-announcement.section .container .html-box center table tbody tr td .spll div .splCont {background-color: transparent !important; background-image: url("http://savepic.net/1721675.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>
Отредактировано Deff (Чт, 28 Июл 2011 18:41:50)
Поделиться466Чт, 28 Июл 2011 23:07:04
Deff
спасибо)) очень помогло)) но ещё пару поправок)))
http://ignietferro.rolka.su/
как сделать, чтобы цвет фона окна был не голубоватыми, а серенькими?
как убрать выделение первой буквы?
как сделать контур чёрным вместо желтоватого?))
Поделиться467Чт, 28 Июл 2011 23:11:48
Keytrin-Mishel Mitchell
как сделать, чтобы цвет фона окна был не голубоватыми, а серенькими?
http://savepic.net/1721675.png меняете на свое
как убрать выделение первой буквы?
Смотрите в код css - там есть комметы
-----------------------------------------
Зы - В шахматном было симпатичней
Отредактировано Deff (Чт, 28 Июл 2011 23:12:40)
Поделиться468Ср, 19 Окт 2011 23:20:26
на тестовике все работает отлично, а на самом форуме не хочет. как это исправить можно?
сам форум: http://vampireknightret.anihub.ru/
тестовик: http://ghjybrdg.mybb.ru/
Поделиться469Чт, 20 Окт 2011 09:31:18
на тестовике все работает отлично, а на самом форуме не хочет. как это исправить можно?сам форум: http://vampireknightret.anihub.ru/
Уберите в Самом начале HTML низ
<!--Спойлер - контейнер-->
<script type="text/javascript">
$(document).ready(function(){
$('.splLink').click(function(){
$(this).parent().children('div.splCont').toggle('normal');
return false;
});
});
</script>
У Вас два одинаковых скрипта - один открывает - другой закрывает
Поделиться470Чт, 20 Окт 2011 13:47:53
Deff
упс ^ ^"" спасибо)
Поделиться471Пт, 13 Янв 2012 01:21:05
Приветствую.
Не подскажите ли скрипт выпадающего меню в разделы категорий.
То есть, например, категория "вне игры" раздел "флуд". На главной странице у данного форума в описание под его названием хотелось бы вставить выпадающее меню, в котором был бы приведен список всех тем, что находятся в данном форуме.
Естественно, список будет писаться лично, но сам скрипт очень хотелось бы заполучить.
Или, пожалуйста, направьте в нужную тему.
Поделиться472Пт, 13 Янв 2012 20:12:53
Кертес
В этом же разделе - смотрите Свежие скрипты от пользователей
Поделиться473Пт, 13 Янв 2012 21:44:09
Deff, поищем, спасибо.
Поделиться474Чт, 26 Янв 2012 02:02:28
Поделиться475Чт, 26 Янв 2012 04:25:18
Schutz
Добавьте красным
<center>
<table style="position:relative:z-index:1200;width: 90%;">
Поделиться476Чт, 26 Янв 2012 12:25:54
Добавьте красным
Добавила..ни чего не изменилось... вот код целиком, может где то напортачила и не заметила..
<center>
<table style="position:relative:z-index:1200;width: 90%;">
<tbody>
<tr>
<td>
<div class="spll">
<div class="splLink">Первый контейнер</div>
<div class="splCont" style="display: none; position: absolute;">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>
</div>
</td>
<td>
<div class="spll">
<div class="splLink">Второй контейнер</div>
<div class="splCont" style="display: none; position: absolute;"><p><object width="320" height="240" data="http://forumstatic.ru/files/000e/7a/ba/58242.swf" type="application/x-shockwave-flash"><param name="src" value="http://forumstatic.ru/files/000e/7a/ba/58242.swf" /></object></p></div>
</div>
</td>
<td>
<div class="spll">
<div class="splLink">Третий контейнер</div>
<div class="splCont" style="display: none; position: absolute;">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>
</div>
</td>
<td>
<div class="spll">
<div class="splLink">Четвертый контейнер</div>
<div class="splCont" style="display: none; position: absolute;"><p><object width="320" height="240" data="http://forumstatic.ru/files/000e/7a/ba/58242.swf" type="application/x-shockwave-flash"><param name="src" value="http://forumstatic.ru/files/000e/7a/ba/58242.swf" /></object></p></div>
</div>
</td>
</tr>
</tbody>
</table>
</center>
Отредактировано Schutz (Чт, 26 Янв 2012 12:26:51)
Поделиться477Чт, 26 Янв 2012 14:59:09
Schutz
Собственно вставка была на Вопрос о перекрытии рекламой блока - сделайте скриншот - где перекрывается - укажите браузер
Отредактировано Deff (Чт, 26 Янв 2012 14:59:25)
Поделиться478Чт, 26 Янв 2012 15:43:54
Поделиться479Чт, 26 Янв 2012 16:07:23
Schutz
Добавьте к флешками (Во Второй и Четвертый контейнеры)
<object style="position:relative;z-index:1200;" width="320" height="240"
для ИЕ попробуйте переставить скрипт из HTML низ в Конец контента всплывающих окон
<!--боковой контейнер// -->
<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>
Отредактировано Deff (Чт, 26 Янв 2012 16:14:22)
Поделиться480Чт, 26 Янв 2012 16:22:01
упс.. теперь другая проблемка.. выпадающие блоки "скачут" при наведении курсора..
тестовый
а в эксплорере так и не отображается.. вроде правильно добавила..
Отредактировано Schutz (Чт, 26 Янв 2012 16:34:49)