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

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

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

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

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

Страница:   1 … 17 18 19 20 21 … 28  

Сообщений 361 страница 380 из 559

361

  • Автор: FR-Mia
  • Заслуженный
  • FR-Mia
  • Зарегистрирован: Чт, 31 Дек 2009
  • Сообщений: 127
  • Уважение: +3
  • Позитив: +13
  • Пол: Женский
  • Последний визит:
    Пт, 8 Июн 2012 15:19:59

Deff
Спасибо за пояснения. А если я попробую увеличить шрифт названия меню, у меня получится сделать это? Или это надо сразу определенный шрифт вставлять в код? Проще говоря, как увеличить размер шрифта?

0

362

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51458
  • Уважение: +15421
  • Позитив: +12048
  • Последний визит:
    Вчера 16:10:06
FR-Mia написал(а):

сибо за пояснения. А если я попробую увеличить шрифт названия меню, у меня получится сделать это? Или это надо сразу определенный шрифт вставлять в код? Проще говоря, как увеличить размер шрифта?

Я бы вместо текста - вставил бы картинки - ( в принципе никто не мешает поменять размер

Текст обрамляете в теги <span style="font-size:18px;">Тут название пункта меню </span>
18 = ваш размер(меняете -подбираете сами

Отредактировано Deff (Вт, 18 Янв 2011 17:15:02)

+1

363

  • Автор: FR-Mia
  • Заслуженный
  • FR-Mia
  • Зарегистрирован: Чт, 31 Дек 2009
  • Сообщений: 127
  • Уважение: +3
  • Позитив: +13
  • Пол: Женский
  • Последний визит:
    Пт, 8 Июн 2012 15:19:59
Deff написал(а):

Я бы вместо текста - вставил бы картинки

Изначально, я так и хотела. Но потом мне понравилось как в вашем варианте текст при нажатии менял цвет. Я не случайно спросила, вы делали этот код под этот стиль? Потому что оба цвета шрифта сочетаются с цветами стиля оформления. Так что теперь, когда вы сказали мне, как поменять размер, я оставлю анимированный текст. Спасибо, Deff =)

0

364

  • Автор: FR-Mia
  • Заслуженный
  • FR-Mia
  • Зарегистрирован: Чт, 31 Дек 2009
  • Сообщений: 127
  • Уважение: +3
  • Позитив: +13
  • Пол: Женский
  • Последний визит:
    Пт, 8 Июн 2012 15:19:59

Deff
Так-с, с размером разобралась. Теперь поняла, что хочу изменить начертание шрифта. Как это сделать? Шрифт нужен Kunstler Script

0

365

  • Автор: FR-Mia
  • Заслуженный
  • FR-Mia
  • Зарегистрирован: Чт, 31 Дек 2009
  • Сообщений: 127
  • Уважение: +3
  • Позитив: +13
  • Пол: Женский
  • Последний визит:
    Пт, 8 Июн 2012 15:19:59

Опять косяки... Но я его всё же добъю! Deff, открывая содержимое третьего блока, содержимое и основная картинка несколько смещаются вправо. Где-то не сошлось значение пикселов, я полагаю?

0

366

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51458
  • Уважение: +15421
  • Позитив: +12048
  • Последний визит:
    Вчера 16:10:06

FR-Mia Добавить > <span style="font-size:18px;font-family:'Kunstler Script';">

FR-Mia написал(а):

, открывая содержимое третьего блока, содержимое и

Ccылку на форум с установленным кодом (*не лечу по фотографии и хрустальному шару

FR-Mia написал(а):

Изначально, я так и хотела. Но потом мне понравилось как в вашем варианте текст при нажатии менял цвет.

Отредактировано Deff (Пн, 24 Янв 2011 12:12:38)

0

367

  • Автор: FR-Mia
  • Заслуженный
  • FR-Mia
  • Зарегистрирован: Чт, 31 Дек 2009
  • Сообщений: 127
  • Уважение: +3
  • Позитив: +13
  • Пол: Женский
  • Последний визит:
    Пт, 8 Июн 2012 15:19:59
Deff написал(а):

(*не лечу по фотографии и хрустальному шару

Конечно. http://eduportal.mybb.ru/

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

Добавить > <span style="font-size:18px;font-style:'Kunstler Script';">

Поняла.

0

368

  • Автор: FR-Mia
  • Заслуженный
  • FR-Mia
  • Зарегистрирован: Чт, 31 Дек 2009
  • Сообщений: 127
  • Уважение: +3
  • Позитив: +13
  • Пол: Женский
  • Последний визит:
    Пт, 8 Июн 2012 15:19:59
Deff написал(а):

<span style="font-size:18px;font-style:'Kunstler Script';">

Не фурычит. Размер меняется, шрифт остается. Может он не поддерживает такой шрифт?

0

369

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51458
  • Уважение: +15421
  • Позитив: +12048
  • Последний визит:
    Вчера 16:10:06
FR-Mia написал(а):

Не фурычит. Размер меняется, шрифт остается. Может он не поддерживает такой шрифт?

Возможо такого шрифта у Вас просто нету в фонтах на компе(тогда у других -тем более
Пробуйте так:
<span style="font-size:18px;font-style:'Kunstler Script'!important;">

Насчет картинок:

FR-Mia написал(а):

Изначально, я так и хотела. Но потом мне понравилось как в вашем варианте текст при нажатии

Вариант не собственно мой - Основная Идея и реализация - от rps - (*от меня там кот наплакал-поправил ток отображение открытие первого модуля в Xpоме заменой трансляции кода на jQuery)

тоже самое можно сделать и с картинками

добавить

#menu a.tabactive{
background-color:red;
color:#31A2B7;
font-weight:bold;
}

И картинки сделать слегка полупрозрачными  (*red; - меняете на свой цвет

Поправил (насчёт дрыганий при кликах на второй -третий пункт меню- дрыгалось из-за изменения длины текста меню

Код:
	<center><!--=== Табличка =========-->
<style type="text/css">
#tableMy {
background:url(http://s014.radikal.ru/i328/1101/fc/30fbf551a01c.jpg) no-repeat center right;
}

#menu {
margin-top:-90px;
position:absolute;
padding-left: 12px;
text-align: left;
}

#menu a {
text-shadow: #FAFAD8 -2px -2px 1px,#94A4B0  2px 2px 2px;
display:block;
padding: 0;
height:40px;
margin: 10px 0;
text-decoration: none;
}
#menu a.tabactive{
color:#31A2B7;
font-weight:bold;
}

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

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

#MenuTxT {
padding: 5px; background:url() no-repeat center;
text-shadow: #755a57 2px 2px 12px,#9C816C -2px -2px 12px,#94A4B0  1px 1px 2px;
}

#submenu A {
color: #CCC; 
}
#menu .tabactive {
color: 65065f;
}
</style>
<!-- Cкрипт для всей Таблички  -->


