Код:
<link href='http://fonts.googleapis.com/css?family=Arizonia' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Carrois+Gothic+SC' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Pathway+Gothic+One' rel='stylesheet' type='text/css'> <script src="https://forumstatic.ru/files/000b/3c/c0/81993.js" type="text/javascript"></script> <script src="https://forumstatic.ru/files/000b/3c/c0/46061.js" type="text/javascript" charset="utf-8"></script> <script src="https://forumstatic.ru/files/000b/3c/c0/82706.js" type="text/javascript" charset="utf-8"></script> <script src="https://forumstatic.ru/files/000b/3c/c0/51725.js" type="text/javascript" charset="utf-8"></script> <style type="text/css"> #stuscontainer {width: 500px;} #stuscontainer h1 { font-family: times; font-size: 8px; letter-spacing: 2px; width: 500px; line-height: 9px; text-align: center; text-transform: uppercase; color: #7e6283; font-weight: inherit; padding-top: 8px; padding-bottom: 8px; border-top: 1px solid #7e6283; border-bottom: 1px solid #7e6283;} h2 { margin: 0; margin-bottom: 14px; padding: 0; } #slider { width: 530px; margin: 0 auto; position: relative; border: 30px #cdbdd8 solid; background: #cdbdd8; } .scroll { height: 290px; width: 520px; overflow: auto; overflow-x: hidden; position: relative; clear: left; line-height: 10px; -moz-box-shadow: inset 0 0 20px 5px #af98c1; -webkit-box-shadow: inset 0 0 20px 5px #af98c1; box-shadow: inset 0 0 20px 5px #af98c1; background-color: #c6b4d4; border-left: 5px #8b61a8 solid; border-right: 5px #8b61a8 solid; color: #5b4c65; -moz-border-radius-topright: 50px; -moz-border-radius-bottomleft: 50px; } .scrollContainer div.panel { padding: 20px; height: 240px; width: 480px; overflow: auto; } #shade { background: #EDEDEC url() no-repeat 0 0; height: 50px; } ul.navigation { text-align: center; font-weight: 600; font-size: 12px; font-family: 'Times New Roman', Times, serif; font-style: italic; text-transform: uppercase; list-style: none; margin: 0; padding: 0; padding-bottom: 9px; } ul.navigation li { display: inline; margin-right: 10px; -moz-box-shadow: inset 0 0 4px 4px #af98c1; -webkit-box-shadow: inset 0 0 4px 4px #af98c1; box-shadow: inset 0 0 4px 4px #af98c1; background-color: #c6b4d4; -moz-border-radius-topleft: 7px; -moz-border-radius-bottomright: 7px; padding: 3px; } ul.navigation a { padding: 10px; color: #000; text-decoration: none; } ul.navigation a:hover { background: transparent; } ul.navigation a.selected { background: transparent; } ul.navigation a:focus { outline: none; } .scrollButtons { position: absolute; top: 150px; cursor: pointer; } .scrollButtons.left { left: -20px; } .scrollButtons.right { right: -20px; } .hide { display: none; } </style> <br><br> <br><br> <div style=" width: 590px; margin: 0 auto; position: relative; background: #8b61a8; height: 30px;"></div> <div id="slider"> <div style="font-size: 40px; text-align: center; font-weight: bold; letter-spacing: -2px; font-family: Arizonia; text-shadow: 1px 1px #d0cbbe; position: relative; top: -10px; font-style: italic; color: #856e94;"> Внешности недели </div><div style="font-family: arial; font-size: 7px; text-align: center; letter-spacing: 6px; text-transform: uppercase; padding: 1px; position: relative; top: -5px; position: relative; top: -20px;"> раздаём незаюзанные внешности </div> <center><span class="tooltip"><img src="http://s9.uploads.ru/3zWSP.png"><em>CORA KEEGAN<br><b>цвет волос:</b> блондинка<br><b>цвет глаз:</b> карие<br><b>возраст:</b>21<br></em></span> <span class="tooltip"><img src="http://s9.uploads.ru/VBFQ2.png"><em>KATHARINE McPHEE<br><b>цвет волос:</b> шатенка<br><b>цвет глаз:</b> карие<br><b>возраст:</b>29 лет<br></em></span> <span class="tooltip"><img src="http://s8.uploads.ru/nSiMj.png"><em>JONATHAN JACKSON<br><b>цвет волос:</b> шатен<br><b>цвет глаз:</b> голубые<br><b>возраст:</b>31 год<br></em></span> <span class="tooltip"><img src="http://s8.uploads.ru/4vgwC.png"><em>EDDIE REDMAYNE<br><b>цвет волос:</b> тёмно-коричневые<br><b>цвет глаз:</b> зелёные<br><b>возраст:</b>32 года<br></em></span> <span class="tooltip"><img src="http://s8.uploads.ru/6WeRU.png"><em>AMY ADAMS<br><b>цвет волос:</b> рыжие<br><b>цвет глаз:</b> голубые<br><b>возраст:</b>39 лет<br></em></span> <span class="tooltip"><img src="http://s9.uploads.ru/zcNJZ.png"><em>AARON TVEIT<br><b>цвет волос:</b> шатен<br><b>цвет глаз:</b> серо-голубые<br><b>возраст:</b>30 лет<br></em></span></center> <div id="stuscontainer"> <h1> Гостевая книга предназначена для вопросов от гостей и потенциальных игроков, которые ещё не успели подать документы на ПМЖ, для остальных игроков существует отдельная тема, либо волшебная кнопка ЛС. </h1> </div><br> <div style="font-family: times; font-size: 13px; letter-spacing: 2px; width: 500px; line-height: 9px; text-align: center; text-transform: uppercase;"><center><i>ПРАВИЛА ТРЁХ <b>НЕ</b></i>:</center></div><br> <div style="font-family: Carrois Gothic SC; font-size: 12px; letter-spacing: 1px; width: 500px; text-align: center; color: #795d7e;"> - <b><i>НЕ</i></b> хамить, не переходить на личности и общаться исключительно в вежливой форме. Зелёных троллей, педовочек и истеричек мы очень любим посылать в бан, а их сообщения подчищать клавишей Delete.<br><br> - <b><i>НЕ</i></b> флудить, сообщения должны быть либо в вопросительной форме, либо от администрации. Игроков просим воздержаться от комментариев. Исключение составляет, когда сам гость требует к барьеру определённого игрока. <br><br> - <b></i>НЕ</i></b> задавать те вопросы, ответы на которые уже прописаны в гиде вопросов ниже. Иначе игнор от администрации обеспечен. </div><br><br> <ul class="navigation"> <li><a href="#sites">гид по форуму</a></li> <li><a href="#files">краткий ликбез</a></li> <li><a href="#editor">связь с администрацией</a></li> </ul> <div class="scroll"> <div class="scrollContainer"> <div class="panel" id="sites"><h2>гид вопросов</h2> <i><b>Q:</i></b> на сколько придерживаются внешности?<br> <i><b>A:</i></b> на три дня. Разрешается одно продление на тот же срок.<br><br> <i><b>Q:</i></b> можно сменить внешность/имя акционному персонажу?<br> <i><b>A:</i></b> смотря кому, с какой акции и на какую. Пишите в гостевую, обязательно указывайте с какой и на какую, а там решим)<br><br> <i><b>Q:</i></b> приглянулась внешность из акции, что делать?<br> <i><b>A:</i></b> напишите нам в гостевую какую внешность вы хотите забрать и мы вам её освободим, при условии, что вы придётся со своим персонажем.<br><br> <i><b>Q:</i></b> придержите роль по акции?<br> <i><b>A:</i></b> обязательно указывайте название акции и имя персонажа, которого хотите придержать.<br><br> <i><b>Q:</i></b> можно попросить у вас код?<br> <i><b>A:</i></b> нет, мы не раздаём ни коды, ни скрипты. Можем помочь с этим делом если вы являетесь нашим vip-партнёром или хорошим знакомым. <br><br> <i><b>Q:</i></b> хочу придержать внешность для нужного.<br> <i><b>A:</i></b> их мы придерживаем только за золотые на определённый срок, чтобы не было грызни.<br><br> <i><b>Q:</i></b> у вас есть ошибки.<br> <i><b>A:</i></b> укажите на них и мы обязательно исправим)<br> </div> <div class="panel" id="files"><h2>придержанные</h2><p> <div style="letter-spacing: 1px; width: 500px; line-height: 10px; text-align: center;"> Все внешности придерживаются на три дня, срок брони внешности истекает на четвёртый день в десять часов по московскому времени. Внимание: регистрация аккаунта от лица персонажа, без анкеты на этого перса, не даёт вам право считать внешность занятой за вами. Внешность может быть передана и в том случае, если после подачи анкеты вы не отписались в теме с занятыми внешностями.<br> Надеемся на ваше понимания, а впрочем, претензии в любом случае не принимаются) </div><br> Jared Leto » за jazz vincent » 27/04/2014 (нужные) <br> Lily Collins » за athena » 28/04/2014<br> Elle Fanning » за Yolanda Kirk » 25/04/2014<br> Стивен Амелл » за mickey maus » 26/04/2014<br> Робби Кей » за мимопирожок .з » 26/04/2014<br> Бен Хаггерти » за мимокрокодил » 26/04/2014<br> Макс Айронс » за лис » 27/04/2014<br> Имоджен Путс » за лис » 27/04/2014<br> Кен Свенейпл » за ене » 29/04/2014<br> Уилла Холланд » за валенсия » 30/04/14<br> </p></div> <div class="panel" id="editor"><h2>связь с администрацией</h2><p> <div class="quote-box"><table style="table-layout:fixed;width:100%"><tr><td><p><img class="postimg" src="http://savepic.net/5162228.gif" alt="http://savepic.net/5162228.gif" /></p></td><td><p><img class="postimg" src="http://savepic.net/5158132.gif" alt="http://savepic.net/5158132.gif" /> <strong><a href="http://dorsummalum.rusff.me/click.php?http://dorsummalum.rusff.me/messages.php?action=new&uid=6" rel="nofollow" target="_blank">личное сообщение</a></strong><br /><img class="postimg" src="http://savepic.net/5142772.png" alt="http://savepic.net/5142772.png" /> <strong>461966288</strong><br /><img class="postimg" src="http://savepic.net/5123316.png" alt="http://savepic.net/5123316.png" /> <strong>alice.smoke</strong></p></td></tr></table><p><strong><span style="font-style: italic">С чем обращаться? </span></strong><br />Вопросы по ведьмам, сюжету, массовым квестам, поиску партнера для игры. С требованием гейм-мастера. Если нашли ошибки в текстовой части, возникли проблемы с выбором персонажа/имени/внешности. Организация и проведение конкурсов.<br /><strong><span style="font-style: italic">Когда ловить на форуме?</span></strong><br />По будням в основном вечером, на выходных почти круглосуточно.</p></div> <br /> <div class="quote-box"><table style="table-layout:fixed;width:100%"><tr><td><p><img class="postimg" src="http://savepic.net/5124105.gif" alt="http://savepic.net/5124105.gif" /></p></td><td><p><img class="postimg" src="http://savepic.net/5158132.gif" alt="http://savepic.net/5158132.gif" /> <strong><a href="http://dorsummalum.rusff.me/click.php?http://dorsummalum.rusff.me/messages.php?action=new&uid=7" rel="nofollow" target="_blank">личное сообщение</a></strong><br /><img class="postimg" src="http://savepic.net/5142772.png" alt="http://savepic.net/5142772.png" /> <strong>661997716</strong></p></td></tr></table><p><strong><span style="font-style: italic">С чем обращаться? </span></strong><br />Вопросы по охотникам, поиск партнера для игры. Рекламные моменты, вопросы по орг. темам. Жалобы и предложения по организации.<br/><strong><span style="font-style: italic">Когда ловить на форуме?</span></strong><br />Заходит часто, выбирайте удобное время.</p></div> </p></div> </div> </div> </div> <div style=" width: 590px; margin: 0 auto; position: relative; background: #8b61a8; height: 50px;"></div>