<!---------------------------- топы ---------------------------->
<div id="table1"><div class="headerImg">
<center>
<a href="http://forum-top.ru/vote/6408" title="Рейтинг форумов Forum-top.ru" target="blank"><img src="http://forum-top.ru/uploads/buttons/forum-top_88x31_2.gif" alt="Рейтинг форумов Forum-top.ru" /></a><br>
<a href="https://rpgtop.su/25747" title="Рейтинг Ролевых Ресурсов - RPG TOP" target="_blank">
<img src="//img.rpgtop.su/88x31x11x1.gif" alt="Рейтинг Ролевых Ресурсов - RPG TOP" border="0" width="88" height="31"></a>
</center>
</div></div>

<!---------------------------- приветствие ---------------------------->
<div id="table0">
Добро пожаловать на ролевую игру <strong>Mists of Boston</strong>, основанную на сплетении реалтайма, мистики, магии, мифологии, сказаний, легенд и полёта фантазии. События разворачиваются в современном <strong>Бостоне</strong> - столице и крупнейшем городе штата Массачусетс в США.
</div>

<!---------------------------- игрок недели ---------------------------->
<div class="headerImg" style="margin-top: 188px;margin-left: 435px;position:absolute;z-index:1;">
<a href="http://mistsofboston.rusff.me/" target="_blank"><img src="http://funkyimg.com/i/2NG4Z.png" title="игрок недели:"></a>
</div>

<!---------------------------- дуэт недели ---------------------------->
<div class="headerImg" style="margin-top: 188px;margin-left: 260px;position:absolute;z-index:1;">
<a href="http://mistsofboston.rusff.me/" target="_blank"><img src="http://funkyimg.com/i/2NG8m.png" title="дуэт недели:"></a>
</div>

<!---------------------------- эпизод недели ---------------------------->
<div class="headerImg" style="margin-top: 243px;margin-left: 260px;position:absolute;z-index:1;">
<a href="http://mistsofboston.rusff.me/" target="_blank"><img src="http://funkyimg.com/i/2NG8n.png" title="эпизод недели:"></a>
</div>

<!---------------------------- пост ---------------------------->
<div class="headerImg" style="margin-left: -28px;margin-top: 202px;position: absolute;">
<a href="http://mistsofboston.rusff.me/" target="_blank"><img src="http://funkyimg.com/i/2NGbL.png" title="пост недели:"></a></div><div id="bestpost">Ты слышишь шум волшебного водопада? Вода рассыпает серебряные брызги радостной капелью и льет бушующей лавиной. Бесстрашно падает вниз. Вода бросается в глубокую пучину и торжествует в падшем величии. Замечаешь, что она не стремится ввысь? Не стремится в высоту, ибо у неё богатый исток в вышине синих гор и вода падает! Восторженностью свежей, родниковой чистотой вода падает! Неистово изливая блаженство природной смелостью она падает! Она не движется по направлению вверх, она движется по направлению вниз. Вода всегда ищет более глубокого уровня. Ей не нужно доказывать свое превосходство и она падает! Водопад! Ты слышишь магический шум водопада?....
</div>

<!---------------------------- нужные ---------------------------->
<div class="headerImg" style="margin-top: 57px;margin-left: 22px;position:absolute;z-index:1;">
<a href="http://mistsofboston.rusff.me/viewtopic.php?id=23#p399" target="_blank"><img src="https://i.imgur.com/BDB7Dns.png" title="мафия ищет специалиста цифровой защиты"></a> <a href="http://mistsofboston.rusff.me/viewtopic.php?id=22#p466" target="_blank"><img src="https://i.imgur.com/DQhbfax.png" title="Али ждёт лучшую подругу"></a> <a href="http://mistsofboston.rusff.me/viewtopic.php?id=23#p399" target="_blank"><img src="https://i.imgur.com/WsCtY8i.png" title="мафия ищет своих защитников"></a>
</div>

<!---------------------------- новичок недели ---------------------------->
<div class="headerImg" style="margin-top: 57px;margin-left: 194px;position:absolute;z-index:1;">
<a href="http://mistsofboston.rusff.me/" target="_blank"><img src="http://funkyimg.com/i/2NGXY.png" title="запомнившийся новичок:"></a>
</div>

