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

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

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

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

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

Страница:   1 … 21 22 23 24 25 … 28  

Сообщений 441 страница 460 из 560

441

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51118
  • Уважение: +15200
  • Позитив: +11590
  • Последний визит:
    Вчера 22:59:36
Haneko написал(а):

DeffИзв

Поменяйте стиль таблички в HTML верх с этого кода

<style>
div .splLink {width: 130px; height: 40px; border: 2px solid #CC9999; background: #CCCCCC; 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/000f/29/be/66-1-f.png); padding: 5px; z-index: 1000; margin-top: 5px; border: 2px solid #999999; font-size: 12px; font-family: Microsoft Sans Serif; text-align: center;}
</style>

На этот

<style>
.splLink {width: 130px; height: 40px; border: 2px solid #CC9999; background: #CCCCCC; text-align: center; font-family: Comic Sans Ms; font-size: 15px; padding: 5px;}
.spll {width: 130px; height: 70px; }
.spll .splCont {height: auto; width: 300px; background:  url(http://redlily.mybb.ru/uploads/000f/29/be/66-1-f.png); padding: 5px; z-index: 1000; margin-top: 5px; border: 2px solid #999999; font-size: 12px; font-family: Microsoft Sans Serif; text-align: center;}
</style>

Отредактировано Deff (Пт, 1 Апр 2011 16:35:54)

+1

442

  • Автор: Haneko
  • Заслуженный
  • Haneko
  • Зарегистрирован: Сб, 8 Авг 2009
  • Сообщений: 75
  • Уважение: +1
  • Позитив: +19
  • Пол: Женский
  • Последний визит:
    Пт, 17 Апр 2015 00:55:47

Deff
Спасибо большое)

0

443

  • Автор: авакадо
  • Заслуженный
  • авакадо
  • Зарегистрирован: Чт, 27 Янв 2011
  • Сообщений: 134
  • Уважение: +1
  • Позитив: +40
  • Последний визит:
    Вт, 12 Мар 2013 19:45:15

http://s015.radikal.ru/i333/1105/88/0f4e1c2d32f5.jpg

как можно переместить эту кнопку чуть ниже?
адрес форума

0

444

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51118
  • Уважение: +15200
  • Позитив: +11590
  • Последний визит:
    Вчера 22:59:36
авакадо написал(а):

как можно переместить эту кнопку чуть ниже?адрес форума

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

<td><div class="spll">
<DIV style="position:absolute;z-index:6;margin-top:50px;margin-left:40px;"><div class=splLink href="javscript://" jQuery1259073801391="2"><p style="text-align: center;">

+1

445

  • Автор: авакадо
  • Заслуженный
  • авакадо
  • Зарегистрирован: Чт, 27 Янв 2011
  • Сообщений: 134
  • Уважение: +1
  • Позитив: +40
  • Последний визит:
    Вт, 12 Мар 2013 19:45:15

Deff
спасибо вам!

0

446

  • Автор: Nemu
  • Стремящийся
  • Зарегистрирован: Чт, 25 Ноя 2010
  • Сообщений: 5
  • Уважение: 0
  • Позитив: 0
  • Последний визит:
    Пн, 23 Янв 2012 15:17:27

Здравствуйте:)
А можно вот в этот скрипт вместо прозрачного фона вставить картинку, и чтобы при этом таблица не прыгала?))

Код:
<style type="text/css">
#menu {
padding-left: 20px;
text-align: center;
}

#menu a {
padding: 7px 15px 7px; 
margin-right: 5px;
margin: 10px 0;
width: 100px;
text-decoration: none;
}

#submenu {
padding: 5px;
height: 100px;
text-align: center;
font-size: 12px;
width: 700px;
}

.submenutext {
display: none; 
height: 60px;
}

#submenu A {
color: #CCC; 
}
#menu .tabactive {
color: #65065f;
}
</style>
<script type="text/javascript">
var prevmenu, prevtab
function subMenu(obj, menu) {
if (document.getElementById) {
if (prevmenu) document.getElementById(prevmenu).style.display = "none"
document.getElementById(menu).style.display = "block"
if (prevtab) { prevtab.className = "" }
obj.className = "tabactive"
prevmenu = menu
prevtab = obj
}
}
</script>