<table id=tableMy style="width: 100%; /*border:2px #000 solid!important;*/">
 <tbody>
  <tr>
   <td style="width:40%;">
    <div id="menu"> <i>
     <a alt=#sm1 "style="cursor: pointer;"><span style="font-size:45px;font-style:'Kunstler Script';">О форуме</span></a>
     <a alt=#sm2 "style="cursor: pointer;"><span style="font-size:45px;font-style:'Kunstler Script';">Навигация</span></a>
     <a alt=#sm3 "style="cursor: pointer;"><span style="font-size:45px;font-style:'Kunstler Script';">Объявления</span></a>
      </i>
    </div>
   </td>
   <td style="width:60%;" id="MenuTxT"  align="center" valign="center">
    <div id="submenu" align="center"> <i>
     <div id="sm1" class="submenutext" style="display:block;"><br/><br/>

<!-- Тут контент 1-го Блока -->
Тут контент 1-го Блока
</div>

     <div id="sm2" class="submenutext"><br/><br/>
<!-- Тут контент 2-го Блока -->
Тут контент 2-го Блока
</div>

     <div id="sm3" class="submenutext"><br/><br/>
<!-- Тут контент 3-го Блока -->
Тут контент 3-го Блока
</div>

     </i>
    </div>
   </td>
  </tr>
 </tbody>
</table>
<script type="text/javascript">

$(document).ready(function() {

$("td.#MenuTxT div.submenutext").hide();
<!--$(".tabs a:first").addClass("active").show(); -->
$("td.#MenuTxT div.submenutext:first").show();

$("div.#menu a").click(function() {
    $("div.#menu a").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("td.#MenuTxT div.submenutext").hide();
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).fadeIn();
    return false;
 });
});
</script>
</center><!--===/End Табличка =========-->

Отредактировано Deff (Вт, 18 Янв 2011 18:55:53)

0

