Golden Women написал(а):Ау... Можно пожалуйста табличку? Только я дуб дубом с кодами, поэтому прошу где мне надо писать покажите)
Cкриншот > 
Действующий макет> http://hostjs-mybb2011.narod.ru/table_8.htm
Код:<!-- Начало ============== Табличка =========== -->
<style> /**/
h2 span,h1 span {color:#E8E898; font: bold italic 190% serif!important; text-shadow: #12124D 1px 1px 0px;}
.topic .container {background: #24500C url(http://savepic.ru/1901841.jpg) repeat-x!important;}
.pa-title {margin-top: 23px; }
#pun-viewtopic .container ul{color: #FFFFFF!important; }
.topic h3 {background-color: #010101!important; }
.topic h3 span { border-style: none!important; }
#table_01 { /* Сама таблица */
margin: 0px 0 0px 0px;
width:778px;
height:491px;
background: url(http://savepic.ru/1934363.jpg) left top no-repeat;
}
</style>
<center><marquee id="abs2" style="position:absolute; width:770px;margin: -38px 0 -2px 2px;" direction="left" behavior="scroll" scrollamount="2" onmouseout="document.all.abs2.start()" onmouseover="document.all.abs2.stop()"><span style="color: #17FFF7; text-shadow: #2E3E4D -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>
<center>
<table id="table_01" cols="3" rows="2" align="center" border="0">
<tbody id="tbody_01">
<tr>
<td align="left" valign="top" style="width:23%;height:444px;" cellspacing="0">
<table cols="1" width="100%" rows="3" align="center" width="100%" border="0" cellspacing="0">
<td align="right" valign="bottom" style="height:103px;" cellspacing="0">
<!-- &&&кнопка Admins -->
<a id="butt_1" name="news"><img class="my_button_line01" src='http://savepic.ru/1963033.png' onmouseover="this.src='http://savepic.ru/1956889.png'" onmouseout="this.src='http://savepic.ru/1963033.png'" border="0" alt="news"/></a>
</td></tr><tr>
<td align="right" valign="bottom" style="height:139px;" " cellspacing="0" >
<!-- &&&кнопка Navigation -->
<a id="butt_2" name="news"><img class="my_button_line01" src='http://savepic.ru/1925145.png' onmouseover="this.src='http://savepic.ru/1930265.png'" onmouseout="this.src='http://savepic.ru/1925145.png'" border="0" alt="news"/></a>
</td></tr><tr>
<td align="right" valign="bottom" style="/*border: 1px solid #fff;*/ height:124px;" cellspacing="0">
<!-- &&&кнопка Admin-Info -->
<a id="butt_3" name="news"><img class="my_button_line01" src='http://savepic.ru/1911833.png' onmouseover="this.src='http://savepic.ru/1914905.png'" onmouseout="this.src='http://savepic.ru/1911833.png'" border="0" alt="news"/></a>
</td>
</tr>
</table>
</td>
<td align="left" valign="top" style="width:54%; height:444px;" cellspacing="0">
<!-- == &&&Центральные Инфо-панели -->
<div id="announcement_1" style="/*visibility: hidden;*/ position:absolute;"><div class="span" style="/*visibility: hidden;*/ position:absolute; margin: -15px 20px 0 -20px; width:453px; height:480px; background: url(http://savepic.ru/1919035.png) center top no-repeat;">
<div "class="_container1" style="padding-right:12px; margin: 189px -37px 3px 83px; width: 300px; height: 206px; text-align: justify; overflow-y: auto; overflow: hidden; font-size:14px; color: #3EB41F/**/;text-shadow:#171746 1px 1px 1px;">
<marquee id="abc" height="100%" 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:300px; margin-left: 0px; ">
<!-- == Объявление == Начало Заполнения пункта -->
<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>
<!--ХХ Конец Заполнения пункта -->
</div>
</marquee>
</div>
</div></div>
<!-- == &&&Ifo-block -->
<div id="info-block" style="font-style: normal!important! position:absolute;"><div class="span" style="display: none;/**/position:absolute; margin: 76px 0 0 1px; width:419px; height:317px; background: url(http://savepic.ru/1901635.jpg) center top no-repeat;">
<div id="001" style="margin:0; padding:0;/**/display: none;">
<center style="margin: 20px 0 -34px 0;"><font color="red" size="5"><b>[Администрация]</b></font></center>
<div "class="container1" style="padding-right:12px; margin: 38px -37px 3px 47px; width: 340px; height: 246px; text-align: justify; overflow-y: auto; overflow-x: hidden; scrollbar-face-color: #313131; scrollbar-highlight-color: #313131; scrollbar-shadow-color: #313131;scrollbar-3dlight-color: #313131;scrollbar-arrow-color: #ffffff; scrollbar-track-color: #9B9DA2; scrollbar-darkshadow-color: #555252; font-size:16px;font-weight:bold; color: #1A7C15/**/; text-shadow:#FFFFD8 2px 2px 1px;">
<!-- Администраторы и модераторы на ролевой == Начало Заполнения пункта -->
<br> <font color="maroon"><b> Администраторы:</b></font> <br> <i> Лидлай - глав.админ.</i>
<br> <i>Ashes - соадмин. и заместитель гл.админа</i>
<br> <i>Хорор</i>
<br> <font color="maroon"><b> PR-агенты:</b></font> <br> <i>Хрустальная Лилия</i>
<br> <font color="maroon"><b> Срочно требуются:</b></font><br> <i> PR-агенты</i></p><<br><br><br><br>
<!--ХХ Конец Заполнения пункта -->
</div>
</div>
<div id="002" style="margin:0; padding:0;/**/display: none;">
<center style="margin: 20px 0 -34px 0;"><font color="green" size="5px"><b>[Полезные ссылки]</b></font></center>
<div "class="container2" style="padding-right:12px; margin: 38px -37px 3px 47px; width: 340px; height: 246px; text-align: justify; overflow-y: auto; overflow-x: hidden; scrollbar-face-color: #313131; scrollbar-highlight-color: #313131; scrollbar-shadow-color: #313131;scrollbar-3dlight-color: #313131;scrollbar-arrow-color: #ffffff; scrollbar-track-color: #9B9DA2; scrollbar-darkshadow-color: #555252; font-size:13px; font-weight:bold; color: #62761C/**/; text-shadow:#FFFFD8 2px 2px 1px;">
<!-- Навигация == Начало Заполнения пункта -->
<br/><p><i><a href="http://lesrealnost.rolka.su/viewtopic.php?id=7">•°• Правила №1 •°• </a><br><a href="http://lesrealnost.rolka.su/viewtopic.php?id=12#p15">•°• Правила №2 •°• </a><br><a href="http://lesrealnost.rolka.su/viewtopic.php?id=9#p12">•°• Права и обязанности (помощь) •°• </a><br><a href="http://lesrealnost.rolka.su/viewforum.php?id=3">•°• Анкеты •°• </a><br><a href="http://lesrealnost.rolka.su/viewtopic.php?id=6">•°• Животные леса •°• </a><br><a href="http://lesrealnost.rolka.su/viewtopic.php?id=8">•°• Карта •°•</a><br><a href="http://lesrealnost.rolka.su/viewforum.php?id=5">•°• Сюжеты и квесты •°• </a><br><a href="http://lesrealnost.rolka.su/viewforum.php?id=15">•°• Флуд и игры •°• </a><br><a href="http://lesrealnost.rolka.su/viewforum.php?id=14">•°• Творчество •°• </a><br><a href="http://lesrealnost.rolka.su/viewforum.php?id=12">•°• Реклама •°• </a><br><img src="http://newplanet.liverolka.ru/viewforum.php?id=8"></i></p>
<chenter><a target="_blank" href="http://www.radikal.ru"><img src="..."></a><br><br><br><br>
<!--ХХ Конец Заполнения пункта -->
</div>
</div>
<div id="003" style="margin:0; padding:0;/**/display: none;">
<center style="margin: 20px 0 -34px 0;"><font color="red" size="5px"><b>Админ-Инфо</b></font></center>
<div "class="container3" style="padding-right:12px; margin: 38px -37px 3px 47px; width: 340px; height: 246px; text-align: justify; overflow-y: auto; overflow-x: hidden; scrollbar-face-color: #313131; scrollbar-highlight-color: #313131; scrollbar-shadow-color: #313131;scrollbar-3dlight-color: #313131;scrollbar-arrow-color: #ffffff; scrollbar-track-color: #9B9DA2; scrollbar-darkshadow-color: #555252; font-size:14px; font-weight:bold; color: #90501F/**/; text-shadow:#FFFFD8 2px 2px 1px;">
<!-- Админ-Инфо == Начало Заполнения пункта -->
<i><b><p align="center"><br/> <span style="color:red">Дорогие<br/> администраторы и модераторы.</span></p></b> Зайдите в "Книга администрации" обязательно! Там размещено первое объявление. Прошу выполнить!!!</i><br><br>
<!--ХХ Конец Заполнения пункта -->
</div>
</div>
<div id="004" style="margin:0; padding:0;/**/display: none;">
<center style="margin: 20px 0 -34px 0;"><font color="red" size="4px"><b>Сюжет и События<br/> в нашем Лесу</b></font></center>
<div "class="container4" style="padding-right:12px; margin: 38px -37px 3px 47px; width: 340px; height: 226px; text-align: justify; overflow-y: auto; overflow-x: hidden; scrollbar-face-color: #313131; scrollbar-highlight-color: #313131; scrollbar-shadow-color: #313131;scrollbar-3dlight-color: #313131;scrollbar-arrow-color: #ffffff; scrollbar-track-color: #9B9DA2; scrollbar-darkshadow-color: #555252; font-size:13px; color: #83400D/**/;text-shadow:#F2F2B4 2px 2px 1px;">
<!-- События и Сюжет на ролевой == Начало Заполнения пункта -->
Итак, остается последний месяц лета и все ребята стараются насладиться отдыхом. Шарпей возвращается с очередного путешествия,и снова намерена завоевать сердце гламурного Троя. Келси написала тьму новых песен, Трой и Чед как всегда весь в баскетболе, но находит время встречаться с Габриэллой, она же помогает маме по саду. В школе много новеньких, недавно переехавших в Альбукерке, учеников. Сэм надеется влиться в компанию новых друзей и стать немного смелее, что ей не очень хорошо дается. Тэйлор переехала в другой город и очень скучает по Диким котам,они стали ее семьей. Райан не отстает от сестры, он вместе с ней ездит по разным странам. Габи и Трой почему то стали ссориться из-за всякой ерунды, кстати Трой стал поглядывать на новую ученицу Сэм, которая не упускает момента поулыбаться и построить глазки в ответ. Но Габи старается не замечать перемен и живет обычной жизнью. В последний месяц все ребята будут работать в Лава Спринкс, все, за исключением Райана и Шарпей, ведь они элитные члены клуба. Скоро состоится важное событие,в Лава Спринкс будет проводится конкурс талантов.И конечно же,никто не хочет остаться незамеченным. Шарпей намерена завоевать главный приз и настроена очень серьезно.Если вы знаете ее,то уверены она всегда идет напролом, но у нее внезапно появляется конкурентка, новая ученица Девонн Фуллер Лефевр, которая также не прочь заполучить главный приз!
Посмотрим,что будет дальше..<br><br><br><br>
<!--ХХ Конец Заполнения пункта -->
</div>
</div>
</div></div>
<!-- &&&End == Ifo-block -->
<!-- &&&End == Центральные Инфо-панели -->
</td>
<td align="left" valign="top" style="width:23%;height:444px;" cellspacing="0">
<table cols="1" rows="3" width="100%" align="center" width="100%" border="0" cellspacing="0">
<td align="left" valign="bottom" style="height:220px;" cellspacing="0">
<div "class="container4" style="padding-right:16px; margin: 74px -37px 3px 2px; width: 149px; height: 140px; text-align: justify/*left*/; overflow-y: auto; overflow-x: hidden; scrollbar-face-color: #0F500F; scrollbar-highlight-color: #216F21; scrollbar-shadow-color: #216F21;scrollbar-3dlight-color: #0F500F;scrollbar-arrow-color: #F2F0C4; scrollbar-track-color: #347434; scrollbar-darkshadow-color: #175F17; line-height: 100%;word-spacing:6px; font-size:11px; color: #135715/**/;text-shadow:#C3D1DA 1px 1px 0px;">
<center><br/><font color="red" size="2.4px"><b>Погода<br/> И время на Ролевой.</b></font></center>
<p style="padding-bottom: 3px; text-align:left!important;color:#930F1A; font-size:10px; font-family:'Arial Narrow';"><script>
now=new Date();
mArray= new Array("января", "февраля", "марта", "апреля", "мая", "июня", "июля", "августа", "сентября", "октября", "ноября", "декабря");
dArray=new Array("А вот и луна заходит за горизонт, скоро рассвет", "Едва брезжит рассвет у нас на ролевой,Доброе утречко!", "«Живой Лес» Приветствует Вас, Доброе утро! Как спалось?", "Добрый день!", "Привет!У нас в Лесу уже вечер","Вы видели красоту заката на нашей реке? Сейчас самое время, - если у Вас есть силы", "Привет лунатикам!<br/>Луна уже взошла..");
var Day=now.getDate(); if (Day<10) {Day="0"+Day};
var Year=now.getYear(); if (Year<1000) {Year=Year+1900};
Hello=""+dArray[now.getDay()];
document.write(Hello);
</script></p>
<!-- Погода и время == Начало Заполнения пункта -->
Закончилось жаркое лето. Тогда мы мечтали "Когда же наступит прохлада?!", а сейчас хотим вернуть всё назад. Уже давно дуют холодные ветра, льются дожди и уже выпал первый снег. Но он быстро растаял. Ночью ручейки покрываются льдом, а утром на траве блестит иней. Скоро в свои права вступит настоящая зима. А пока только осень морозит лесную землю.
<!--ХХ Конец Заполнения пункта -->
</div>
</td></tr><tr>
<td align="left" valign="bottom" style="height:57px;" style= cellspacing="0" >
<!-- &&&кнопка Сюжет и события -->
<a id="butt_4" name="news"><img style="margin:0 0 0px 8px;" class="my_button_line01" src='http://savepic.ru/1950744.png' onmouseover="this.src='http://savepic.ru/1952792.png'" onmouseout="this.src='http://savepic.ru/1950744.png'" border="0" alt="news"/></a>
</td></tr><tr>
<td align="left" valign="bottom" style="/*border: 1px solid #fff;*/ height:88px;" cellspacing="0">
<!-- &&&кнопка Новости и Информация -->
<a id='butt_5' name="news"><img style="margin:0 0 0px 10px;" class="my_button_line01" src='http://savepic.ru/1905688.png' onmouseover="this.src='http://savepic.ru/1964059.png'" onmouseout="this.src='http://savepic.ru/1905688.png'" border="0" alt="news"/></a>
</td>
</tr>
</table>
</td>
</tr><tr><td colspan="3" align="center" style="width:100%;">
<marquee id="abs" style="width:49%;margin-left:60px;" direction="left" behavior="scroll" scrollamount="1" onmouseout="document.all.abs.start()" onmouseover="document.all.abs.stop()"><span style="color: #17FFF7; text-shadow: #2E3E4D -1px -1px 2px;"><span style="font-size: 24px"><span style="font-family: Times New Roman"><span style="font-style: italic"><strong>
<!--Банеры == Начало Заполнения пункта -->
<!--1-й Банер -->
<a href="http://livecat.rolka.su/" target="_blank"><img height="35" src="http://s51.radikal.ru/i133/0908/7f/5e647e4647fc.gif" alt="...:::Мир котоВ:::...">
<!--2-й Банер -->
</a><a href="http://mjacksoninfo.userforum.ru" target="_blank" title="Форум М. Джексон">
<img src="http://img-fotki.yandex.ru/get/4303/m-jackson-info.4/0_31a28_655a7c8f_L.jpg"/>
</a>
<!--3-й .... -->
<!--ХХ Конец Заполнения пункта -->
<!-Приветствуем тебя гость! Сейчас ты находишься на главной странице нашего
форума.Не поленись. Зарегистрируйся и вливайся в нашу игру. Лучшая игра и сюжеты по таинственному Живому лесу ждут Тебя.!-->
</strong></span></span></span></span></marquee>
</td>
</tr>
</tbody>
</table>
</center>
<style>
/*#announcement_1 .span{visibility: hidden;}*/
</style>
<!-- &&&Cкрипт сворачивания - разворачивания -->
<script type="text/javascript">
$(document).ready(function(){
$('#butt_5').click(function () {
$('div#info-block>div.span').hide(800);
$('#announcement_1>div.span').show(800);});
$('#butt_4').click(function () {
$('div#announcement_1>div.span').hide(800);
$('div#info-block>div.span').show(800);
$('div.span>div.#004').show(800);
$('div.span>div.#003').hide(800);
$('div.span>div.#002').hide(800);
$('div.span>div.#001').hide(800);});
$('#butt_3').click(function () {
$('div#announcement_1>div.span').hide(800);
$('div#info-block>div.span').show(800);
$('div.span>div.#003').show(800);
$('div.span>div.#004').hide(800);
$('div.span>div.#002').hide(800);
$('div.span>div.#001').hide(800);});
$('#butt_2').click(function () {
$('div#announcement_1>div.span').hide(800);
$('div#info-block>div.span').show(800);
$('div.span>div.#002').show(800);
$('div.span>div.#004').hide(800);
$('div.span>div.#003').hide(800);
$('div.span>div.#001').hide(800);});
$('#butt_1').click(function () {
$('div#announcement_1>div.span').hide(800);
$('div#info-block>div.span').show(800);
$('div.span>div.#001').show(800);
$('div.span>div.#004').hide(800);
$('div.span>div.#003').hide(800);
$('div.span>div.#002').hide(800);});
});
</script>
<!--============== Конец Таблички =========== --> Пример заполнения
<!-- Бегущая Строка == Начало Заполнения пункта -->
Приветствуем тебя гость! Сейчас ты находишься на главной странице нашего
форума.Не поленись. Зарегистрируйся и вливайся в нашу игру. Лучшая игра и сюжеты по таинственному Живому лесу ждут Тебя.!
<!--ХХ Конец Заполнения пункта -->
Все что между cиними тегами > красным, - правим как нравицо - теги и саму табличку не трогаем
*Всё области, которые можно заполнять оформлены в таком виде, приведенном на примере выше
PS:Все теги начинающиеся с <!-- &&& -служебные - на них внимания не обращаем
Табличка почти заполнена, кроме сюжета и события - там текст взят с потолка
Ps2: Идея взята у Romych, из темы -"Cворачивание Разделов", -Пасибо ему!
Отредактировано Deff (Сб, 23 Окт 2010 09:53:46)