<table style="width: 100%;">
 <tbody>
  <tr>
   <td>
    <div id="menu">
     <a onclick="subMenu(this,'sm1')" style="cursor: pointer;">Заголовок 1</a>
     <a onclick="subMenu(this,'sm2')" style="cursor: pointer;">Заголовок 2</a>
     <a onclick="subMenu(this,'sm3')" style="cursor: pointer;">Заголовок 3</a>
     <a onclick="subMenu(this,'sm4')" style="cursor: pointer;">Заголовок 4</a>
     <a onclick="subMenu(this,'sm5')" style="cursor: pointer;">Заголовок 5</a>
     <a onclick="subMenu(this,'sm6')" style="cursor: pointer;">Заголовок 6</a>
     <a onclick="subMenu(this,'sm7')" style="cursor: pointer;">Заголовок 7</a>
    </div>
   </td>
  </tr>
  <tr>
   <td align="center">
    <div id="submenu">
     <div id="sm1" class="submenutext"><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 id="sm6" class="submenutext"><br /><br />Текст 6</div>
     <div id="sm7" class="submenutext"><br /><br />Текст 7</div>
    </div>
   </td>
  </tr>
 </tbody>
</table>

0

447

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51118
  • Уважение: +15200
  • Позитив: +11590
  • Последний визит:
    Вчера 22:59:36

Nemu, там по теме, есть дальнейшее развитие этого скрипта и уже вродь без дерганий >

Код:
<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: 200px;
text-align: center;
font-size: 12px;
width: 720px;
}

.submenutext {
display: none; 
height: 60px;
}
</style>

