Живой макет > http://hostjs-mybb2011.narod.ru/table_9 … ;!--====== Начало Таблички ========= -->
<style> /* Сама таблица */
#table_01 {
margin: 0px 0 0px 0px;
width:680px;
height:384px;
background: url(http://savepic.org/800510.jpg) left top no-repeat;
}/* Картинка под таблицу 680 x 384 */
</style>
<style> /* Кнопки */
.My_button {
font-size:18px;
font-weight:bold;
font-style: oblique;
color: #9090A0;
font-family: 'Arial Unicode MS';
}
</style>
<style> /* Стиль всплывающего меню */
td .container1 {height: 260px; position:relative;margin-top:6px; width:354px; background: #DCDAE6; z-index: 1000; border: 2px solid #D2B48C; font-size: 12px; font-family: 'Lucida Sans Unicode'; text-align: center;
/* Прозрачка в Всплывающем меню */
background-color: transparent !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;*/
} /* Конец Стиля всплывающего меню */
</style>
<center><table id="table_01" cellspacing="0" cols="4" rows="3" border="0">
<tbody>
<tr cellspacing="0" valign="center">
<td colspan="4" style="height:55px;/*border:1px #000 solid!important;*/">
<!-- &&&Бегущая строка -->
<center><marquee id="abs2" width="98%" direction="left" behavior="scroll" scrollamount="2" onmouseout="document.all.abs2.start()" onmouseover="document.all.abs2.stop()"><span style="color: #890DCE; text-shadow: #958BD0 -1px -1px 2px;"><span style="font-size: 24px"><span style="font-family: Times New Roman"><span style="font-style: italic"><strong>
<!-- Бегущая Строка == Начало Заполнения пункта -->
Приветствуем тебя гость! Сейчас ты находишься на главной странице нашего
форума.Не поленись. Зарегистрируйся и вливайся в нашу игру. Лучшая игра и сюжеты по таинственному Живому лесу ждут Тебя.!
<!--ХХ Конец Заполнения пункта -->
</strong></span></span></span></span></marquee></center>
</td>
</tr >
<tr сols="4" align="center" valign="center" cellspacing="0" style="height:55px" border="0">
<!-- &&&Кнопки -->
<td id="butt_1" width=24% height="55" style="/*border:1px #000 solid!important;*/">
<!-- Имя 1-й Кнопки -->
<span class="My_button">Admins</span>
</td>
<td id="butt_2" width=24% style="/*border:1px #000 solid!important;*/">
<!-- Имя 2-й Кнопки -->
<span class="My_button">События</span>
</td>
<td id="butt_3" width=24% style="/*border:1px #000 solid!important;*/">
<!-- Имя 3-й Кнопки -->
<span class="My_button">Партнерство</span>
</td>
<td id="butt_4" width="192" style="/*border:1px #000 solid!important;*/">
<!-- Имя 4-й Кнопки -->
<span class="My_button">Акции</span>
</td>
</tr>
<tr align="center" valign="top" height="287">
<!--&&&Картинка+тексты-->
<td colspan="3" valign="top" align="center" cellspacing="0" cellpadding="0" style="background: url(Картинка не более 463х277 пиксел) center no-repeat;/*border:1px #000 solid!important;*/;">
<!-- =============&&&info-block-->
<center><div id="info-block" align="center" style="font-style: normal!important!"><div class="span" style="width:365px;">
<!-- ... -->
<div class="container1" id="001" style="0;display: none;/**/">
<center style="margin: 20px 0 -34px 0;"><font color="red" size="2"><b>[Администрация]</b></font></center>
<div id="ner1" style="padding-right:12px; margin: 45px 0px 3px 31px; width: 300px; height: 206px; text-align: justify; overflow-y: auto; overflow-x: hidden;font-size:14px;font-weight:bold; color: #890DCE/**/;">
<!-- Администраторы и модераторы на ролевой == Начало Заполнения пункта -->
<br> <font color="red"><b> Администраторы:</b></font> <br> <i> Лидлай - глав.админ.</i>
<br> <i>Ashes - соадмин. и заместитель гл.админа</i>
<br> <i>Хорор</i>
<br> <font color="red"><b> PR-агенты:</b></font> <br> <i>Хрустальная Лилия</i>
<br> <font color="red"><b> Срочно требуются:</b></font><br> <i> PR-агенты</i></p><<br><br><br><br>
<!--ХХ Конец Заполнения пункта -->
</div>
</div>
<!-- ... -->
<div class="container1" id="002" style="display: none;/**/">
<center style="margin: 20px 0 -34px 0;"><font color="red" style="font-size:14px"><b>[События и Сюжет на ролевой]</b></font></center>
<div id="ner1" style="padding-right:12px; margin: 33px 0px 3px 31px; width: 300px; height: 206px; text-align: justify; overflow-y: auto; overflow-x: hidden;font-size:12px;font-weight:bold; color: #7C5F3B/**/;">
<!-- События и Сюжет на ролевой == Начало Заполнения пункта -->
<br/>
Итак, остается последний месяц лета и все ребята стараются насладиться отдыхом. Шарпей возвращается с очередного путешествия,и снова намерена завоевать сердце гламурного Троя. Келси написала тьму новых песен, Трой и Чед как всегда весь в баскетболе, но находит время встречаться с Габриэллой, она же помогает маме по саду. В школе много новеньких, недавно переехавших в Альбукерке, учеников. Сэм надеется влиться в компанию новых друзей и стать немного смелее, что ей не очень хорошо дается. Тэйлор переехала в другой город и очень скучает по Диким котам,они стали ее семьей. Райан не отстает от сестры, он вместе с ней ездит по разным странам. Габи и Трой почему то стали ссориться из-за всякой ерунды, кстати Трой стал поглядывать на новую ученицу Сэм, которая не упускает момента поулыбаться и построить глазки в ответ. Но Габи старается не замечать перемен и живет обычной жизнью. В последний месяц все ребята будут работать в Лава Спринкс, все, за исключением Райана и Шарпей, ведь они элитные члены клуба. Скоро состоится важное событие,в Лава Спринкс будет проводится конкурс талантов.И конечно же,никто не хочет остаться незамеченным. Шарпей намерена завоевать главный приз и настроена очень серьезно.Если вы знаете ее,то уверены она всегда идет напролом, но у нее внезапно появляется конкурентка, новая ученица Девонн Фуллер Лефевр, которая также не прочь заполучить главный приз!
Посмотрим,что будет дальше..<br><br><br><br>
<!--ХХ Конец Заполнения пункта -->
</div>
</div>
<!-- ... -->
<div class="container1" id="003" style="display: none;/**/">
<center style="margin: 20px 0 -34px 0;"><font color="red" style="font-size:14px"><b>[Партнёрство]</b></font></center>
<div id="ner1" style="padding-right:12px; margin: 33px 0px 3px 31px; width: 300px; height: 206px; text-align: justify; overflow-y: auto; overflow-x: hidden;font-size:13px;font-weight:bold; color: #1A7C15/**/;">
<br/>
<marquee id="abc" height="190px" direction="up" behavior="scroll" scrolldelay="203" scrollamount="2" onmouseout="document.all.abc.start()" onmouseover="document.all.abc.stop()">
<div align="left" class='lipsum' style="width:290px; margin-left: 0px; ">
<!-- == Партнёрка и Банеры == Начало Заполнения пункта -->
<center><font color="red"><b>Реклама</b></font></center><br>
<center><p><i>Дорогие рекламщики, вы можете рекламить, зайдя:</i></p></center><br>
<center><p><i>Ник: Рекламщик</i></p></center><br>
<center><p><i>Пароль: 123456</i></p></center><br>
<center><p><i>Реклама только взаимная! Всё проверяется лично мной.</i></p></center><br>
<center><hr size="1" width="80%" color="red"></center>
<!--ХХ Конец Заполнения пункта -->
</div>
</marquee>
</div>
</div>
<!-- ... -->
<div class="container1" id="004" style="display: none;/**/">
<center style="margin: 20px 0 -34px 0;"><font color="red" style="font-size:14px"><b>[Акции]</b></font></center>
<div id="ner1" style="padding-right:12px; margin: 33px 0px 3px 31px; width: 300px; height: 206px; text-align: justify; overflow-y: auto; overflow-x: hidden;font-size:12px;font-weight:bold; color: #763EA0;">
<!-- Акции == Начало Заполнения пункта -->
<br/>
Итак, остается последний месяц лета и все ребята стараются насладиться отдыхом. Шарпей возвращается с очередного путешествия,и снова намерена завоевать сердце гламурного Троя. Келси написала тьму новых песен, Трой и Чед как всегда весь в баскетболе, но находит время встречаться с Габриэллой, она же помогает маме по саду. В школе много новеньких, недавно переехавших в Альбукерке, учеников. Сэм надеется влиться в компанию новых друзей и стать немного смелее, что ей не очень хорошо дается. Тэйлор переехала в другой город и очень скучает по Диким котам,они стали ее семьей. Райан не отстает от сестры, он вместе с ней ездит по разным странам. Габи и Трой почему то стали ссориться из-за всякой ерунды, кстати Трой стал поглядывать на новую ученицу Сэм, которая не упускает момента поулыбаться и построить глазки в ответ. Но Габи старается не замечать перемен и живет обычной жизнью. В последний месяц все ребята будут работать в Лава Спринкс, все, за исключением Райана и Шарпей, ведь они элитные члены клуба. Скоро состоится важное событие,в Лава Спринкс будет проводится конкурс талантов.И конечно же,никто не хочет остаться незамеченным. Шарпей намерена завоевать главный приз и настроена очень серьезно.Если вы знаете ее,то уверены она всегда идет напролом, но у нее внезапно появляется конкурентка, новая ученица Девонн Фуллер Лефевр, которая также не прочь заполучить главный приз!
Посмотрим,что будет дальше..<br><br><br><br>
<!--ХХ Конец Заполнения пункта -->
</div>
</div>
<!-- ... -->
</div></div></center>
</td>
<td align="center" valign="top" colspan="1" width="192" style="padding-top:12px; /*border:1px #000 solid!important;*/">
<!-- &&&Лифт текста -->
<div style="width: 190px; height: 250px; text-align: justify; overflow-y: auto; overflow: hidden;">
<marquee id="abc33" height="250" direction="up" behavior="scroll" scrolldelay="203" scrollamount="2" onmouseout="document.all.abc33.start()" onmouseover="document.all.abc33.stop()">
<div align="left" class='lipsum' style="width:176px; margin-left: 10px; font-size:14px; color: #3EB41F/**/;text-shadow:#171746 1px 1px 1px; ">
<!-- == Крайняя правая колонка Движущийся текст == Начало Заполнения пункта -->
<i><b><p align="center"><font color="red"><u>Для гостей:</u><br/> Добро пожаловать! Эта игра вам точно понравится! Настоящая жизнь лесных животных. Всё, как в реале. Регистрируйтесь и удачной игры!!!</p>
</font></b><font color="maroon"></font></i>
<br>
<i><b><p align="center"><u>Для администраторов и модераторов:</u><br/> <span style="color:red">Дорогие<br/> администраторы и модераторы.</span></p></b> Зайдите в "Книга администрации" обязательно! Там размещено первое объявление. Прошу выполнить!!!</i>
<br/> <br/>
<p align="center"><i><u><span style="color: red"><b>Для участников:</b></span></u></p>Сейчас ведётся набор в модераторы, пиар агенты и в администраторы. А также создаётся сюжет. И если вы хотите быть важным в игре, то не забудьте помочь в его создании. Ещё, до сих пор, ведутся строительные работы. Если что-то не загружается пишите в соответствующий раздел или ко мне в личку. Всем удачной и интересной игры.</i><br/><br/>
<center><font color="red"><b>[Реклама]</b></font></center><br>
<center><p><i>Дорогие рекламщики, вы можете рекламить, зайдя:</i></p></center><br>
<center><p><i>Ник: Рекламщик</i></p></center><br>
<center><p><i>Пароль: 123456</i></p></center><br>
<center><p><i>Реклама только взаимная! Всё проверяется лично мной.</i></p></center><br>
<center><hr size="1" width="80%" color="red"></center>
<!--ХХ Конец Заполнения пункта -->
</marquee></div>
</td>
</tr>
</tbody>
</table></center>
<!-- &&&Cкрипт сворачивания - разворачивания -->
<script type="text/javascript">
$(document).ready(function(){
$('#butt_4').click(function () {
$('div.span>div.#004').show(1000);
$('div.span>div.#003').hide(800);
$('div.span>div.#002').hide(800);
$('div.span>div.#001').hide(800);});
$('#butt_3').click(function () {
$('div.span>div.#003').show(1000);
$('div.span>div.#004').hide(800);
$('div.span>div.#002').hide(800);
$('div.span>div.#001').hide(800);});
$('#butt_2').click(function () {
$('div.span>div.#002').show(1000);
$('div.span>div.#004').hide(800);
$('div.span>div.#003').hide(800);
$('div.span>div.#001').hide(800);});
$('#butt_1').click(function () {
$('div.span>div.#001').show(1000);
$('div.span>div.#004').hide(800);
$('div.span>div.#003').hide(800);
$('div.span>div.#002').hide(800);});
});
</script>
<!-- &&&Конец Cкрипта -->
<!--============== Конец Таблички =========== -->Пояснения:
- картинка под всю табличку вставляецо сюда (красным):
background: url(http://savepic.org/800510.jpg) left top no-repeat; }/* Картинка под таблицу 680 x 384 */Ps: Можно на этой картинке и кнопки прорисовать - тогда кнопки надписями - убрать
Картинка под надпись" картинка "вставляецо сюда (ищите в коде<td colspan="3" valign="top" align="center" cellspacing="0" cellpadding="0" style="background: url(Картинка не более 463х277 пиксел) center no-repeat;/*border:1px #000 solid!important;*/;">Сами пункты заполняюца между тегами cиним( cиние теги не трогаем:<!-- Администраторы и модераторы на ролевой == Начало Заполнения пункта -->
<br> <font color="red"><b> Администраторы:</b></font> <br> <i> Лидлай - глав.админ.</i><br> <i>Ashes - соадмин. и заместитель гл.админа</i><br> <i>Хорор</i><br> <font color="red"><b> PR-агенты:</b></font> <br> <i>Хрустальная Лилия</i><br> <font color="red"><b> Срочно требуются:</b></font><br> <i> PR-агенты</i></p><<br><br><br><br>
<!--ХХ Конец Заполнения пункта --> Вроде фсё..