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

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

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Единый форум поддержки » Архив » Выпадающее меню для форума


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

Сообщений 461 страница 480 из 560

461

Deff, браво, код выше был аказывается  http://i008.radikal.ru/0806/c4/39d56aaa7dad.gif

0

462

Deff
ох огромное спасибо, а я мучилась с этой табличкой))) Я умею на два столбика делать, а на три не выходит, буду учиться на твоем примере)))) Спасибо  :love: :love: :love:

0

463

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)

0

464

помогите плизз))
как сделать, чтобы окна выплывающие были по меньше?)) и чтобы окно опускалось по мере возможности вниз, а не прыгало в сторону. и как передвинуть таблицу на середину? а то она немного влево съехала?
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)

0

465

Keytrin-Mishel Mitchell

:glasses: Поменяйте код объявления:

Код:
<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)

0

466

Deff
спасибо)) очень помогло)) но ещё пару поправок)))
http://ignietferro.rolka.su/
как сделать, чтобы цвет фона окна был не голубоватыми, а серенькими?
как убрать выделение первой буквы?
как сделать контур чёрным вместо желтоватого?))

0

467

Keytrin-Mishel Mitchell

Keytrin-Mishel Mitchell написал(а):

как сделать, чтобы цвет фона окна был не голубоватыми, а серенькими?

http://savepic.net/1721675.png меняете на свое

Keytrin-Mishel Mitchell написал(а):

как убрать выделение первой буквы?

Смотрите в код css - там есть комметы
-----------------------------------------
Зы - В шахматном было симпатичней

Отредактировано Deff (Чт, 28 Июл 2011 23:12:40)

0

468

на тестовике все работает отлично, а на самом форуме не хочет. как это исправить можно?
сам форум: http://vampireknightret.anihub.ru/
тестовик: http://ghjybrdg.mybb.ru/

0

469

Namiko Roka написал(а):

на тестовике все работает отлично, а на самом форуме не хочет. как это исправить можно?сам форум: 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>

У Вас два одинаковых скрипта - один открывает - другой закрывает

0

470

Deff
упс ^ ^"" спасибо)

0

471

Приветствую.
Не подскажите ли скрипт выпадающего меню в разделы категорий.
То есть, например, категория "вне игры" раздел "флуд". На главной странице у данного форума в описание под его названием хотелось бы вставить выпадающее меню, в котором был бы приведен список всех тем, что находятся в данном форуме.
Естественно, список будет писаться лично, но сам скрипт очень хотелось бы заполучить.
Или, пожалуйста, направьте в нужную тему.

0

472

Кертес
В этом же разделе - смотрите Свежие скрипты от пользователей

0

473

Deff, поищем, спасибо.

0

474

Здравствуйте.
Подскажите пожалуйста, установила (на тестовом) выпадающее меню.. в выпадающие блоки ставлю флеш..  почему где реклама на том месте перекрывается моя картинка?
http://s018.radikal.ru/i515/1201/fb/f6f06ebcd7fct.jpg  http://s50.radikal.ru/i130/1201/72/6fc5cabd0a21t.jpg

тестовик

Отредактировано Schutz (Чт, 26 Янв 2012 03:46:45)

0

475

Schutz
Добавьте красным

<center>
<table style="position:relative:z-index:1200;width: 90%;">

0

476

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

Добавьте красным

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

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

0

477

Schutz
:glasses: Собственно вставка была на Вопрос о перекрытии рекламой блока - сделайте скриншот - где перекрывается - укажите браузер

Отредактировано Deff (Чт, 26 Янв 2012 14:59:25)

0

478

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

сделайте скриншот - где перекрывается - укажите браузер

http://s018.radikal.ru/i515/1201/fb/f6f06ebcd7fct.jpg  http://s50.radikal.ru/i130/1201/72/6fc5cabd0a21t.jpg
Вот так в Google Chrome

http://s018.radikal.ru/i527/1201/cc/154fb276429at.jpg
Вот так выглядит в Explorer, вообще флеш не отображает..пусто..

И только в Мозилле отображается нормально..
вот http://s53.radikal.ru/i141/1201/df/865ffb0c6a6bt.jpg

ССЫЛКА НА ТЕСТОВЫЙ

Отредактировано Schutz (Чт, 26 Янв 2012 16:05:51)

0

479

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)

0

480

упс.. теперь другая проблемка.. выпадающие блоки "скачут" при наведении курсора..
тестовый

а в эксплорере так и не отображается.. вроде правильно добавила..

Отредактировано Schutz (Чт, 26 Янв 2012 16:34:49)

0


Вы здесь » Единый форум поддержки » Архив » Выпадающее меню для форума