<script type="text/javascript">
$(document).ready(function() {
$("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>

<center><table style="width: 615px;">
 <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>

Фон можно вставить к примеру, сюда(ищите соответствие по коду) >

<center><table style="width: 615px;background:url(Ваша ссылка) no-repeat center;">
<tbody>
  <tr>
   <td>

Отредактировано Deff (Сб, 16 Июл 2011 13:06:41)

0

448

  • Автор: Nemu
  • Стремящийся
  • Зарегистрирован: Чт, 25 Ноя 2010
  • Сообщений: 5
  • Уважение: 0
  • Позитив: 0
  • Последний визит:
    Пн, 23 Янв 2012 15:17:27

Deff
спасибо  большое))

0

449

  • Автор: Psychiater12
  • Заслуженный
  • Psychiater12
  • Зарегистрирован: Пн, 27 Июн 2011
  • Сообщений: 6
  • Уважение: 0
  • Позитив: 0
  • Последний визит:
    Пн, 14 Окт 2013 04:56:03

Здравствуйте, бегала-бегала по различным форумам..
Очень заинтересовало вот что.. Можно ли как-то получить код, чтоб контейнеры переключались также как на этом сайте : http://lastchance.0bb.ru/
Буду очень признательна за ответ. Извиняйте, если ответы на такое уже были..

0

450

  • Автор: Докер
  • Заслуженный
  • Докер
  • Зарегистрирован: Чт, 10 Дек 2009
  • Сообщений: 81
  • Уважение: +1
  • Позитив: +21
  • Пол: Мужской
  • Последний визит:
    Вс, 19 Авг 2012 08:37:36

Простите великодушно, но мне очень интересно, как можно сделать табличку с выплывающим меню как тут: http://marvelgames.mybb.ru/ и тут: http://marvelverse.mybb.ru/
Буду очень благодарна за подсказку и помощь.
- Д

0

451

  • Автор: Кофеман
  • Заслуженный
  • Кофеман
  • Зарегистрирован: Ср, 2 Фев 2011
  • Сообщений: 1575
  • Уважение: +257
  • Позитив: +167
  • Пол: Мужской
  • Последний визит:
    Пт, 1 Мар 2013 14:56:10

Докер, сделайте заказ в теме "Таблицы на заказ". И укажите, что меню должно быть со сменой содержимого при клике. Кстати, там уже есть подобные таблицы, можете подобрать себе что-то.
Например это - Таблицы на заказ 11, пост №350 или это - Таблицы на заказ 11, пост №281

+1

452

  • Автор: Докер
  • Заслуженный
  • Докер
  • Зарегистрирован: Чт, 10 Дек 2009
  • Сообщений: 81
  • Уважение: +1
  • Позитив: +21
  • Пол: Мужской
  • Последний визит:
    Вс, 19 Авг 2012 08:37:36

Кофеман
Deff
у меня что-то не получается...
вот такое получатся((((

http://10pix.ru/img1/3029/5002329.th.jpg

ссылка на пробник: http://msvampire.rolevaya.ru/

Отредактировано Докер (Сб, 16 Июл 2011 06:23:44)

0

453

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51118
  • Уважение: +15200
  • Позитив: +11590
  • Последний визит:
    Вчера 22:59:36

Докер  :mad:

Откройте первое Окно стиля и найдите такую запись:

/* D9.8 */
#pun-help .formal .parsedmsg, #pun-
help .formal .parsedmsg .incode {
  padding-bottom: 0;
  }

#pun #pun-announcement span {display: none}

Строку красным - удалите

+1

454

  • Автор: Докер
  • Заслуженный
  • Докер
  • Зарегистрирован: Чт, 10 Дек 2009
  • Сообщений: 81
  • Уважение: +1
  • Позитив: +21
  • Пол: Мужской
  • Последний визит:
    Вс, 19 Авг 2012 08:37:36

Deff
спасибо большое, Вы мне помогли, и не надо ругаться, я у Вас помощи прошу, а не просто так, пардон, задрачиваю))))

0

455

  • Автор: Finsternis
  • Заслуженный
  • Finsternis
  • Зарегистрирован: Ср, 20 Июл 2011
  • Сообщений: 24
  • Уважение: +3
  • Позитив: +6
  • Последний визит:
    Пт, 13 Окт 2017 18:05:57

Проблема: поставил на форум выпадающее меню, всё было нормально, пока не решил добавить  в объявление "контейнер с вкладками для информации". Очевидно, эти два скрипта друг друга не любят. Контейнер работал исправно, а меню начинало быстро глючить, мигая выпадающими окнами.
Сейчас поигрался с меню - работает нормально, ничто не глючит, но стал западать контейнер в объявлении. Между вкладками переходить не даёт, открывает только основную. Убираю "выпадающее меню" - всё работает. Ставлю - не работает контейнер.
Вопрос(извечный): как сделать так, чтобы всё работало и никто никому не мешал?
Форум, контейнер в объявлении, меню под объявлением.

Чёррррт, теперь всё наоборот! Контейнер настроился, а  вкладки в выпадающем меню мигают быстро-быстро!! Где ответ на извечный вопрос, граждане?

Отредактировано Finsternis (Ср, 20 Июл 2011 13:36:36)

0

456

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51118
  • Уважение: +15200
  • Позитив: +11590
  • Последний визит:
    Вчера 22:59:36

Finsternis В заказах таблиц есть более простые (да и тут тоже) контейнеры с вкладками - которые прверены и работают совместно и с выпадающим меню Кстать, если поднять глаза - пост 447 подобный контейнер

0

457

  • Автор: Finsternis
  • Заслуженный
  • Finsternis
  • Зарегистрирован: Ср, 20 Июл 2011
  • Сообщений: 24
  • Уважение: +3
  • Позитив: +6
  • Последний визит:
    Пт, 13 Окт 2017 18:05:57

Спасибо,Deff. На тот момент он(контейнер) был неудобен. Разобрался, всё работает.

0

458

  • Автор: Докер
  • Заслуженный
  • Докер
  • Зарегистрирован: Чт, 10 Дек 2009
  • Сообщений: 81
  • Уважение: +1
  • Позитив: +21
  • Пол: Мужской
  • Последний визит:
    Вс, 19 Авг 2012 08:37:36

Еще раз побеспокою. Насчет меню, как убрать это синее выделение?
http://10pix.ru/img1/452192/5068344.th.jpg
Заранее спасибо,
- Д

0

459

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

Докер, как я понял это при наведение! киньти сюда свой код! я вам уберу выделение! http://files.myopera.com/Creat0R/Opera_AC/Icons/Kolobki/don-t_mention.gif

0

460

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51118
  • Уважение: +15200
  • Позитив: +11590
  • Последний визит:
    Вчера 22:59:36
Докер написал(а):

Еще раз побеспокою. Насчет меню, как убрать это синее выделение?Заранее спасибо,- Д

Замените объявление >http://msvampire.rolevaya.ru/

Код:
<style>
#pun-announcement h2 span
{display: none;}
</style>

<style>	
#menu span {
padding: 7px 15px 7px; 
margin-right: 5px;
margin: 10px 0;
width: 100px;
text-decoration: none;
}
#menu .tabactive {
color: #FCF5D6;
text-shadow:#000 1px 1px 2px;
background:#C8B58F;
}