370

  • Автор: FR-Mia
  • Заслуженный
  • FR-Mia
  • Зарегистрирован: Чт, 31 Дек 2009
  • Сообщений: 127
  • Уважение: +3
  • Позитив: +13
  • Пол: Женский
  • Последний визит:
    Пт, 8 Июн 2012 15:19:59
Deff написал(а):

!important

К сожалению, не помогает =) Я постараюсь подобрать другой подходящий шрифт.

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

Вариант не собственно мой - Основная Идея и реализация - от rps - (*от меня там кот наплакал-поправил ток отображение открытие первого модуля в Xpоме заменой трансляции кода на jQuery)

Вы правы, но для меня, человека, который не так хорошо разбирается в технике данного вопроса, важнее исполнение, то есть, результат. Результат от ваших изменений мне понравился больше. Но и Павлу я благодарна =)

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

И картинки сделать слегка полупрозрачными  (*red; - меняете на свой цвет

Спасибо за совет.

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

Поправил

Да, теперь всё хорошо. И правильно, что вы картинку поровняли по правому боку. Спасибо.

0

371

  • Автор: Pigalle
  • Заслуженный
  • Pigalle
  • Зарегистрирован: Вс, 25 Апр 2010
  • Сообщений: 133
  • Уважение: +3
  • Позитив: +45
  • Пол: Женский
  • Последний визит:
    Чт, 1 Дек 2016 15:52:53
Jason Stone написал(а):

И у меня почему то в двух последних ячейках не высвечивается информация.

Обращаясь к сообщению 334 в этой же теме, проблема та же: текст в последней ячейке не отображается.
Пробник здесь - http://blah.7bb.ru/

Заранее спасибо за помощь))

0

372

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51458
  • Уважение: +15421
  • Позитив: +12048
  • Последний визит:
    Вчера 16:10:06
Pigalle написал(а):

Обращаясь к сообщен

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

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


#MenuTxT {
 background:url(http://s1.ipicture.ru/uploads/20110123/tLiP6g2R.png) no-repeat center;
text-shadow: #755a57 1px 1px 5px,#9C816C -1px -1px 5px,#91776b  1px 1px 1px;
}

#submenu A {
color: #CCC; 
}
#menu .tabactive {
color: 583f33;
}
</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: 615px;">
 <tbody>
  <tr>
   <td>
    <div id="menu"> <b>
     <a onclick="subMenu(this,'sm1')"style="cursor: pointer;">Номинации</a>
     <a onclick="subMenu(this,'sm2')"style="cursor: pointer;">События игры</a>
     <a onclick="subMenu(this,'sm3')"style="cursor: pointer;">Время|Погода</a>
     <a onclick="subMenu(this,'sm4')"style="cursor: pointer;">Администрация</a>
           </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;">
<img src="http://s2.ipicture.ru/uploads/20110123/62SoFpx7.png" />
</div>
     <div id="sm2" class="submenutext"><br /><br />

<div style="overflow: scroll; overflow-x: hidden; height: 150px; width: 700px"> 
<div align="center"> 
Пожалуй, пришло время дать несколько советов. А как же без них?  Может, люди и учатся на ошибках других, но подавляющему их большинству почему-то гораздо интереснее учиться на своих собственных, нежели на ошибках тех, кто сейчас занимается исправлением их последствий. Итак, начнем...
<br/>
Перво-наперво попробуйте последить за объявлениями в газетах - только внимательно, потому что иногда там попадаются такие интересные вещи.... вдруг откопаете телефонный номерок какой-нибудь знаменитости, позвоните ей и пригласите на свидание? Джастин Тимберлейк так и сделал - почти, потому что вряд ли кто-то ходит на свидания в Диснейленд. Да и... что уж там говорить, нынешнее время вовсе не для свиданий: работа ждет, зовет и прямо-таки зовет! Вот, например, в тех же газетах (перед объявлениями, да) уже начали появляться первые отголоски того, что впоследствии вполне может стать сенсацией, причем очень громкой: личная жизнь все того же мистера Тимберлейка в очередной раз становится достоянием общественности, унося с собой песчинки жизни в целом. Впрочем, если и существует некий период, по истечении которого можно начинать верить слухам, том ы его пока еще не определили. Поможете?....
<br/>
Кстати, о слухах - не те ли это слухи, которые тихо, но стремительно плетутся вокруг имени модельного агенства Chase & Chest, какого-то эксклюзивного нового проекта, обещающего быть совершенно уникальным  и единственным в своем роде?.... Все возможно, но и эту блондинка также встречалась с Джастином. Будьте внимательны....
<br/>
Что касается остальных, не менее именитых жителей Лос-Анджелеса, то с подробностями их жизни каждодневно знакомятся все желающие - те, кто имеет в кармане хотя бы пару-тройку долларов на журнал или газету. Очередная, скажем, утка о братьях Лето может и не быть правдой, но фанаты группы по-прежнему надеяться на выход нового альбома. Так уж не потому ли его до сих пор нет, что Джаред подался в более высокое искусство? Правда, вопрос о ценности музыки и живописи так и останется открытым на веки, как говорится, вечные, зато на результат работы это никак не повлияет. Тем более, что натурщицей стала еще одна певица - Кристина Агилера. Захватывает дух, не так ли? 
<br/>
<br/>
<strong>Хотите красивой жизни? Присоединяйтесь к нам!</strong>
</div> 
</div>

