Somik in Wonderland
Весь HTML верх
<style> .punbb { width:90%; } .punbb table { table-layout: auto!important; width:76%; } body { padding-top:600px; } #pun-title *{ max-height:70px!important; } </style> <style> .sidebar {position: fixed; margin-top:100px; background: url(http://s006.radikal.ru/i215/1101/7d/39498dc62310.png) repeat 50% 50%; width: 200px; color:#fff; top:0; height: 1000px; padding: 5px; padding-top: 100px; text-align: center; } #Leftbar { margin-left:-270px; } #pun { margin: 0 10px 0 auto!important; width:970px; /*Реальная ширина на нормальных мониках*/ padding: 0px 0px 0px 5px; } </style> <div style="float:left;"> <div id="Leftbar" class="sidebar"> <h2>1111111</h2> <div class="container"> Здесь<br> здесь <br> и здесь <br> <br> <br> <br> <h2>22222222</h2> <div class="container"> Здесь<br> здесь <br> и здесь <br> <br> <br> <br> <h2>33333</h2> <div class="container"> Здесь<br> здесь <br> и здесь <br> <br> <br> <br> </div> </div></div> <style type="text/css"> body { background: url(http://s011.radikal.ru/i318/1107/fb/8f458fe0ed6a.jpg) no-repeat fixed !important; } </style>
Объявление:
<table width="100%" border="0"> <tr> <td><div class="spll"> <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"> <div align="center"><img src="http://xmages.net/storage/10/1/0/e/6/upload/c7df5043.png"></div> </div> <DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Всплывающее окно с баннерами</DIV></DIV> </div></td> <td><div class="spll"> <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"> <div align="center"><img src="http://xmages.net/storage/10/1/0/a/8/upload/3a48733e.png"></div> </div> <DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">►<a href="http://vdiariesworld.rolka.su/viewtopic.php?id=2">Вопросы новичков</a><br>►<a href="http://vdiariesworld.rolka.su/viewtopic.php?id=4">Правила ролевой</a><br>►<a href="http://vdiariesworld.rolka.su/viewtopic.php?id=6">Правила написания и оформления постов</a><br>►<a href="http://vdiariesworld.rolka.su/viewtopic.php?id=3">Cписок ролей</a><br>►<a href="http://vdiariesworld.rolka.su/viewtopic.php?id=8">Список занятых внешностей</a><br>►<a href="http://vdiariesworld.rolka.su/viewtopic.php?id=7">Шаблон анкеты</a></DIV></DIV> </div></td> <td><div class="spll"> <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"> <div align="center"><img src="http://xmages.net/storage/10/1/0/3/a/upload/d53c54c6.png"></div> </div> <DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">►<a href="http://vdiariesworld.rolka.su/viewtopic.php?id=67">action #1 .Canons wanted.</a><br>►<a href="http://vdiariesworld.rolka.su/viewtopic.php?id=52">action #2 .They return.</a><br>►<a href="http://vdiariesworld.rolka.su/viewtopic.php?id=51">action #3 .Without the witches is no way.</a><br>►<a href="http://vdiariesworld.rolka.su/viewtopic.php?id=5">action #4 .Night World.</a></DIV></DIV> </div></td> <td><div class="spll"> <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"> <div align="center"><img src="http://xmages.net/storage/10/1/0/7/8/upload/e67905aa.png"></div> </div> <DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5"><div align="center"><img src="http://xmages.net/storage/10/1/0/3/5/upload/99c4a1e0.png"><img src="http://xmages.net/storage/10/1/0/d/7/upload/003c8b54.jpg" title="Damon Salvatore"><br><img src="http://xmages.net/storage/10/1/0/c/0/upload/e8180530.jpg" title="Jennifer Aldridge"><br><img src="http://xmages.net/storage/10/1/0/e/2/upload/74846e9c.png"><br><img src="http://xmages.net/storage/10/1/0/4/c/upload/4261a6b8.jpg" title="Elena Gilbert"> <img src="http://xmages.net/storage/10/1/0/5/7/upload/a18bcd8d.jpg" title="Lexi"></div></DIV></DIV> </div></td> </tr> </table> <table width="100%" border="0"> <tr> <td width="33%" rowspan="2" valign="top"><div align="center"><font size=3><b>Welcome</b></font></div><br> <div align="center">Добро пожаловать на наш форум! Наша игра проходит по знаменитому сериалу "Дневники вампира", однако наш сюжет никак не пересекается с сюжетом сериала. Вы пишете свой сюжет, где именно Вы являетесь главным персонажем. У нас эпизодическая система игры, что позволяет Вам играть, даже если один или несколько человек не отписываются. Вы можете начать столько эпизодов, сколько сами пожелаете. Регистрируйтесь и вливайтесь в наш дружный коллектив, а администрация форума поможет Вам с этим.</div></td> <td width="34%"><div align="center"><font size=3><b>Chat</b></font></div><br><div style="overflow:auto; overflow-x:hidden; height:300px;" > <p align="center"><!-- BEGIN CBOX - www.cbox.ws - v001 --><div id="cboxdiv" style="text-align: center; line-height: 0"><div><iframe frameborder="0" width="200" height="200" src="http://www6.cbox.ws/box/?boxid=506588&boxtag=wj2yhw&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#DBE2ED 1px solid;" id="cboxmain"></iframe></div><div><iframe frameborder="0" width="200" height="75" src="http://www6.cbox.ws/box/?boxid=506588&boxtag=wj2yhw&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#DBE2ED 1px solid;border-top:0px" id="cboxform"></iframe></div> </div> <!-- END CBOX --></p></div> </td> <td width="33%" rowspan="2"><div align="center"><font size=3><b>Important</b></font></div><br><div style="overflow:auto; overflow-x:hidden; height:300px;" > <p align="center">Наша ролевая по-прежнему находится в стадии переезда, но игра уже началась. Найдите себе партнера для игры в <a href="http://vdiariesworld.rolka.su/viewforum.php?id=29">"Организации игрового процесса"</a> и начинайте играть! <br><br> <a title="Каталог фэнтези сайтов Палантир" href='http://palantir.in/?from=8585' target='_blank'> <script type="text/javascript"> Md=document;Mnv=navigator; Mrn=Math.random();Mn=(Mnv.appName.substring(0,2)=="Mi")?0:1;Mp=0;Mz="p="+Mp+"&"; Ms=screen;Mz+="wh="+Ms.width+'x'+Ms.height;My="<img src='http://palantir.in/count.php?id=8585&cid=counter2007_19.png";My+="&cntc=none&rand="+Mrn+"&"+Mz+"&referer="+escape(Md.referrer)+'&pg='+escape(window.location.href);My+="' alt='Palantir' title='Каталог фэнтези сайтов Палантир' border='0' width='88px' height='31px'>";Md.write(My);</script> <noscript><img src="http://palantir.in/count.php?id=8585&cid=counter2007_19.png" alt='Palantir' title="Каталог фэнтези сайтов Палантир" border=0 width="88px" height="31px"></noscript> </a></p></div></td> </tr> </table>
(Найдите строки внизу HTML верх
Контент рамещаем тут
<div style="float:left;">
<div id="Leftbar" class="sidebar">
<h2>Левый</h2>
<div class="container">
Контент Левого Сайдбара
</div>
</div></div>
Отредактировано Deff (Чт, 14 Июл 2011 15:57:00)