<!---------------------------- активисты постописцы ---------------------------->
<div class="headerImg" style="margin-top: 57px;margin-left: 280px;position:absolute;z-index:1;">
<a href="http://mistsofboston.rusff.me/" target="_blank"><img src="http://funkyimg.com/i/2MswB.png" title="Имя написал ... постов"></a> <a href="http://mistsofboston.rusff.me/" target="_blank"><img src="http://funkyimg.com/i/2MswA.png" title="Имя написал ... постов"></a> <a href="http://mistsofboston.rusff.me/" target="_blank"><img src="http://funkyimg.com/i/2MswC.png" title="Имя написал ... постов"></a>
</div>

<!---------------------------- цитата ---------------------------->
<div class="tab_news">
Мы не осознавали, как хорошо нам было с магией. Мы жаловались на то, что магия чего-то не может, потому что не понимали, что мир без неё... мрачен, жесток и не имеет смысла. <div class="ams"><a href="http://mistsofboston.rusff.me/" target="_blank">© Quentin Coldwater</a></div>
</div>

<!---------------------------- мини-навигация ---------------------------->

<div id="miminavi"><div class="ams">
<center><br><a href="http://mistsofboston.rusff.me/viewtopic.php?id=14#p99" target="_blank">правила</a> ● <a href="http://mistsofboston.rusff.me/viewtopic.php?id=15#p100" target="_blank">гид по Бостону</a><br><a href="http://mistsofboston.rusff.me/viewtopic.php?id=18#p104" target="_blank">faq</a> ● <a href="http://mistsofboston.rusff.me/viewtopic.php?id=19#p105" target="_blank">внешности</a> ● <a href="http://mistsofboston.rusff.me/viewtopic.php?id=20#p106" target="_blank">вакансии</a><br><a href="http://mistsofboston.rusff.me/viewtopic.php?id=25#p111" target="_blank">хочу к вам</a> ● <a href="http://mistsofboston.rusff.me/viewtopic.php?id=23#p109" target="_blank">нужные man</a><br><a href="http://mistsofboston.rusff.me/viewtopic.php?id=22#p108" target="_blank">нужные woman</a> ● <a href="http://mistsofboston.rusff.me/viewtopic.php?id=26#p112" target="_blank">анкета</a></center> 
</div></div>

<!---------------------------- админы ---------------------------->

<div id="tab_admin">
<div class="ams"><a href="http://mistsofboston.rusff.me/profile.php?id=7" original-title="">anna</a><span><img src="http://funkyimg.com/i/2NGRA.gif" original-title=""></span></div>
  :: 
<div class="ams"><a href="http://mistsofboston.rusff.me/profile.php?id=2">alyssa</a><span><img src="http://funkyimg.com/i/2NGRz.gif"></span></div> 
</div>

<!---------------------------- навигация ---------------------------->
<form><select name="select" class="forminput" onchange="location.href=(form.select.options[form.select.selectedIndex].value)" style="height:18px; width:170px; background-color:#00060c!important; font-family:arial; color:#67777d!important; font-size:9px; letter-spacing:3px; padding-bottom:3px; border:none!important; margin-bottom: 3px!important; position:absolute; margin-top:120px!important; margin-left:10px; padding-top: 4px; padding-left:10px; text-transform:lowercase; border-radius: 5px;">

<option>navigation</option>
<optgroup label="заселение в город">
   <option value="http://mistsofboston.rusff.me/viewtopic.php?id=14#p99">правила форума</option>
   <option value="http://mistsofboston.rusff.me/viewtopic.php?id=21#p107">гостевая</option>
   <option value="http://mistsofboston.rusff.me/viewtopic.php?id=20#p106">биржа труда</option>
   <option value="http://mistsofboston.rusff.me/viewtopic.php?id=19#p105">внешности и имена</option>
   <option value="http://mistsofboston.rusff.me/viewtopic.php?id=18#p104">справочная</option>
   <option value="http://mistsofboston.rusff.me/viewtopic.php?id=82#p425">сюжет</option>
   <option value="http://mistsofboston.rusff.me/viewtopic.php?id=17#p103">свет и тьма</option>
   <option value="http://mistsofboston.rusff.me/viewtopic.php?id=16#p102">ограничения</option>
   <option value="http://mistsofboston.rusff.me/viewtopic.php?id=15#p100">гид по бостону</option>
   <option value="http://mistsofboston.rusff.me/viewtopic.php?id=25#p111">хочу к вам</option>
   <option value="http://mistsofboston.rusff.me/viewtopic.php?id=24#p110">хочу видеть</option>
   <option value="http://mistsofboston.rusff.me/viewtopic.php?id=23#p109">нужные man</option>
   <option value="http://mistsofboston.rusff.me/viewtopic.php?id=22#p108">нужные woman</option>
   <option value="http://mistsofboston.rusff.me/viewtopic.php?id=26#p112">шаблон анкеты</option>
