написали код таблицы, у некоторых пользователей она раскладывается при загрузке страницы. Только потом сворачивается в контейнеры. адрес - http://juuo.rusff.me/
хтмл-верх:
<style> #menu { margin-top: -5px; width: 140px height: 40px; background-repeat : no-repeat;} #menu span { text-align:left; display:block; color:#000000; margin: 7px 0; padding: 11px; } #submenu, #menu span { border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; background:#efeff0; } #menu .tabactive { color: #000000; background:#b4c2ea; } #submenu { padding: 3px; height: 330px; text-align: center; font-size: 10px; width: 580px; } .submenutext { display: none; height: 40px; } </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: 800px; border="1"> <tbody> <tr> <td valign=top> <div id="menu"> <span alt="#sm1" style="cursor: pointer;"> <font size="5" face=" Adobe Garamond Pro">NEWS</font> </span> <span alt="#sm2" style="cursor: pointer;"> <font size="5" face=" Adobe Garamond Pro"> LINKS</font> </span> <span alt="#sm3" style="cursor: pointer;"> <font size="5" face=" Adobe Garamond Pro"> GAME</font> </span> <span alt="#sm4" style="cursor: pointer;"> <font size="5" face=" Adobe Garamond Pro"> ADMINS</font> </span> <span alt="#sm5" style="cursor: pointer;"> <font size="5" face=" Adobe Garamond Pro"> PARTNERS</font> </span> </div> </td> <td id="MenuTxT" align="center" valign="top"> <div id="submenu" align="center"> <div id="sm1" class="submenutext" style="display:block;"> <div style="width: 100%; height: 275px; overflow-y: auto;"><font size="4" face=" Century Gothic"> Информация:</font></br><br> <a target="_blank" href="http://premieres.rusff.me/"><img src="http://i.imgur.com/tGJjL.gif" ></a></br>Уважаемые гости! Мы предлагаем вам окунуться в мир магии и волшебства! Драконы, мазоку, эльфы, люди и иная чисть и нечисть - мы рады каждому!Регистрируйтесь и присоединяйтесь к нашему миру! Здесь вас ждут удивительные путешествия, веселая компания и уютная атмосфера. Приключения ждут вас!</br> <i>з.ы.Если у вас возникли какие-либо вопросы обращайтесь к Джуу-о или Лине в ЛС или в гостевом разделе.</i></br><br> <b>۞Игрокам:</b> </br><br> Неожиданно пришла зима, где-то уже лежит снег, а где-то, до сих пор, гуляют дожди. Но, не только погода горазда на сюрпризы, на форуме тоже много нового: <br> • Добавлены новые локация и обновлены их описания. <br> • Большая часть форума теперь скрыта от гостей.<br> • Обновлен список ролей. <br> • На форуме стартовали "Новогодние Квесты". <br> </div> </div> <div id="sm2" class="submenutext"> <div style="width: 100%; height: 275px; overflow-y: auto;"> <center><table><tr><td><font size="4" face=" Century Gothic">Основные ссылки:</font><br><br></td><td><font size="4" face=" Century Gothic">Акции:</font><br><br></td></tr><tr><td> <b><a href="http://slayers.mybb.ru/viewtopic.php?id=451">Информационный раздел.</a></b><br> <b><a href="http://slayers.mybb.ru/viewtopic.php?id=34">Сюжет.</a><br></b> <b><a href="http://slayers.mybb.ru/viewtopic.php?id=2">Список Ролей.</a><br></b> <b><a href="http://slayers.mybb.ru/viewtopic.php?id=163">Пример анкеты.</a><br></b> <b><a href="http://slayers.mybb.ru/viewtopic.php?id=6">Правила.</a><br></b> <b><a href="http://slayers.mybb.ru/viewtopic.php?id=610#p79985"><b>Квесты.</b></a></br> <b><a href="http://slayers.mybb.ru/viewtopic.php?id=30"><b>Список Заклинаний.</b></a></br> <a href="http://slayers.mybb.ru/viewforum.php?id=18">Реклама</a><br> </td><td><a href="http://slayers.mybb.ru/viewtopic.php?id=519"><b>Акция #1: Маги в студию!</b></a></br> <a href="http://slayers.mybb.ru/viewtopic.php?id=520#p54113"><b>Акция #2:Наемники.</b></a></br> <a href="http://slayers.mybb.ru/viewtopic.php?id=524"><b>Акция #3: Т.И. Божественный Храм.</b></a></br> <a href="http://slayers.mybb.ru/viewtopic.php?id=525"><b>Акция #4: Т.И. Темный Храм.</b></a></br> <a href="http://slayers.mybb.ru/viewtopic.php?id=526"><b>Акция #5: Т.И. Общество Спиритистов.</b></a></br> <a href="http://slayers.mybb.ru/viewtopic.php?id=546"><b>Акция #6: Slayers Canons</b></a></br> <a href="http://slayers.mybb.ru/viewtopic.php?id=737"><b>Акция #7: Искатели Приключений.</b></a></br> <a href="http://slayers.mybb.ru/viewtopic.php?id=741"><b>Акция #8: Сумрачные Странники.</b></a></br></td></tr></table></center> </div></div> <div id="sm3" class="submenutext" style="display:block;"> <div style="width: 100%; height: 275px; overflow-y: auto;"> <font size="4" face=" Century Gothic">Об игре</font><br><br> Действия происходят в уже хорошо знакомом нам одном из миров, созданном могуществом Золотого Владыки. Легенда повествует о последнем артефакте, сила которого многократно превышает мощь Повелителей Тьмы и Богов. Вскоре тайные сведения о нем просачивается наружу и с этого момента будущее зависит от того, в чьи руки он попадет. А как поступили бы вы? Повиновались бы воле монстров или богов, или же следовали своим целям? Отныне весь мир замер у тонкой черты. <br><br>• Время в ролевой: 11:00 - 16:00.<br> Подробнее о погодных условиях в теме:</br> <a href="http://slayers.mybb.ru/viewtopic.php?id=282"><b>Погода и время суток в ролевой</b></a> </br> </br><table><tr><td><u><b>Список активных квестов:</b></u></br> <b> • По ту сторону мира.</b> - Лина Инверс, Зелгадис Грейвордс, Меро, Кселлос</br> <b> • Да здравствует вилка!</b> - Tortorens, Allanor, GM</br> <b> • Знания? Кто кого?</b> - Urlit, Копия Резо, Lei Magnus, Глубоководная Дольфин</br> <b> • Противоположности..мм..притягиваются.</b> -Арио, Ричард.</br> <b> • Не суй руку в чужой карман. – попадешь на героепоклоницу!</b> - Винсент, Amelia</br> <b> • Новый виток. Опять жив! </b>- L-sama, Марю-о Гаав</br> <b> •Клыки, бутылка и магия!</b> - Taura, Айран, Rein Rivs</br> <b> • Неожиданная неожиданность! Или хорошо спланированное представление?</b>- Мадео, Джуу-о Зеллас Металлиум</br> <b> • Встреча? Неприятности для мазоку.</b> - Adonis, Hellmaster Fibrizzo</br></td> <td><img src="http://uploads.ru/t/o/K/M/oKMNJ.png" border="0" /></br> <img src="http://uploads.ru/t/j/1/E/j1Eip.png" border="0" /></br> </td></tr></table> Подробное описание квестов можете посмотреть в <a href="http://slayers.mybb.ru/viewtopic.php?id=610#p79985"><b>этой</b> теме.</a> </div></div> <div id="sm4" class="submenutext" style="display:block;"> <div style="width: 100%; height: 275px; overflow-y: auto;"> <br><br><br> <font size="4" face=" Century Gothic">Администраторы</font> <center> <table><tr><td> <img src="http://uploads.ru/i/f/I/T/fITuW.png" border="0" /> </td><td> <img src="http://uploads.ru/i/r/O/u/rOuC2.png" border="0" /> </td></tr> <tr><td>ICQ<br> 468221871 </td> <td> ICQ<br> 554618735 </td></tr> </table> </center> </div></div> <div id="sm5" class="submenutext" style="display:block;"> <div style="width: 100%; height: 275px; overflow-y: auto;"> <center><font size="4" face=" Century Gothic">Друзья Форума </font></center></br> <a target="_blank" href="http://kolubel.mybb.ru"><img src="http://s003.radikal.ru/i201/1004/60/6ec49e013715.gif"></a> <a href="http://chrnocrusade.anihub.ru/"><img src="http://uploads.ru/i/p/k/a/pkaM2.png" border="0"></a> <a href="http://betrayalknowsmyname.mybb.ru" target=_blank> <img src="https://forumupload.ru/uploads/000c/13/5d/85-1.png" title="Betrayal Knows My Name" border=0 width="88" height="31"></a> <a title="blue exorcist" href="http://aoex.anihub.ru/" target="_blank"><img src="http://i075.radikal.ru/1105/f3/ac2edd8fb08d.png" alt="blue exorcist" width="88" height="31" border="0" /></a> <a target="_blank" href="http://jotei.mybb.ru/"><img src="http://i016.radikal.ru/1105/3a/356cf031c080.gif" border=0 title="Silver Rain"></a><a target="_blank" href="http://yourelement.rolka.su/"><img src="http://s57.radikal.ru/i158/1106/15/3a3d1e69b28a.jpg" ></a><a href="http://wonders.anihub.ru/" target=_blank> <img src="http://s48.radikal.ru/i122/1107/0c/5718d3125bb5.png"border="0"alt=" wondercity " width=88 height=31></a><a href='http://akumaproject.rolbb.ru/'> <img src="http://s59.radikal.ru/i163/1109/d3/e4c1982fb9dd.gif" alt='Akuma Project'></a><a href="http://citadelofknowledge.rusff.me/"> <img src="http://i059.radikal.ru/1109/f9/f622a70b90a4.gif" width="88" height="31" border="0" alt="Цитадель знаний"> </a><a href="http://razashi.rolbb.ru/"><img src="http://s011.radikal.ru/i315/1104/b0/d170a311acbd.png" ></a><a href="http://demonlife.ru/"><img src="http://s49.radikal.ru/i123/1003/46/b543cf185f55.png" title="Town of legend" /></a><a href="http://inkai.anihub.ru/" target=_blank> <img src="https://forumupload.ru/uploads/000f/a3/91/812-1.gif" title="Shin, jinsei no raibaru" ></a><a href="http://schoolnightmare.rusff.me/"><img src="http://savepic.su/345997.gif" alt="Magic School "Oblivion""></a><a href="http://hostodelia.anihub.ru/" target="_blank" ><img src="http://i.pixs.ru/storage/2/7/6/Moyfilmgif_2559078_2614276.gif" border="0" alt="как война" /></a> </br> <center><font size="4" face=" Century Gothic">Ротации </font></center></br> <center> <table> <tr> <td> <!-- http://bleachzknr.mybb.ru/ ZKNR rotation --> <div style="WIDTH: 88px; height:41px" ><center><script type="text/javascript" src="http://bleachzknrrot.ucoz.ru/rtr/1"></script><a href="http://bleachzknr.mybb.ru/" target=_blank><img src=http://bleach-z.ru/files/000e/9d/8b/61013.gif border="0" alt="Ротация баннеров"></a></center></div> <br /> <!-- http://bleachzknr.mybb.ru/ ZKNR rotation --></center></div> <br /> <!-- http://bleachzknr.mybb.ru/ ZKNR rotation --></td> <td><!-- /http://kolubel.ru/ KOLUBEL --><div style="WIDTH: 88px; height:41px" ><center><script type="text/javascript" src="http://kolubel.ucoz.ru/rtr/1 "></script><a href="http://kolubel.mybb.ru/" target=_blank><img src=https://forumupload.ru/uploads/000c/8b/02/103450-1.gif border="0" alt="Ротация баннеров"></a></center></div> <br /> <!-- /http://kolubel.ucoz.ru/rtr/1/ KOLUBEL --></center></div> <br /> <!-- /http://rotation.mybb.ru/ KOLUBEL --></td><center><td></center> </td> </tr> </table> </div></div> </div> </td> </tr> </tbody> </table></center>
Отредактировано капля (31.01.2012 14:36:10)