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)

Спросите у Finka - у неё стоит с круглыми