#submenu {
padding: 5px;
height: 200px;
text-align: left;
font-size: 12px;
width: 720px;
}

.submenutext {
text-align: center;
background:#c8b58f;
position:absolute;
width:100%;
max-width: 720px;
display: none; 
height: 260px!important;
}
</style>
<script type="text/javascript">
$(document).ready(function() {
$("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(500);
    return false; });
});
</script>

<center><table style="width: 615px;">
 <tbody>
  <tr>
   <td align="center">
    <div id="menu"> <b>
<span alt=#sm1 "style="cursor: pointer;">Главная</span>
<span alt=#sm2 "style="cursor: pointer;">Игровые новости</span>
<span alt=#sm3 "style="cursor: pointer;">Полезные ссылки</span>
<span alt=#sm4 "style="cursor: pointer;">Администрация</span>
<span alt=#sm5 "style="cursor: pointer;">Партнеры</span>
           </b>
    </div>
   </td>
  </tr>
  <tr align="left">
   <td id="MenuTxT"  valign="top"  style="height: 260px;">
    <div id="submenu" width="100%"> 
     <div id="sm1" class="submenutext" style="display:block;">
<br/><br/>
<center><b> Аллоха! xDD</b>  <br>Вас радушно приветствует ролевая игра <b>X-MEN. NEGAVERSE</b>!!! Всех гостей и потенциальных игроков приглашаем посетить темы акций, а также нам нужны на замену Гамбит, Волчица, Эмма Фрост и многие другие – с ними Вы можете ознакомиться в теме Необходимые герои. <br> Наша ролевая создана на базе мультфильма Росомаха и Люди Икс.<br>Для гостей и проходящих анкетирование форум виден не полностью. Раздел для анкет не виден гостям, чтобы получить доступ к шаблону, просьба пройти по ссылке во вкладке <b>Полезные Ссылки</b>. С любыми вопросами обращайтесь в Гостевую, Вам всегда ответят. <br> Для правильного отображения дизайна рекомендуем использовать браузеры <b>Google Chrome</b> или <b>Mozilla Firefox</b>. В браузерах <b>Opera & IE</b> Вам будет мешать рекламный баннер. Если Вам не пришел пароль на почту, напишите в Гостевой, новый пароль будет выслан Вам на имейл админами повторно с нашего почтового ящика, по этой причине регистрируйте <u>действующий</u> имейл. </center>
</div>
     <div id="sm2" class="submenutext"><br /><br />

Хотелось бы обратить внимание игроков, что ориентировочно в игре начало сентября месяца, чтобы не путались! Ввиду того, что игра эпизодическая, конкретное время устанавливается в эпизодах

УВАЖАЕМЫЕ ИГРОКИ! Администрацией форума проводится небольшой игровой апгрейд, так что просим не пугаться, если где-то что-то появиться новенькое))))

Любимые наши участники! Администрация не просто так постит в теме "Сообщения от Администрации"! Просим вас обращать на эту тему внимание, когда там появляются новые сообщения. Мы для вас их пишем.
</div>
     <div id="sm3" class="submenutext">
<center><table width=80% align=center><tr valign=top>
<td width=33%  style="padding-top:20px!important;"> 
<p><b>Навигация для гостей и новоприбывших</b></p>