</div>
     <div id="sm3" class="submenutext"><br /><br />
<table width="100%" border="0">
<tr>
<td>
<b>Время</b>
<br/>
<br/>
31.10 - 1.11 - утро;
<br/>
<u>2.11 - 4.11 - день</u>;
<br/>
5.11 - 6.11 - вечер;
<br/>
7.11 -8.11 - ночь.
<br/>______________<br/>
<br/>
<strong>9 Января, 2010 г.</strong>
<br/>______________<br/>

</td>
<td>
<b>Погода</b>
<br/>
<br/>
<u>Лос-Анджелес: </u>
<br/>
<strong>Температура воздуха:</strong> +10...+15.
<br/>
<strong>Ветер: </strong> 4 м/с, восточный.
<br/>
<strong>Влажность воздуха: </strong> 79%.
<br/>
<br/>
<div align="center">  <img src="http://s2.ipicture.ru/uploads/20110118/W4G1ohyV.png" /></div> 
</td></tr></table></div>
     <div id="sm4" class="submenutext"><br /><br />

<div align="center">
<a href="http://goodlife.7bb.ru/profile.php?id=4"><img src="http://www.ipicture.ru/uploads/101104/SuHI46hG6n.png" /></a>
<br/>
<a href="http://goodlife.7bb.ru/profile.php?id=5"><img src="http://www.ipicture.ru/uploads/101104/EUXjYORy6R.png" /></a>
</div>

</div>
     <div id="sm5" class="submenutext"><br /><br />

<a href="http://goodlife.7bb.ru/viewtopic.php?id=1484">F.A.Q.</a>
<br/>
<a href="http://goodlife.7bb.ru/viewtopic.php?id=4">Правила</a>
<br/>
<a href="http://goodlife.7bb.ru/viewtopic.php?id=38">Занятые роли</a>
<br/>
<a href="http://goodlife.7bb.ru/viewtopic.php?id=81">Мы очень ждем...</a>
<br/>
<a href="http://goodlife.7bb.ru/viewtopic.php?id=134">Вопросы</a>
<br/>
<a href="http://goodlife.7bb.ru/viewtopic.php?id=133">Предложения</a>
<br/>
<a href="http://goodlife.7bb.ru/viewtopic.php?id=2">Суть игры</a>
<br/>
<a href="http://goodlife.7bb.ru/viewtopic.php?id=378#p8170"> Предупреждения и бан</a>
<br/>
<a href="http://goodlife.7bb.ru/viewforum.php?id=35">Реклама</a>
</div>
     <div id="sm6" class="submenutext"><br /><br />

<div align="center"><font color="#914444"><strong>>> Внимание:</strong></font>
<br/>
	Действует <a href="http://goodlife.7bb.ru/viewtopic.php?id=1883#p102422 "><font color="white">упрощенный</font></a> прием
</div> <br/>
	<div align="center"><font color="#914444"><strong>>> каталог форумов РА</strong></font>
<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></div>
<div align="center">
<br/>Просьба обо всех возникших идеях и предложениях по поводу проведения каких-либо глобальных мероприятий (вечеринок, презентаций, показов или даже тусовок по случаю Дня Рождения) писать в ЛС администрации, или в соответствующей теме <a href="http://goodlife.7bb.ru/viewtopic.php?id=133 ">предложений</a>.

</div></div>

     <div id="sm7" class="submenutext"><br /><br /> 

<div align="center">
•<font color="#b89d91"><strong> Организатор</strong></font>: .....
<br/>
•<font color="#b89d91"><strong> Мероприятие</strong></font>: ....
<br/>
•<font color="#b89d91"><strong> Место проведения</strong></font>: 
<a href="....."> none</a>.
<br/> 
•<font color="#b89d91"><strong> Время проведения</strong></font>: ....
<br/>
•<font color="#b89d91"><strong> Приглашены:</strong></font>: .... 