</optgroup>
<optgroup label="организационная">
   <option value="http://mistsofboston.rusff.me/viewforum.php?id=28">анкеты</option>
   <option value="http://mistsofboston.rusff.me/viewforum.php?id=1">досье</option>
   <option value="http://mistsofboston.rusff.me/viewforum.php?id=35">хронология</option>
   <option value="http://mistsofboston.rusff.me/viewforum.php?id=29">сборные нпс</option>
   <option value="http://mistsofboston.rusff.me/viewforum.php?id=36">отдельные нпс</option>
   <option value="http://mistsofboston.rusff.me/viewtopic.php?id=40#p127">банк</option>
   <option value="http://mistsofboston.rusff.me/viewtopic.php?id=36#p123">визитки</option>
   <option value="http://mistsofboston.rusff.me/viewtopic.php?id=27#p114">сундучок</option>
   <option value="http://mistsofboston.rusff.me/viewtopic.php?id=28#p115">заслуги</option>
   <option value="http://mistsofboston.rusff.me/viewtopic.php?id=29#p116">ачивки</option>
   <option value="http://mistsofboston.rusff.me/viewtopic.php?id=30#p117">плашки</option>
   <option value="http://mistsofboston.rusff.me/viewtopic.php?id=37#p124">бюро услуг</option>
   <option value="http://mistsofboston.rusff.me/viewtopic.php?id=38#p125">подарки</option>
   <option value="http://mistsofboston.rusff.me/viewforum.php?id=9">диалог с адс</option>
   <option value="http://mistsofboston.rusff.me/viewforum.php?id=8">дневники</option>
   <option value="http://mistsofboston.rusff.me/viewforum.php?id=7">соцсети</option>
</optgroup>
<optgroup label="игровая зона">
   <option value="http://mistsofboston.rusff.me/viewforum.php?id=11">реальное время</option>
   <option value="http://mistsofboston.rusff.me/viewforum.php?id=13">назад в будущее</option>
   <option value="http://mistsofboston.rusff.me/viewforum.php?id=21">альтернатива</option>
</optgroup>
<optgroup label="внеигровой раздел">
   <option value="http://mistsofboston.rusff.me/viewforum.php?id=14">флуд</option>
   <option value="http://mistsofboston.rusff.me/viewforum.php?id=22">игромания</option>
</optgroup>
<optgroup label="рекламный раздел">
   <option value="http://mistsofboston.rusff.me/viewforum.php?id=15">зона пиара</option>
   <option value="http://mistsofboston.rusff.me/viewforum.php?id=26">партнёры</option>
</optgroup>
<optgroup label="пыльные архивы">
   <option value="http://mistsofboston.rusff.me/viewforum.php?id=30">склад анкет</option>
   <option value="http://mistsofboston.rusff.me/viewforum.php?id=32">завершённые эпизоды</option>
   <option value="http://mistsofboston.rusff.me/viewforum.php?id=33">неоконченные эпизоды</option>
</optgroup>
</select> </form>

ЭТО В САМОМ НИЗУ ХТМЛ ВЕРХА

<!---------------------------- погода ---------------------------->
<script type="text/javascript">
$.get( 'https://weather.com/weather/hourbyhour/l/USMA0046:1:US' )
     .done(function( data ) {
    dd = new Date(); dd = -(dd.getTimezoneOffset())/60+7;
    var t = Math.round((parseInt($(data).find('.twc-table').find('tr').eq(dd+2).find('td:eq(4)').text())-32)/1.8);
    if (!isNaN(t)) {
        $('#inform_er').html(t+'°C');
    }
});
</script>

<div style="height:50px; width:160px; color:#e6d5b6; top:191px; margin-left:100px; position:absolute; z-index:100; text-align:right; line-height:13px;">
<div style="height:25px; width:200px; margin-top:77px; margin-left:500px; padding-right:10px; color:#b4aeaf; font-size:20px; font-family:Open Sans Condensed; text-align:left; text-transform: uppercase; line-height:14px; text-shadow:#602e3f -1px 2px 1px;">бостон, погода <span id="inform_er">4°C</span></div></div>