<a href=http://marvelmutante.mybb.ru/viewtopic.php?id=6>Срочно нужны!</a>
<br>
<a href=http://marvelmutante.mybb.ru/viewtopic.php?id=11>Шаблон анкеты</a>
<br>
<a href=http://marvelmutante.mybb.ru/viewtopic.php?id=68>Список способностей (для неканонов)</a>
<br>
<a href=http://marvelmutante.mybb.ru/viewtopic.php?id=4>Роли</a>
<br>
<a href=http://marvelmutante.mybb.ru/viewtopic.php?id=39#p84>Сценарий</a>
<br>
<a href=http://marvelmutante.mybb.ru/viewtopic.php?id=2>Правила</a>
<br>
<a href=http://marvelmutante.mybb.ru/viewtopic.php?id=38>Википедия ролевой</a>
<br>
<a href=http://marvelmutante.mybb.ru/viewtopic.php?id=8>Занятые лица</a>
<br>
<a href=http://marvelmutante.mybb.ru/viewtopic.php?id=9#p10>Гостевая</a>
<br>
</td>
<td width=33%  style="padding-top:20px!important;"> 
<b>Навигация для участников игры</b>
<br>
<br>
<a href=http://marvelmutante.mybb.ru/viewtopic.php?id=25>Личная информация</a>
<br>
<a href=http://marvelmutante.mybb.ru/viewtopic.php?id=26>Заказ аватарок</a>
<br>
<a href=http://marvelmutante.mybb.ru/viewtopic.php?id=27>Получение готовых аватарок</a>
<br>
<a href=http://marvelmutante.mybb.ru/viewtopic.php?id=28>Уход или временное отсутствие</a>
<br>
<a href=http://marvelmutante.mybb.ru/viewforum.php?id=17>Отношения героев</a>
<br>
<a href=http://marvelmutante.mybb.ru/viewtopic.php?id=31>Вызов Гейм-Мастера</a>
<br>
<a href=http://marvelmutante.mybb.ru/viewtopic.php?id=29>Поиск партнеров по игре</a>
<br>
<a href=http://marvelmutante.mybb.ru/viewtopic.php?id=30>Квестомания</a>
<br>
<a href=http://marvelmutante.mybb.ru/viewtopic.php?id=30>Квестомания</a>
 </td>
<td width=33%  style="padding-top:20px!important;"> 

 <b>Для пиарщиков</b>
<br>
<br>
<a href=http://marvelmutante.mybb.ru/viewforum.php?id=6>Наша/Ваша реклама</a>
<br>
<a href=http://marvelmutante.mybb.ru/viewforum.php?id=7>Обмен баннерами</a>
<br>
<a href=http://marvelmutante.mybb.ru/viewtopic.php?id=17>Заявки на дружбу</a>
<br>
</td></tr>
</table></center>

</div>
     <div id="sm4" class="submenutext"><br /><br />
111

</div>
     <div id="sm5" class="submenutext"><br /><br />
<center>Наши многоуважаемые друзья, которых мы рекомендуем посетить всем желающим! Качественные игры для хороших игроков!</center><br><br><a href="http://ra-reklama.ru/pages/katalog" target="_blank"><img src="http://s001.radikal.ru/i193/1006/49/b7e576cba41f.jpg" title="Каталог форумов" width="88" height="31"></a> <a target="_blank" href="http://soullove.ru/"><img src="http://10pix.ru/img1/3827/2165825.gif"></a> <a href="http://onfire.rusff.ru/"target=_blank> <img src="http://10pix.ru/img1/4963/4100394.gif"alt= "  Gotham сity. Earth on fire`"></a> <a href="http://potc.rolka.su/"><img src="http://picthost.ru/images/c6umzaowdb405nkx7147.gif"></a> <a target="_blank" href="http://mafiacityofsins.rusff.ru/"><img src="http://i034.radikal.ru/1104/f1/bfca2e2d7fb7.gif" ></a> <a href="http://namvnebo.ru/" title="Современная Греция. Афины. Люди, способные управлять силой Богов. Найдешь себя в этом мире, смертный?..." target="blank"><img src="http://i025.radikal.ru/1011/1f/1bd57432287d.png"></a> <a href="http://makeawish.rolka.su/" title="The Vampire Diaries: Make a wish" target="_blank"><img src="http://www.10pix.ru/img1/2482/4174810.gif"></a> <a href="http://firstclass.mybb.ru/" target=_blank><img src="http://funkyimg.com/u2/412/269/1.gif" width="88" height="31" border="0"></a>
</div>

</div>
   </td>
</tr>
 </tbody>
</table></center>

Отредактировано Deff (Ср, 27 Июл 2011 21:31:38)

+1

Страница:   1 … 21 22 23 24 25 … 28  

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