</div>
         </div>
   </td>
  </tr>
<tr>
   <td>
    <div id="menu"> <b>
<a onclick="subMenu(this,'sm5')"style="cursor: pointer;">Навигатор</a>
     <a onclick="subMenu(this,'sm6')"style="cursor: pointer;">Новости форума</a>
     <a onclick="subMenu(this,'sm7')"style="cursor: pointer;">Приглашения</a>
</b>
    </div></div>
   </td>
</tr>
 </tbody>
</table>
</center>

(*А кто виноват что Вы не следите за закрытием тегов ??

два diva центрирующий и скролблок - не закрыты(посмотрите в своём коде перед установкой - и поправил центровку по вертикали( иначе нижние блоки (если с них начинать первые клики проваливаюца ниже таблицы

Отредактировано Deff (Вс, 23 Янв 2011 21:35:27)

0

373

  • Автор: Pigalle
  • Заслуженный
  • Pigalle
  • Зарегистрирован: Вс, 25 Апр 2010
  • Сообщений: 133
  • Уважение: +3
  • Позитив: +45
  • Пол: Женский
  • Последний визит:
    Чт, 1 Дек 2016 15:52:53
Deff написал(а):

А кто виноват что Вы не следите за закрытием тегов ??

Ну... никто, собственно, никого и не обвиняет. Кто виноват, тот и интересуется   http://i.smiles2k.net/aiwan_smiles/crazy.gif

И еще вопрос.

Jason Stone написал(а):

Почему, когда нажимаешь на второй заголовок, первый не убирается и получается, что одна надпись на другой? Как это исправить?

Та же самая проблема, к сожалению((

0

374

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51458
  • Уважение: +15421
  • Позитив: +12048
  • Последний визит:
    Вчера 16:10:06
Pigalle написал(а):

Та же самая проблема, к сожалению((

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

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


#MenuTxT {
 background:url(http://s1.ipicture.ru/uploads/20110123/tLiP6g2R.png) no-repeat center;
text-shadow: #755a57 1px 1px 5px,#9C816C -1px -1px 5px,#91776b  1px 1px 1px;
}

#submenu A {
color: #CCC; 
}
#menu .tabactive {
color: 583f33;
}
</style>
	<center>
<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: 200px;
text-align: center;
font-size: 12px;
width: 720px;
}

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


#MenuTxT {
 background:url(http://s1.ipicture.ru/uploads/20110123/tLiP6g2R.png) no-repeat center;
text-shadow: #755a57 1px 1px 5px,#9C816C -1px -1px 5px,#91776b  1px 1px 1px;
}

#submenu A {
color: #CCC; 
}
#menu .tabactive {
color: 583f33;
}
</style>
<script type="text/javascript">
$(document).ready(function() {
$("td.#MenuTxT div.submenutext").hide();
<!--$(".tabs a:first").addClass("active").show(); -->
$("td.#MenuTxT div.submenutext:first").show();
$("div.#menu a").click(function() {
    $("div.#menu a").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("td.#MenuTxT div.submenutext").hide();
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).fadeIn();
    return false; });
});
</script>

<table style="width: 615px;">
 <tbody>
  <tr>
   <td>
    <div id="menu"> <b>
<a alt=#sm1 "style="cursor: pointer;">Номинации</a>
<a alt=#sm2 "style="cursor: pointer;">События игры</a>
<a alt=#sm3 "style="cursor: pointer;">Время|Погода</a>
<a alt=#sm4 "style="cursor: pointer;">Администрация</a>
           </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;">
<img src="http://s2.ipicture.ru/uploads/20110123/62SoFpx7.png" />
</div>
     <div id="sm2" class="submenutext"><br /><br />

<div style="overflow: scroll; overflow-x: hidden; height: 150px; width: 700px"> 
<div align="center"> 
Пожалуй, пришло время дать несколько советов. А как же без них?  Может, люди и учатся на ошибках других, но подавляющему их большинству почему-то гораздо интереснее учиться на своих собственных, нежели на ошибках тех, кто сейчас занимается исправлением их последствий. Итак, начнем...
<br/>
Перво-наперво попробуйте последить за объявлениями в газетах - только внимательно, потому что иногда там попадаются такие интересные вещи.... вдруг откопаете телефонный номерок какой-нибудь знаменитости, позвоните ей и пригласите на свидание? Джастин Тимберлейк так и сделал - почти, потому что вряд ли кто-то ходит на свидания в Диснейленд. Да и... что уж там говорить, нынешнее время вовсе не для свиданий: работа ждет, зовет и прямо-таки зовет! Вот, например, в тех же газетах (перед объявлениями, да) уже начали появляться первые отголоски того, что впоследствии вполне может стать сенсацией, причем очень громкой: личная жизнь все того же мистера Тимберлейка в очередной раз становится достоянием общественности, унося с собой песчинки жизни в целом. Впрочем, если и существует некий период, по истечении которого можно начинать верить слухам, том ы его пока еще не определили. Поможете?....
<br/>
Кстати, о слухах - не те ли это слухи, которые тихо, но стремительно плетутся вокруг имени модельного агенства Chase & Chest, какого-то эксклюзивного нового проекта, обещающего быть совершенно уникальным  и единственным в своем роде?.... Все возможно, но и эту блондинка также встречалась с Джастином. Будьте внимательны....
<br/>
Что касается остальных, не менее именитых жителей Лос-Анджелеса, то с подробностями их жизни каждодневно знакомятся все желающие - те, кто имеет в кармане хотя бы пару-тройку долларов на журнал или газету. Очередная, скажем, утка о братьях Лето может и не быть правдой, но фанаты группы по-прежнему надеяться на выход нового альбома. Так уж не потому ли его до сих пор нет, что Джаред подался в более высокое искусство? Правда, вопрос о ценности музыки и живописи так и останется открытым на веки, как говорится, вечные, зато на результат работы это никак не повлияет. Тем более, что натурщицей стала еще одна певица - Кристина Агилера. Захватывает дух, не так ли? 
<br/>
<br/>
<strong>Хотите красивой жизни? Присоединяйтесь к нам!</strong>
</div> 
</div>

</div>
     <div id="sm3" class="submenutext"><br /><br />
<table width="100%" border="0">
<tr>
<td>
<b>Время</b>
<br/>
<br/>
31.10 - 1.11 - утро;
<br/>
<u>2.11 - 4.11 - день</u>;
<br/>
5.11 - 6.11 - вечер;
<br/>
7.11 -8.11 - ночь.
<br/>______________<br/>
<br/>
<strong>9 Января, 2010 г.</strong>
<br/>______________<br/>

</td>
<td>
<b>Погода</b>
<br/>
<br/>
<u>Лос-Анджелес: </u>
<br/>
<strong>Температура воздуха:</strong> +10...+15.
<br/>
<strong>Ветер: </strong> 4 м/с, восточный.
<br/>
<strong>Влажность воздуха: </strong> 79%.
<br/>
<br/>
<div align="center">  <img src="http://s2.ipicture.ru/uploads/20110118/W4G1ohyV.png" /></div> 
</td></tr></table></div>
     <div id="sm4" class="submenutext"><br /><br />

<div align="center">
<a href="http://goodlife.7bb.ru/profile.php?id=4"><img src="http://www.ipicture.ru/uploads/101104/SuHI46hG6n.png" /></a>
<br/>
<a href="http://goodlife.7bb.ru/profile.php?id=5"><img src="http://www.ipicture.ru/uploads/101104/EUXjYORy6R.png" /></a>
</div>

</div>
     <div id="sm5" class="submenutext"><br /><br />

<a href="http://goodlife.7bb.ru/viewtopic.php?id=1484">F.A.Q.</a>
<br/>
<a href="http://goodlife.7bb.ru/viewtopic.php?id=4">Правила</a>
<br/>
<a href="http://goodlife.7bb.ru/viewtopic.php?id=38">Занятые роли</a>
<br/>
<a href="http://goodlife.7bb.ru/viewtopic.php?id=81">Мы очень ждем...</a>
<br/>
<a href="http://goodlife.7bb.ru/viewtopic.php?id=134">Вопросы</a>
<br/>
<a href="http://goodlife.7bb.ru/viewtopic.php?id=133">Предложения</a>
<br/>
<a href="http://goodlife.7bb.ru/viewtopic.php?id=2">Суть игры</a>
<br/>
<a href="http://goodlife.7bb.ru/viewtopic.php?id=378#p8170"> Предупреждения и бан</a>
<br/>
<a href="http://goodlife.7bb.ru/viewforum.php?id=35">Реклама</a>
</div>
     <div id="sm6" class="submenutext"><br /><br />

<div align="center"><font color="#914444"><strong>>> Внимание:</strong></font>
<br/>
	Действует <a href="http://goodlife.7bb.ru/viewtopic.php?id=1883#p102422 "><font color="white">упрощенный</font></a> прием
</div> <br/>
	<div align="center"><font color="#914444"><strong>>> каталог форумов РА</strong></font>
<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></div>
<div align="center">
<br/>Просьба обо всех возникших идеях и предложениях по поводу проведения каких-либо глобальных мероприятий (вечеринок, презентаций, показов или даже тусовок по случаю Дня Рождения) писать в ЛС администрации, или в соответствующей теме <a href="http://goodlife.7bb.ru/viewtopic.php?id=133 ">предложений</a>.

</div></div>

     <div id="sm7" class="submenutext"><br /><br /> 

<div align="center">
•<font color="#b89d91"><strong> Организатор</strong></font>: .....
<br/>
•<font color="#b89d91"><strong> Мероприятие</strong></font>: ....
<br/>
•<font color="#b89d91"><strong> Место проведения</strong></font>: 
<a href="....."> none</a>.
<br/> 
•<font color="#b89d91"><strong> Время проведения</strong></font>: ....
<br/>
•<font color="#b89d91"><strong> Приглашены:</strong></font>: .... 

</div>
         </div>
   </td>
  </tr>
<tr>
   <td>
    <div id="menu"> <b>
<a alt=#sm5 "style="cursor: pointer;">Навигатор</a>
<a alt=#sm6 "style="cursor: pointer;">Новости форума</a>
<a alt=#sm7 "style="cursor: pointer;">Приглашения</a>
</b>
    </div></div>
   </td>
</tr>
 </tbody>
</table>
</center>

К Автору Обращайтесь ( поменял скрипт

Отредактировано Deff (Пн, 24 Янв 2011 12:10:36)

0

375

  • Автор: Pigalle
  • Заслуженный
  • Pigalle
  • Зарегистрирован: Вс, 25 Апр 2010
  • Сообщений: 133
  • Уважение: +3
  • Позитив: +45
  • Пол: Женский
  • Последний визит:
    Чт, 1 Дек 2016 15:52:53

Deff
Ээээм..... четвертый пункт не отображается, хотя в коде, как я вижу, он есть.

0

376

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51458
  • Уважение: +15421
  • Позитив: +12048
  • Последний визит:
    Вчера 16:10:06
Pigalle написал(а):

Ээээм..... четвертый пункт не отобр

Поправил

Отредактировано Deff (Пн, 24 Янв 2011 12:10:59)

+1

377

  • Автор: Pigalle
  • Заслуженный
  • Pigalle
  • Зарегистрирован: Вс, 25 Апр 2010
  • Сообщений: 133
  • Уважение: +3
  • Позитив: +45
  • Пол: Женский
  • Последний визит:
    Чт, 1 Дек 2016 15:52:53

Deff
Спасибо большое за всю помощь)

0

378

  • Автор: Сакура-тян
  • Заслуженный
  • Сакура-тян
  • Зарегистрирован: Вт, 10 Авг 2010
  • Сообщений: 122
  • Уважение: +11
  • Позитив: +14
  • Пол: Женский
  • Последний визит:
    Чт, 16 Июл 2020 21:39:33

<img src='http://i028.radikal.ru/1101/f4/79206438bfa9.png'>

0

379

  • Автор: Сакура-тян
  • Заслуженный
  • Сакура-тян
  • Зарегистрирован: Вт, 10 Авг 2010
  • Сообщений: 122
  • Уважение: +11
  • Позитив: +14
  • Пол: Женский
  • Последний визит:
    Чт, 16 Июл 2020 21:39:33
Сакура-тян написал(а):

<img src='http://i028.radikal.ru/1101/f4/79206438bfa9.png'>

Это ошибочно отправила, если можно удалите, спасибо

0

380

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7432
  • Уважение: +5960
  • Позитив: +6564
  • Пол: Мужской
  • Последний визит:
    Вчера 21:22:30

Выпадающее меню при наведении курсора с несколькими пунктами (вставлять в HTML верх)
Пример на двух пунктах меню - возможность сколько влезет:

<BR>
<BR>
<BR>
<div style="position: absolute; left:40px; top:0px;">
<table>
<tr>
<td valign="top">
<!-- Первое меню-->
<div style="border:solid 1px black; background-color:#002233;" onmouseover="menu1.style.display='block';"

onmouseout="menu1.style.display='none';"><p style="color:LightCyan;">Название вашего меню 1<br>
компьютере</p>

<div style="line-height:165%; display:none; border:solid 0px green; background-color:LightCyan;" id="menu1" >
<a href="Ваша ссылка 1">Ваше название 1</a><br>
<a href="Ваша ссылка 2">Ваше название 2</a><br>
<a href="Ваша ссылка 3">Ваше название 3</a><br>
</div>
</div>
</td>
<td valign="top">
<!-- Второе меню-->
<div style="border:solid 1px black; background-color:#002233;" onmouseover="menu2.style.display='block';"

onmouseout="menu2.style.display='none';"><p style="color:LightCyan;">Название вашего меню 2</p><br>

<div style="line-height:165%; display:none; border:solid 1px green; background-color:LightCyan;" id="menu2" >
<UL type="">
<LI><a href="Ваша ссылка 4">Ваше название 4</a></LI>
<LI><a href="Ваша ссылка 5">Ваше название 5</a></LI>
<LI><a href="Ваша ссылка 6">Ваше название 6</a></LI>
</UL>
</div>
</div>
</td>

и т.д.
в конце ставите:
</tr>
</table>
</div>

Где: красным отмечен отступ вашего форума для общего меню;
коричневым - отступ с левого края всех меню;
фиолетовым - цвет фона вашего конкретного меню (для остальных надо дублировать);
голубым - цвет названия вашего данного меню (для остальных надо дублировать);
синим - цвет фона подменю (для остальных надо дублировать);
и зеленым отмечены толщина и цвет границы меню и подменю (border:solid 1px black; и border:solid 0px green; соответственно);
line-height:165%; - высота строк подменю; (дублировать для других меню тоже надо)

Вот мой скрипт в оригинале первых двух меню для сравнения:

<BR>
<BR>
<BR>
<div style="position: absolute; left:40px; top:0px;">
<table>
<tr>
<td valign="top">
<!-- Первое меню-->
<div style="border:solid 1px black; background-color:#002233;" onmouseover="menu1.style.display='block';"

onmouseout="menu1.style.display='none';"><p style="color:LightCyan;">Все о персональном<br>
компьютере</p>

<div style="line-height:165%; display:none; border:solid 0px green; background-color:LightCyan;" id="menu1" >
<a href="http://digitalferrum.bbmy.ru/viewforum.php?id=22">Персональные компьютеры</a><br>
<a href="http://digitalferrum.bbmy.ru/viewforum.php?id=23">Платформы</a><br>
<a href="http://digitalferrum.bbmy.ru/viewforum.php?id=2">Видеокарты</a><br>
<a href="http://digitalferrum.bbmy.ru/viewforum.php?id=24">Мониторы</a><br>
<a href="http://digitalferrum.bbmy.ru/viewforum.php?id=25">Периферия&nbsp;и&nbsp;комплектующие</a><br>
<a href="http://digitalferrum.bbmy.ru/viewforum.php?id=3">Windows и системное ПО</a><br>
<a href="http://digitalferrum.bbmy.ru/viewforum.php?id=26">Альтернативное ПО</a><br>
<a href="http://digitalferrum.bbmy.ru/viewforum.php?id=37">Ноутбуки, нетбуки, планшеты <br>и другие девайсы</a><br>
<a href="http://digitalferrum.bbmy.ru/viewforum.php?id=16">Компьютерные услуги</a><br>
<a href="http://digitalferrum.bbmy.ru/viewforum.php?id=7">Разное</a>
<br>
</div>
</div>
</td>
<td valign="top">
<!-- Второе меню-->
<div style="border:solid 1px black; background-color:#002233;" onmouseover="menu2.style.display='block';"

onmouseout="menu2.style.display='none';"><p style="color:LightCyan;">Планета Игр</p><br>

<div style="line-height:165%; display:none; border:solid 1px green; background-color:LightCyan;" id="menu2" >
<UL type="">
<LI><a href="http://digitalferrum.bbmy.ru/viewforum.php?id=28">Анонс !!!</a></LI>
<LI><a href="http://digitalferrum.bbmy.ru/viewforum.php?id=27">Игровой Портал</a></LI>
</UL>
</div>
</div>
</td>
</tr>
</table>
</div>

Посмотреть пример можно здесь: http://digitalferrum.bbmy.ru/

Отредактировано kolobdur74 (Пт, 28 Янв 2011 01:07:48)

0

Страница:   1 … 17 18 19 20 21 … 28  

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