я для себя

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » я для себя » Тестовый форум » скрипт


скрипт

Сообщений 1 страница 13 из 13

1

Код:
<div id="maintable">


<center>
<div style="width: 940px; height: 500px; background-image: url(http://i.imgur.com/9yF7SNp.png);">
<div class="sp-slideshow">
           
  <input id="button-1" type="radio" name="radio-set" class="sp-selector-1" checked="checked" />
  <label for="button-1" class="button-label-1"></label>
   
  <input id="button-2" type="radio" name="radio-set" class="sp-selector-2" />
  <label for="button-2" class="button-label-2"></label>
   
  <input id="button-3" type="radio" name="radio-set" class="sp-selector-3" />
  <label for="button-3" class="button-label-3"></label>

  <input id="button-4" type="radio" name="radio-set" class="sp-selector-4" />
  <label for="button-4" class="button-label-4"></label>

  <input id="button-5" type="radio" name="radio-set" class="sp-selector-5" />
  <label for="button-5" class="button-label-5"></label>
   
   
  <label for="button-1" class="sp-arrow sp-a1"></label>
  <label for="button-2" class="sp-arrow sp-a2"></label>
  <label for="button-3" class="sp-arrow sp-a3"></label>
  <label for="button-4" class="sp-arrow sp-a4"></label>
  <label for="button-5" class="sp-arrow sp-a5"></label>
   
  <div class="sp-content">
      <div class="sp-parallax-bg"></div>
      <ul class="sp-slider clearfix">





          <li><div class="slideone">



</div></li>






          <li><div class="slidetwo">

<div style="width: 250px; height: 300px; background-color:#9A8D7B; padding: 10px; margin-top: 90px; opacity: 0.8; margin-left: 200px;"><div style="width 240px; height: 295px; background-color: #fff; border: 3px double #000; overflow: auto;">

<center><div style="width: 220px; margin-top: 6px; font-family: Pinyon Script; font-size: 40px; font-weight: bold; color: #2A1E2E; border-bottom: #3f3849 solid 1px; text-align: center; line-height: 100%; text-shadow: 1px 1px 0px #121212; text-transform: lowercase;">weather</div></center>

<div style="color: #121212; font-family: helvetica; font-size: 10px; letter-spacing: 0px; padding-top: 4px; padding-left: 10px; padding-right: 10px; padding-bottom: 10px; line-height: 9px; text-transform: lowercase; text-align: justify;"><span style="font-family: open sans condensed; font-size: 20px; font-weight: bold; color: #2A1E2E; line-height: 100%; text-transform: lowercase;">winter 22 ar</span>
Winter has arrived with a vengeance in the south. Inches lay on the ground even in the furthest reaches of the South. Trees are bare and days are gray and frigid, and many call it the fiercest winter in a generation. Winds are absent from the southern seas, making travel and trade difficult. But along the eastern coastline storms bear winds the likes of which even the most experienced seamen dread. In the north, all is as it has been for the past hundred winters: feet of snow, blanketed evergreens and sparse resources.</div>

<center><div style="width:230px;height:105px;background-image:url('http://i.imgur.com/6S2bR8z.gif');"></div></center>

</div></div>




<div style="width: 250px; height: 300px; background-color:#9A8D7B; padding: 10px; opacity: 0.8; margin-left: 480px; margin-top: -320px;"><div style="width 240px; height: 295px; background-color: #fff; border: 3px double #000; overflow: auto;">


<center><div style="width: 220px; margin-top: 6px; font-family: Pinyon Script; font-size: 40px; font-weight: bold; color: #2A1E2E; border-bottom: #3f3849 solid 1px; text-align: center; line-height: 100%; text-shadow: 1px 1px 0px #121212; text-transform: lowercase;">ratios</div></center>
<div style="color: #121212; font-family: helvetica; font-size: 10px; letter-spacing: 0px; padding-top: 4px; padding-left: 10px; padding-right: 10px; padding-bottom: 10px; line-height: 9px; text-transform: lowercase; text-align: justify;"><center><div style="margin-top: 10px; font-size: 12px; text-transform: uppercase; padding-bottom: 10px;"><font color="#C191A3">72 females</font> • <font color="#91AAC1">73 males</font></div></center>


<center><div style="width: 220px; margin-top: 6px; font-family: Pinyon Script; font-size: 40px; font-weight: bold; color: #2A1E2E; border-bottom: #3f3849 solid 1px; text-align: center; line-height: 100%; text-shadow: 1px 1px 0px #121212; text-transform: lowercase;">needed</div></center>
<div style="color: #121212; font-family: helvetica; font-size: 10px; letter-spacing: 0px; padding-top: 4px; padding-left: 10px; padding-right: 10px; padding-bottom: 10px; line-height: 9px; text-transform: lowercase; text-align: justify;"><b>Canons and Want ads are always needed!</b> At the moment, we also need citizens of the White City, Bay of Mir, Western Grasslands, <b>Eastcliffe</b> & Everidge.</div>


<center><div style="width: 220px; margin-top: 6px; font-family: Pinyon Script; font-size: 40px; font-weight: bold; color: #2A1E2E; border-bottom: #3f3849 solid 1px; text-align: center; line-height: 100%; text-shadow: 1px 1px 0px #121212; text-transform: lowercase;">banned</div></center>
<div style="color: #121212; font-family: helvetica; font-size: 10px; letter-spacing: 0px; padding-top: 4px; padding-left: 10px; padding-right: 10px; padding-bottom: 10px; line-height: 9px; text-transform: lowercase; text-align: justify;"><b>Nobles from the Golden City are canon and want-ad only</b>. Why not make one from Eastcliffe, Emuin or the White City instead? Due to their cultural rarity, female pirates are permanently canon & want ad only. </div>

</div></div>

</div></li>








          <li><div class="slidethree">

<div style="margin-top: 150px; margin-left: 150px; height: 145px; padding: 20px; width: 630px; background-color: #fff; opacity: 0.8; color:#3f3849; text-align: justify; font-size: 12px; font-family: open sans condensed; line-height: 90%; overflow: auto; float:left; letter-spacing: 1px;">

<div style="width: 590px;">

<a href="http://brokencrownofamar.b1.jcink.com/index.php?showtopic=2049" target="_blank"><div style="background-color: #2A1E2E; height: 10px; width: 150px; margin: 5px; color: #fff; text-transform: uppercase; padding-top: 10px; padding-bottom: 10px; text-align: center;">newbie guide</div></a>

<a href="http://brokencrownofamar.b1.jcink.com/index.php?showtopic=2" target="_blank"><div style="background-color: #2A1E2E; height: 10px; width: 150px; margin-left: 160px; margin-top: -35px; color: #fff; text-transform: uppercase; padding-top: 10px; padding-bottom: 10px; text-align: center;">plot</div></a>

<a href="http://brokencrownofamar.b1.jcink.com/index.php?showtopic=3" target="_blank"><div style="background-color: #2A1E2E; height: 10px; width: 150px; margin-left: 315px; margin-top: -30px; color: #fff; text-transform: uppercase; padding-top: 10px; padding-bottom: 10px; text-align: center;">rules</div></a>

<a href="http://brokencrownofamar.b1.jcink.com/index.php?showtopic=6" target="_blank"><div style="background-color: #2A1E2E; height: 10px; width: 150px; margin-left: 470px; margin-top: -30px; color: #fff; text-transform: uppercase; padding-top: 10px; padding-bottom: 10px; text-align: center;">canons</div></a>


</div>


<div style="width: 590px; margin-top: 5px;">

<a href="http://brokencrownofamar.b1.jcink.com/index.php?showforum=42" target="_blank"><div style="background-color: #2A1E2E; height: 10px; width: 150px; margin: 5px; color: #fff; text-transform: uppercase; padding-top: 10px; padding-bottom: 10px; text-align: center;">requests</div></a>

<a href="http://brokencrownofamar.b1.jcink.com/index.php?showtopic=7" target="_blank"><div style="background-color: #2A1E2E; height: 10px; width: 150px; margin-left: 160px; margin-top: -35px; color: #fff; text-transform: uppercase; padding-top: 10px; padding-bottom: 10px; text-align: center;">face claims</div></a>

<a href="http://brokencrownofamar.b1.jcink.com/index.php?showtopic=3081" target="_blank"><div style="background-color: #2A1E2E; height: 10px; width: 150px; margin-left: 315px; margin-top: -30px; color: #fff; text-transform: uppercase; padding-top: 10px; padding-bottom: 10px; text-align: center;">fc suggestions</div></a>

<a href="http://brokencrownofamar.b1.jcink.com/index.php?showtopic=2135" target="_blank"><div style="background-color: #2A1E2E; height: 10px; width: 150px; margin-left: 470px; margin-top: -30px; color: #fff; text-transform: uppercase; padding-top: 10px; padding-bottom: 10px; text-align: center;">census</div></a>
</div>


<div style="width: 590px; margin-top: 5px;">

<a href="http://brokencrownofamar.b1.jcink.com/index.php?showforum=69" target="_blank"><div style="background-color: #2A1E2E; height: 10px; width: 150px; margin:5px;  color: #fff; text-transform: uppercase; padding-top: 10px; padding-bottom: 10px; text-align: center;">extra lore</div></a>

<a href="http://brokencrownofamar.b1.jcink.com/index.php?showtopic=19" target="_blank"><div style="background-color: #2A1E2E; height: 10px; width: 150px; margin-left: 160px; margin-top: -35px; color: #fff; text-transform: uppercase; padding-top: 10px; padding-bottom: 10px; text-align: center;">who's who</div></a>

<a href="http://brokencrownofamar.b1.jcink.com/index.php?act=Members" target="_blank"><div style="background-color: #2A1E2E; height: 10px; width: 150px; margin-left: 315px; margin-top: -30px; color: #fff; text-transform: uppercase; padding-top: 10px; padding-bottom: 10px; text-align: center;">members</div></a>

<a href="http://brokencrownofamar.b1.jcink.com/index.php?showtopic=17" target="_blank"><div style="background-color: #2A1E2E; height: 10px; width: 150px; margin-left: 470px; margin-top: -30px; color: #fff; text-transform: uppercase; padding-top: 10px; padding-bottom: 10px; text-align: center;">open threads</div></a>

</div>


<div style="width: 590px; margin-top: 5px;">


<a href="http://brokencrownofamar.b1.jcink.com/index.php?showforum=49" target="_blank"><div style="background-color: #2A1E2E; height: 10px; width: 150px; margin-left: 160px; color: #fff; text-transform: uppercase; padding-top: 10px; padding-bottom: 10px; text-align: center;">advertising</div></a>

<a href="http://brokencrown-of.tumblr.com/" target="_blank"><div style="background-color: #2A1E2E; height: 10px; width: 150px; margin-left: 315px; margin-top: -30px; color: #fff; text-transform: uppercase; padding-top: 10px; padding-bottom: 10px; text-align: center;">tumblr</div></a>

</div>

</div>

</div></li>






          <li><div class="slidefour">



<div style="width: 240px; height: 240px; background-image: url(http://i.imgur.com/mBYVofb.gif); opacity: 0.9; margin-left: 75px; margin-top: 125px;"></div>

<div class="beccahover"><center><div class="admininfobox">

<a href="http://brokencrownofamar.b1.jcink.com/index.php?showuser=1" target="_blank"><div class="adminname">becca</div></a>
<br>
<div class="staffchars"><a href="http://brokencrownofamar.b1.jcink.com/index.php?showuser=3" target="_blank">Roderic Hathus</a></div>
<div class="staffchars"><a href="http://brokencrownofamar.b1.jcink.com/index.php?showuser=451" target="_blank">Accolon Hifearnáin</a></div>
<div class="staffchars"><a href="http://brokencrownofamar.b1.jcink.com/index.php?showuser=37" target="_blank">Anwen Meirna</a></div>
<div class="staffchars"><a href="http://brokencrownofamar.b1.jcink.com/index.php?showuser=306" target="_blank">Brandyn Fortier</a></div>
<div class="staffchars"><a href="http://brokencrownofamar.b1.jcink.com/index.php?showuser=57" target="_blank">Einar Hrokr</a></div>
<div class="staffchars"><a href="http://brokencrownofamar.b1.jcink.com/index.php?showuser=81" target="_blank">Evaine Amis</a></div>
<div class="staffchars"><a href="http://brokencrownofamar.b1.jcink.com/index.php?showuser=24" target="_blank">Finnen Muirgheas</a></div>
<div class="staffchars"><a href="http://brokencrownofamar.b1.jcink.com/index.php?showuser=253" target="_blank">Hjordis Sigvardr</a></div>
<div class="staffchars"><a href="http://brokencrownofamar.b1.jcink.com/index.php?showuser=4" target="_blank">Magda Asta</a></div>
<div class="staffchars"><a href="http://brokencrownofamar.b1.jcink.com/index.php?showuser=116" target="_blank">Naina Khatri</a></div>


</div></center></div>

<div style="width: 240px; height: 240px; background-image: url(http://i.imgur.com/si3Rm8n.gif); opacity: 0.9; margin-left: 320px; margin-top: -135px;"></div>
<div class="laurelhover"><center><div class="admininfobox">

<a href="http://brokencrownofamar.b1.jcink.com/index.php?showuser=2" target="_blank"><div class="adminname">laurel</div></a>

<br><div class="staffchars"><a href="http://brokencrownofamar.b1.jcink.com/index.php?showuser=6" target="_blank">Alewar Hathus</a></div>
<div class="staffchars"><a href="http://brokencrownofamar.b1.jcink.com/index.php?showuser=261" target="_blank">Bastien Amis</a></div>
<div class="staffchars"><a href="http://brokencrownofamar.b1.jcink.com/index.php?showuser=5" target="_blank">Caelia Dimas</a></div>
<div class="staffchars"><a href="http://brokencrownofamar.b1.jcink.com/index.php?showuser=95" target="_blank">Donn Amadi</a></div>
<div class="staffchars"><a href="http://brokencrownofamar.b1.jcink.com/index.php?showuser=8" target="_blank">Efrain Leifur</a></div>
<div class="staffchars"><a href="http://brokencrownofamar.b1.jcink.com/index.php?showuser=341" target="_blank">Galiene Leofwine</a></div>
<div class="staffchars"><a href="http://brokencrownofamar.b1.jcink.com/index.php?showuser=127" target="_blank">Hjortur Yngve</a></div>
<div class="staffchars"><a href="http://brokencrownofamar.b1.jcink.com/index.php?showuser=193" target="_blank">Iona Ulrike</a></div>
<div class="staffchars"><a href="http://brokencrownofamar.b1.jcink.com/index.php?showuser=468"> target="_blank">Leachlainn Sechnall</div>
<div class="staffchars"><a href="http://brokencrownofamar.b1.jcink.com/index.php?showuser=60" target="_blank">Orianne Donatien</a></div>
<div class="staffchars"><a href="http://brokencrownofamar.b1.jcink.com/index.php?showuser=7" target="_blank">Rhian Tegwen</a></div>
<div class="staffchars"><a href="http://brokencrownofamar.b1.jcink.com/index.php?showuser=145" target="_blank">Salina Dumisa</a></div>
<div class="staffchars"><a href="http://brokencrownofamar.b1.jcink.com/index.php?showuser=212" target="_blank">Vidar Ormr</a></div>

</div></center></div>


<div style="width: 150px; height: 240px; background-image: url(http://i.imgur.com/laXGjjb.gif); opacity: 0.9; margin-left: 565px; margin-top: -135px;"></div>

<div class="chover"><center><div class="modinfobox">

<a href="http://brokencrownofamar.b1.jcink.com/index.php?showuser=402" target="_blank"><div class="adminname">c</div></a>

<br><div class="staffchars"><a href="http://brokencrownofamar.b1.jcink.com/index.php?showuser=209" target="_blank">aoife cliamain</a></div>
<div class="staffchars"><a href="http://brokencrownofamar.b1.jcink.com/index.php?showuser=206" target="_blank">estevot le binete</a></div>
<div class="staffchars"><a href="http://brokencrownofamar.b1.jcink.com/index.php?showuser=270" target="_blank">jiang liao</a></div>
<div class="staffchars"><a href="http://brokencrownofamar.b1.jcink.com/index.php?showuser=226" target="_blank">josiah ramsey</a></div>
<div class="staffchars"><a href="http://brokencrownofamar.b1.jcink.com/index.php?showuser=257" target="_blank">kinnat briartach</a></div>
<div class="staffchars"><a href="http://brokencrownofamar.b1.jcink.com/index.php?showuser=345" target="_blank">oisin norris</a></div>
<div class="staffchars"><a href="http://brokencrownofamar.b1.jcink.com/index.php?showuser=373" target="_blank">saša vasilica</a></div>
<div class="staffchars"><a href="http://brokencrownofamar.b1.jcink.com/index.php?showuser=291" target="_blank">zahir ris-ilim</a></div>

</div></center></div>


<div style="width: 150px; height: 240px; background-image: url(http://i.imgur.com/RrzEXos.gif); opacity: 0.9; margin-left: 720px; margin-top: -210px;"></div>

<div class="meihover"><center><div class="modinfobox">

<a href="http://brokencrownofamar.b1.jcink.com/index.php?showuser=401" target="_blank"><div class="adminname">mei</div></a>

<br><div class="staffchars"><a href="http://brokencrownofamar.b1.jcink.com/index.php?showuser=114" target="_blank">cora luthren</a></div>
<div class="staffchars"><a href="http://brokencrownofamar.b1.jcink.com/index.php?showuser=422" target="_blank">isaac wyndham</a></div>
<div class="staffchars"><a href="http://brokencrownofamar.b1.jcink.com/index.php?showuser=240" target="_blank">odette moore</a></div>

</div></center></div>



</div></li>





<li><div class="slidefive">



<div style="width: 201px; height: 200px; background-image: url(http://i.imgur.com/Km4759h.png); opacity: 0.9; margin-left: 190px; margin-top: 40px;"></div>

<div style="width: 201px; height: 200px; background-image: url(http://i.imgur.com/heUBjq3.png); opacity: 0.9; margin-left: 395px; margin-top: -200px;"></div>

<div style="width: 201px; height: 200px; background-image: url(http://i.imgur.com/gxaf6Uc.png); opacity: 0.9; margin-left: 600px; margin-top: -200px;"></div>


<div style="width: 201px; height: 200px; background-image: url(http://i.imgur.com/1WiOEIc.png); opacity: 0.9; margin-left: 190px; margin-top: 5px;"></div>

<div style="width: 201px; height: 200px; background-image: url(http://i.imgur.com/IZVPSPs.png); opacity: 0.9; margin-left: 395px; margin-top: -200px;"></div>


<div style="width: 201px; height: 200px; background-image: url(http://i.imgur.com/IEdqmOu.png); opacity: 0.9; margin-left: 600px; margin-top: -200px;"></div>



</div></li>






    





    
  </div>    
</div></div>

</center>


   <script language='JavaScript' type="text/javascript">
<!--
function buddy_pop() { window.open('index.php?act=buddy&s=d3ab32d1679f94bacd3a64f7cc89936a','BrowserBuddy','width=250,height=500,resizable=yes,scrollbars=yes'); }
function chat_pop(cw,ch)  { window.open('index.php?s=d3ab32d1679f94bacd3a64f7cc89936a&act=chat&pop=1','Chat','width='+cw+',height='+ch+',resizable=yes,scrollbars=yes'); }
function multi_page_jump( url_bit, total_posts, per_page )
{
pages = 1; cur_st = parseInt(""); cur_page  = 1;
if ( total_posts % per_page == 0 ) { pages = total_posts / per_page; }
 else { pages = Math.ceil( total_posts / per_page ); }
msg = "Please enter a page number to jump to between 1 and" + " " + pages;
if ( cur_st > 0 ) { cur_page = cur_st / per_page; cur_page = cur_page -1; }
show_page = 1;
if ( cur_page < pages )  { show_page = cur_page + 1; }
if ( cur_page >= pages ) { show_page = cur_page - 1; }
 else { show_page = cur_page + 1; }
userPage = prompt( msg, show_page );
if ( userPage > 0  ) {
	if ( userPage < 1 )     {    userPage = 1;  }
	if ( userPage > pages ) { userPage = pages; }
	if ( userPage == 1 )    {     start = 0;    }
	else { start = (userPage - 1) * per_page; }
	window.location = url_bit + "&st=" + start;
}
}

Collapse="-"
Expand="-"



//-->
</script>

<script type='text/javascript'>

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-2586365-2']);
  _gaq.push(['_setDomainName', 'brokencrownofamar.b1.jcink.com']);
  _gaq.push(['_setAllowLinker', true]);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>



<!--IBF.BANNER-->
<div id='logostrip'>
  <a href='http://brokencrownofamar.b1.jcink.com/index.php?s=d3ab32d1679f94bacd3a64f7cc89936a&amp;' title='Board Home'></a>
</div>
<!-- IE6/Win TABLE FIX -->
<table  width="100%" cellspacing="6" id="submenu">
<tr>
 <td><a href='index.php'></a><!--IBF.RULES--></td>

 <td align="right">

 <img src="style_images/1/atb_help.gif" border="0" alt="" />&nbsp;<a href='http://brokencrownofamar.b1.jcink.com/index.php?s=d3ab32d1679f94bacd3a64f7cc89936a&amp;act=Help'>Help</a>&nbsp; &nbsp;&nbsp;<img src="style_images/1/atb_search.gif" border="0" alt="" />&nbsp;<a href='http://brokencrownofamar.b1.jcink.com/index.php?s=d3ab32d1679f94bacd3a64f7cc89936a&amp;act=Search&amp;f='>Search</a>&nbsp; &nbsp;&nbsp;<img src="style_images/1/atb_members.gif" border="0" alt="" />&nbsp;<a href='http://brokencrownofamar.b1.jcink.com/index.php?s=d3ab32d1679f94bacd3a64f7cc89936a&amp;act=Members'>Members</a>&nbsp; &nbsp;&nbsp;<img src="style_images/1/atb_calendar.gif" border="0" alt="" />&nbsp;<a href='http://brokencrownofamar.b1.jcink.com/index.php?s=d3ab32d1679f94bacd3a64f7cc89936a&amp;act=calendar'>Calendar</a>&nbsp; &nbsp;&nbsp;<img src='style_images/1/atb_shoutbox.gif' border='0' />&nbsp;<a href='http://brokencrownofamar.b1.jcink.com/index.php?s=d3ab32d1679f94bacd3a64f7cc89936a&amp;&act=Shoutbox'>Shoutbox</a>

   <!--IBF.CHATLINK-->
   <!--IBF.TSLLINK--> 
 </td>


</tr>
</table>

<div align='center'>

<div align='center' style='margin-bottom:3px;'><table width='100%'><td class='row4' align='center'>
            	<iframe src='http://rcm-na.amazon-adsystem.com/e/cm?t=jcincomfreefo-20&o=1&p=13&l=ur1&category=electronics&f=ifr' width='468' height='60' scrolling='no' border='0' marginwidth='0' style='border:none;' frameborder='0'>
        </iframe></td></table></div>

</div>

Неработающий слайдер и что-то ещё

2

Код:
<div style="position: absolute;
top: 10px;
left: 5px;
color: #757776;
font: 11px verdana;"><img src="http://s7.uploads.ru/JkLA9.png">
</div>
<div style="position: absolute;
top: 139px;
left: 5px;
color: #757776;
font: 11px verdana;"><img src="http://s6.uploads.ru/Ml6mt.png">
</div>
<div style="position: absolute;
top: 74px;
left: 116px;
color: #757776;
font: 11px verdana;"><img src="http://s7.uploads.ru/MYCze.png">
</div>
<div style="position: absolute;
top: 203px;
left: 116px;
color: #757776;
font: 11px verdana;"><img src="http://s6.uploads.ru/RaFMx.png">
</div>

<div style="position: absolute;
top: 10px;
right: 5px;
color: #757776;
font: 11px verdana;"><img src="http://s6.uploads.ru/nszuN.png">
</div>
<div style="position: absolute;
top: 139px;
right: 5px;
color: #757776;
font: 11px verdana;"><img src="http://s6.uploads.ru/St6Vd.png">
</div>
<div style="position: absolute;
top: 74px;
right: 116px;
color: #757776;
font: 11px verdana;"><img src="http://s7.uploads.ru/6z9YA.png">
</div>
<div style="position: absolute;
top: 203px;
right: 116px;
color: #757776;
font: 11px verdana;"><img src="http://s6.uploads.ru/5MjfT.png">
</div>

3

структура

Код:
/*************************************************************
A - SETUP
**************************************************************/

/* A1 Import the colour scheme
-------------------------------------------------------------*/

/* A1.1 */
  @import url(style_cs.css);

/* A2.1 */
html, body {margin: 0; padding: 0}

/* A2.2 */
.punbb * {
  margin: 0
  }

/* A2.3 */
.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {
  padding: 0;
  list-style: none;
  }

/* A2.4 */
.punbb img {
  border:none
  }

/* A2.5 */
.punbb .main table {
  table-layout: fixed;
  width: 100%;
  }

/* A2.6 */
.checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 0.3em;}

/* A2.7 */
p[class="checkfield"] *,
div[class="checkfield"] *,
fieldset[class="radiofield"] * {
  height: 1.8em;
  vertical-align: middle
  }


 /* A3 Text setup
-------------------------------------------------------------*/

/* A3.1 */
body {
  font-size: 100.01%;
  }

/* A3.2 */
.punbb {
  font: normal 79% trebuchet ms, arial, helvetica, sans-serif;
  background-color: transparent;
  }

/* 3.3 */
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
  font: 1.1em trebuchet ms, arial, helvetica, sans-serif
  }

/* A3.4 */
.punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb th {
  font-size: 1em;
  font-weight: normal;
  font: 1.1em trebuchet ms, arial;
  }


/* A3.5 */
.punbb h1 span, .punbb h2 span, .punbb legend span {
  font-size: 1.3em;
  font-variant: small-caps;
  line-height: 28px;
  }

.punbb .post-sig dd span{
  font-size: normal 60%;
}

/* A3.6 */
.punbb pre {
  font: 1.1em/140% courier new, "bitstream vera sans mono", "courier new", courier, monospace
  }

/* A3.7 */
.punbb address, .punbb em {
  font-style: normal
  }

/* A3.8 */
.punbb .post-content em {
  font-style: italic
  }

/* A3.9 */
.punbb .post-content em.bbuline {
  font-style: normal;
  text-decoration: underline;
  }

/* A3.10 */
.punbb a {
  text-decoration: underline
  }

/* A3.11 */
.punbb optgroup {
  font-weight: bold;
  }


/* A4 Float clearing and hidden items
-------------------------------------------------------------*/

/* A4.1 */
#pun:after,
.punbb .container:after,
.punbb .post-links ul:after,
.punbb .main div.inline:after,
.punbb .post-box:after,
.punbb .linksb:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  overflow:hidden;
  line-height: 0.0;
  font-size: 0;
  }

/* A4.2 */
.acchide,
#pun-index #pun-main h1,
#pun-navlinks h2,
#pun-pagelinks h2,
#pun-status h2,
#pun-ulinks h2,
.punbb .forum h2,
.punbb .multipage .topic h2,
.punbb dl.post-sig dt span,
.punbb p.crumbs strong,
.punbb .divider hr,
.punbb .required label em,
.punbb .formsubmit label,
.punbb .submitfield label,
.punbb .modmenu label,
.punbb .closedatafield,
.punbb .stickytext,
.punbb .container table tc,
#pun-userlist .main h2 {
  font-size: 0;
  height: 0;
  width: 0;
  line-height: 0.0;
  position:absolute;
  left: -9999px;
  overflow: hidden
  }


/* A5 Basic page layout and borders
-------------------------------------------------------------*/

/* A5.1 */
#pun {
  margin: 0 auto;
  width: 880px!important;
  background: transparent;
  }

/* A5.2 */
.punbb {
  float: left;
  width: 100%;
  height: auto;
  }

/* A5.3 */
#pun-redirect, #pun-maint {
  margin: 50px 20% 12px 20%;
  width: auto;
  float: none;
  }

/* A5.4 */
.punbb .section, .punbb .main {
  }

/* A5.5 */
.punbb .category, .punbb .post {
  margin-top: 0.4em;
  }

/* A5.6 */
.punbb #pun-category1, .punbb .toppost, .punbb .topicpost {
  margin-top: 0;
  }

/* 5.7 */
#pun-post .topic {
  margin-top: 1em;
  }

/* A5.8 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-style: none none solid none;
  border-width: 0px 0px 2px 0px
  }

/* A5.9 */
.punbb .container {
  border-style: solid;
  border-width: 1px;
  }

/* A5.10 */
.punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 {
  padding: 0.5em 1em;
  border-style: none solid solid none;
  border-width: 0 1px 1px 0;
  }


/**************************************/*************************************************************
B - MAIN CONTENT - GENERAL
**************************************************************/

/* B1 Parsed Content, Signatures and Scroll Boxes
-------------------------------------------------------------*/

/* B1.1 */
.punbb .post-content {
  padding: 0;
  margin: 0;
  width: 100%;
  overflow: hidden;
  }

/* B1.2 */
.punbb .post-sig dt {
  border-top: 1px dotted;
  border-color: #2D577C !important;
  width: 600px;
  margin: 5px 0;
  }

/* B1.3 */
.punbb .post-content p {
  margin: 0;
  padding: 0 0 1em 0;
  line-height: 150%;
  }

/* B1.4 */
.punbb .post-content img {
  vertical-align: text-bottom
  }

/* B1.5 */
.punbb .post-content img.postimg {
  vertical-align: middle;
  }

/* B1.6 */
.punbb .post-content .blockcode, .punbb .post-content blockquote {
  width: 100%;
  overflow: hidden;
  }

/* B1.7 */
.punbb .post-content .scrollbox {
  width: 100%;
  overflow: auto;
  }

/* B1.8 */
.punbb .post-content .quote-box, .punbb .post-content .code-box {
  margin: 0.4em 1.8em 1.4em 1.8em;
  padding: 1em;
  border-style: none;
  }

/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
  display: block;
  padding-bottom: 0.7em;
  font-size: 1.1em;
  font-weight: bold;
  font-style: normal;
  margin: 0;
  }

/* B2 Information boxes
-------------------------------------------------------------*/

/* B2.1 */
.punbb .info-box {
  padding: 1.1em 1.7em 1em 1.7em;
  border-style: solid;
  border-width: 1px;
  margin: 0 0 1.1em 0;
  }

/* B2.2 */
.punbb .info-box * {
  padding: 0 0 0.7em 0;
  }

/* B2.3 */
.punbb #pun-main .info-box .legend {
  font-size: 1.1em;
  font-weight: bold;
  }


/* B3 Pagination and posting links
-------------------------------------------------------------*/

/* B3.1 */
.punbb .linkst {
  float: left;
  position: relative;
  width: 100%;
  font-size: 1.1em;
  height: 0;
  }

/* B3.2 */
.multipage {
  margin-top: 3em;
  }

/* B3.3 */
.linkst .pagelink {
  position: absolute;
  top: -4em;
  left: 1em;
  width: 24em;
  }

/* B3.4 */
.linkst .postlink {
  position: absolute;
  top: -4em;
  right: 1em;
  width: 16em;
  text-align: center;
  font-weight: bold;
  }

/* B3.5 */
.punbb .linksb {
  text-align: right;
  padding: 0.4em 1em 0.5em 1em;
  font-size: 1.1em;
  }

/* B3.6 */
.linksb .pagelink {
  float: left;
  width: 24em;
  text-align: left;
  color: #36495A;
  }

/* B3.7 */
.linksb .postlink {
  float: right;
  width: 16em;
  font-weight: bold
  }

/* B3.8 */
.subscribelink {
  clear:both;
  padding-top: 0.3em;
  padding-bottom: 0.5em;
  }


/**************************************/*************************************************************
C - MAIN CONTENT - SPECIFIC
**************************************************************/

/* C1 Form layout
-------------------------------------------------------------*/

/* C1.1 */
.punbb .formal .container {
  padding: 1.7em 2.3em 1.1em 2.3em;
  font: normal 100% trebuchet ms, arial, helvetica, sans-serif;
  }

/* C1.2 */
.punbb .formsubmit {
  padding: 0 0 0 1.7em;
  margin: 1em 0 0 0;
  }

/* C1.3 */
.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {
  margin: 0 0.6em 0 0
  }

/* C1.4 */
.punbb fieldset {
  border-style: none;
  border-width: 0px;
  border-radius: 15px;
  padding: 0 18px 0 18px;
  margin: 0 0 1em 0
  }

/* C1.5 */
.punbb fieldset legend {
  padding: 0;
  margin: 0 0 0 11px;
  font-size: 1.1em
  }

/* C1.6 */
.punbb fieldset legend span {
  padding: 0 5px;
  margin: 0 0 0 -15px;
  }

/* C1.7 */
.punbb fieldset fieldset {
  border-style: none;
  margin: 0;
  padding: 0 0 8px 0
  font: normal 75% trebuchet ms, arial, helvetica, sans-serif;
  }

/* C1.8 */
.punbb .fs-box {
  padding: 1em 0 0.8em 0;
  }

/* C1.9 */
.punbb .fs-box p, .punbb .fs-box fieldset {
  padding: 0 0 0.8em 0
  }

/* C1.10 */
.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield {
  float: left;
  margin-right: 1em;
  }

/* C1.11 */
.punbb .inline .infofield {
  clear:both
  }

/* C1.12 */
.punbb .datafield br {
  display: none
  }

/* C1.13 */
.punbb .required label, .punbb .datafield span.input {
  font-weight: bold
  }

/* C1.14 */
.punbb .datafield span.input a {
  font-weight: normal;
  }

/* C1.15 */
.punbb .areafield span.input, .punbb p.longinput span.input {
  display: block;
  padding: 0 12em 0 0;
  height: 100%; /* For IE */
  }

/* C1.16 */
.punbb textarea, .punbb .longinput input {
  width: 64%;
  margin: 0;
  }

/* C1.17 */
.punbb .hashelp {
  position: relative;
  }

/* C1.18 */
.punbb .helplinks {
  display: block;
  position: absolute;
  top: 1em;
  right: 0;
  font-weight: normal;
  width: 36%;
  }

/* c1.19 */
.punbb #profile .helplinks {
  top: 1.5em;
  }

/* C1.20 */
.punbb .helplinks span {
  display: block;
  padding-bottom: 0.2em;
  }

/* C1.21 */
#pun-post .formal .info-box li {
  padding-left: 4px;
  list-style-type: square;
  list-style-position: inside;
  line-height: 1.5;
  margin: 0;
  }


/* C2 Table layout
-------------------------------------------------------------*/

/* C2.1 */
.punbb .main .tcl {
  overflow: hidden;
  text-align: left;
  width: 50%;
  }

/* C2.2 */
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
  text-align: center;
  width: 10%;
  }

/* C2.3 */
.punbb .main .tcr {
  overflow: hidden;
  text-align: left;
  width: 30%;
  }

/* C2.4 */
#pun-userlist .main .tcl,
#pun-searchtopics .main .tcl,
#pun-modviewforum .main .tcl {
  width: 40%
  }

/* C2.5 */
#pun-userlist .main .tc2,
#pun-searchtopics .main .tc2 {
  text-align: left;
  width: 20%;
  }

/* C2.6 */
#pun-debug table .tcl {
  width: 15%;
  white-space:normal;
  }

/* C2.7 */
#pun-debug .tcr {
  width: 90%;
  white-space: normal;
  }

/* C2.8 */
#pun-index .tcl h3 {
  font-size: 1.2em;
  font-weight: bold;
  }

/* C2.9 */
.punbb td span.youposted {
  font-weight: bold;
  margin-left: -1em;
  position: absolute;
  }

/* C2.10 */
.punbb td .modlist {
  display: block;
  padding-top: 0.3em
  }

/* C2.11 */
.punbb .main td {
  border-style: solid none none solid;
  border-width: 1px 0 0 1px;
  padding: 0.8em 1em;
  }

/* C2.12 */
.punbb .main th {
  border-style: none none none solid;
  border-width: 0 0 0 1px;
  padding: 0.4em 1em 0.4em 1em;
  }

/* C2.13 */
.punbb .main .tcl {
  border-left-style: none;
  border-left-width: 0
  }

/* C2.14 */
.punbb tbody.hasicon td.tcl {
  margin-left: 20;
  }

/* C2.15 */
.punbb div.icon {
  float: left;
  display: block;
  height: 100px;
  width: 100px;
  margin-right: 0px;
  padding-top: 1px;
  margin-top: 1px;
  }

 /* C3 Topics
-------------------------------------------------------------*/

/* C3.1 */
.punbb .post .container {
  border-style: none solid solid solid;
  border-width: 1px;
  margin-top: -1px;
  padding-bottom: 1px;
  }

/* C3.2 */
.punbb .post h3 {
  border-style: solid solid none solid;
  border-width: 1px;


  }

/* C3.3 */
.punbb .post h3 span {
  padding: 0.5em 1em;
  display: block;
  margin-left: 19em;
  border-left-style: solid;
  border-left-width: 1px
  }

/* C3.4 */
.punbb .post h3 strong {
  float: right;
  width: 5em;
  text-align: right;
  font-weight: normal;
  }

/* C3.5 */
.punbb .post .post-author {
  float: left;
  width: 19em;
  margin-top: -1.5em;
  overflow: hidden;
  }

/* C3.6 */
.punbb .post .post-author ul, .punbb .post .post-author p {
  padding: 0 1em 1em 1em;
  line-height: 140%;
  }

/* C3.7 */
.pa-author {
  font-size: 1.3em;
  }

/* C3.8 */
.pa-author a {
  text-decoration: none
  }

/* C3.9 */
li.pa-title {
  padding-bottom: 0.4em;
  padding-top: 20px;
  font-weight: bold;
  }


li.pa-online {
  line-height: 0.8em;
  border-left-style: solid;
  border-left-width: 0.7em;
  padding-left: 0.4em;
  margin-top: 0.7em;
  }

/* C3.11 */
.punbb .post-body {
  margin-left: 19em;
  border-left-style: solid;
  border-left-width: 1px;
  border-radius: 15px;
  padding: 0 0 1px 0;
  }

/* C3.12 */
.punbb .post-box {
  padding: 1em;
  }

/*C3.13 */
.punbb fieldset .post-box {
  margin-bottom: 0.8em
  }

/* C3.14 */
.punbb .post-links {
  margin-left: 19em;
  border-left-style: solid;
  border-left-width: 1px;
  }

/* C3.15 */
.punbb .post-links ul {
  color: #a3adc0;
  padding: 0 1em 0 0;
  height: 2em;
  line-height: 2em;
  margin-left: -19em;
  border-top-style: dashed;
  border-top-width: 1px;
  text-align: right;
  }

/* C3.16 */
.punbb .post-links li {
  display: inline;
  padding-left: 1em;
  }

/* C3.17 */
.pl-email, .pl-website {
  float: left;
  }

/* C3.18 */
.punbb .clearer {
  clear: both;
  height: 0;
  font-size: 0;
  }


/* C4 Moderator menu
-------------------------------------------------------------*/

/* C4.1 */
.punbb .modmenu .container {
  padding: 0.5em 1em;
  text-align: right;
  }

/* C4.2 */
.punbb .modmenu strong, .punbb .modmenu a {
  height: 1.8em;
  line-height: 1.8em;
  }

/* C4.3 */
.punbb .modmenu .container strong {
  float: left;
  }

/* C4.4 */
.punbb .modmenu input {
  margin-left: 1em;
  }


/* C5 Message boxes
-------------------------------------------------------------*/

/* C5.1 */
.punbb .info .container {
  padding: 0.8em 1em
  }

/* C5.2 */
.punbb .info .container .backlink {
  padding-top: 0.8em;
  }


/* C6 Profile
-------------------------------------------------------------*/

/* C6.1 */
#profile .container {
  padding-left: 18.6em;
  text-align: left;
  }

/* C6.2 */
#profilenav {
  float: left;
  width: 14em;
  margin-left: -16.3em;
  display: inline;
  }

/* C6.3 */
#profilenav li {
  padding-bottom: 0.8em;
  font-weight: bold;
  }

/* C6.4 */
#viewprofile ul, #profilenav ul {
  border-style: solid;
  border-width: 1px;
  padding: 1.5em 18px 0.8em 18px;
  margin: 0 0 1em 0;
  }

/* C6.5 */
#viewprofile h2, #profilenav h2 {
  background: transparent;
  border: none;
  padding: 0 0 0 0;
  margin: 0 14px -0.6em 14px;
  }

/* C6.6 */
#viewprofile h2 span, #profilenav h2 span {
  padding: 0 5px;
  position: relative;
  color: #858482;
  font-family: romulregular;
  }

/* C6.7 */
#viewprofile li, #setmods dl {
  padding: 0 0 0 16em;
  margin-bottom: 0.2em;
  }

/* C6.8 */
#viewprofile li span {
  float: left;
  width: 14em;
  margin-left: -16em;
  padding: 0.5em 1em;
  font-weight: bold;
  }

/*C6.9 */
#setmods dt {
  float: left;
  width: 14em;
  margin-left: -16em;
  padding: 0.8em 1em;
  font-weight: bold;
  display: inline;
  }

/* C6.10 */
#viewprofile li strong, #viewprofile li div, #setmods dd {
  display: block;
  padding: 0.5em 1em;
  font-weight: normal;
  }

/* C6.11 */
.punbb img.avatardemo {
  float: right;
  margin: 0 0 0.8em 1.8em
  }


/* C7 User list
-------------------------------------------------------------*/

/* C7.1 */
#pun-userlist .formal, #pun-userlist .formal .container {
  border-bottom: none;
  margin-bottom: 0;
  }

/* C7.2 */
#pun-userlist .usertable .container {
  padding: 0 2.3em 2.3em 2.3em;
  border-top: none;
  }

/* C7.3 */
#pun-userlist .usertable table {
  border-style: solid;
  border-width: 1px;
  }


/**************************************/*************************************************************
D - PUNBB SECTIONS OTHER THAN MAIN CONTENT
**************************************************************/

/* D1 Logo and description
-------------------------------------------------------------*/

/* D1.1 */
#pun-title {
  margin: 0;
  border-width: 1px 1px 0 1px;
  }

/* D1.2 */
#pun-title h1 {
  display : block;
  height : 58px;
  padding: 2em 1em 0 1em;
  }

/* D1.3 */
#pun-title .container {
  border-style: none solid none solid;
  }

/* D1.4 */
#pun-title h1 span  {
  font-size: 1.5em;
  display: none;
  }

#pun-title table {
	border: none;
	height: 366px;
	width: 100%;
}

#pun-title td.title-logo-tdl {
	border: none;
	width: 100%;
}

#pun-title td.title-logo-tdr {
	border: none;
	width: 468px;
        height: 58px; 
        padding: 360px 166px 0 166px;
}

/* D2 Page navigation
-------------------------------------------------------------*/

/* D2.1 */
#pun-pagelinks {
  position: absolute;
  top: -15px;
  left: 0;
  margin: 0;
  border: none;
  padding: 0;
  width: 100%;
  }

/* D2.2 */
#pun-pagelinks .container {
  background: transparent;
  border: none;
  padding: 0}

/* D2.3 */
#pun-pagelinks .container li {
  display: inline
  }

/* D2.4 */
#pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover {
  height: 2em;
  line-height: 2em;
  padding: 0;
  font-size: 1.2em;
  margin-left: -9999px;
  display: block;
  float:left;
  width: 100%;
  }

/* D2.5 */
#pun-pagelinks a:active, #pun-pagelinks a:focus {
  position:relative;
  margin: 0;
  }

#pun-pagelinks li a span {
  display:block;
  margin: 0 1em
  }

/* D3 Forum navigation
-------------------------------------------------------------*/

/* D3.1 */
#pun-navlinks, #pun-navlinks .container {
  border-style: none;
  border-width: 0;
  margin: -37px;
  text-align: center;
  }

/* D3.2 */
#pun-navlinks .container {
  padding: 0.7em 1em;
  }

/* D.3 */
#pun-navlinks li {
  display: inline;
  padding-right: 1em;
  font-weight: normal;
  font: 1.0em trebuchet ms;
  }

/* D3.4 */
#pun-navlinks li a {
  font-size: 1.2em;
  }

/* D4 User links
-------------------------------------------------------------*/

/* D4.1 */
#pun-ulinks  {
  margin: 20 px;
  border: none;
  }

/* D4.2 */
#pun-ulinks .container {
  margin-top: 13px;
  padding-top: 20px;
  left: 6px;
  height: 20px;
  border: none;
  text-align: center;
  font-weight: normal;
  font-size: 11px;
  }

/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
padding: 2px 2px;
display: inline;
white-space: nowrap;
color: #FEF3F7;
text-shadow: #BA3840 1px 1px 1px;
}

/* D4.4 */
#pun-ulinks li a {
}


/* D5 Welcome box and Top Breadcrumbs
-------------------------------------------------------------*/

/* D5.1 */
#pun-status, #pun-status .container {
  border-bottom: none;
  margin-bottom: 0;
  }

/* D5.2 */
#pun-status .container {
  padding: 0.8em 1em 1em 1em;
  }

/* D5.3 */
#pun-status span {
  white-space: nowrap;
  margin-right: 0.5em;
  }

/* D5.4 */
#pun-crumbs1 {
  font-weight: bold;
  overflow: hidden;
  margin-top: 0;
  }

/* D5.5 */
#pun-crumbs1 p.container {
  border-top: none;
  padding: 1em 1em 0.8em 1em;
  font-size: 1.1em;
  }

/* D5.6 */
#pun-break1 {
  margin: 0 1em;
  border-style: solid none;
  border-width: 1px 0;
  height: 0;
  margin: -2px 1em;
  position: relative;
  z-index: 1;
  }

/* D6 Announcement
-------------------------------------------------------------*/

/* D6.1 */
#pun-announcement h2 {
  padding: 0;
  margin: 0 1em -3.5em 1em;
  border-style: none none solid none;
  border-width: 0 0 1px 0;
  position: relative;
  font-weight: bold;
  }

/* D6.2 */
#pun-announcement h2 span {
  display: block;
  padding: 1em 0 0.8em 0;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  }

/* D6.3 */
#pun-announcement .container {
  padding: 4.3em 1em 1em 1em;
  }

/* D7 Statistics
-------------------------------------------------------------*/

/* D7.1 */
#pun-stats .container {
  padding: 0.8em 1em
  text-align: center;
  }

/* D7.2 */
#pun-stats li.item1, #pun-stats li.item2 {
  float: left;
  clear: both;
  line-height: 150%;
  }

/* D7.3 */
#pun-stats li.item3, #pun-stats li.item4 {
  text-align: right;
  line-height: 150%;
  }

/* D7.4 */
li#onlinelist {
  margin-top: 1em;
  border-top-style: solid;
  border-top-width: 1px;
  float: left;
  width: 100%;
  line-height: 130%;
  }

/* D7.5 */
li#onlinelist div {
  border-top-style: solid;
  border-top-width: 1px;
  padding: 0.7em 0 0 0;
  }

/* D8 Quick Jump - About - Bottom Breadcrumbs
-------------------------------------------------------------*/

/* D8.1 */
#pun-qjump {
  margin: 0;
  border: none;
  width: 50%;
  position: relative;
  float: left;
  }

/* D8.2 */
#pun-qjump .container {
  border: none;
  background: transparent;
  padding: 0.8em 1em;
  }

/* D8.3 */
#pun-about {
  margin-top: 0;
  }

/* D8.4 */
#pun-about .container {
  border-top-style: none;
  text-align: right;
  line-height: 150%;
  padding: 0.8em 1em;
  }

/* D8.5 */
#pun-about p span {
  display:block;
  padding-left: 50%;
  }

/* D8.6 */
#pun-crumbs2 {
  font-weight: bold;
  overflow: hidden;
  margin-bottom: 0;
  border-bottom: none;
  }

/* D8.7 */
#pun-crumbs2 .container {
  border-bottom: none;
  padding: 0.8em 1em;
  font-size: 1.1em;
  }

/* D8.8 */
#pun-break4 {
  margin: -2px 1em;
  border-style: solid none;
  border-width: 1px 0;
  position: relative;
  height: 0;
  z-index: 1;
  }

/* D8.9 */
div.punbb-admin #pun-about .container {
  border-top-style: solid;
  border-top-width: 1px;
  }


/* D9 Help file
-------------------------------------------------------------*/

/* D9.1 */
#pun-help .formal .info-box h3.legend {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  padding-bottom: 0;
  margin-bottom: 0.8em;
  }

/* D9.2 */
#pun-help .formal .info-box h3.legend span {
  padding-bottom: 0.6em;
  display: block;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  font-size: 1.1em;
  }

/* D9.3 */
#pun-help .formal p, #pun-help .formal dd {
  margin-bottom: 1em
  }

/* D9.4 */
#pun-help .formal ul, #pun-help .formal dl {
  padding: 0 0 0 1em
  }

/* D9.5 */
#pun-help .formal li {
  padding: 0;
  line-height: 130%
  }

/* D9.6 */
#pun-help .formal li * {
  vertical-align: text-top
  }

/* D9.7 */
#pun-help .formal dt span {
  font: 1.4em/120% monaco, "bitstream vera sans mono", "courier new", courier, monospace
  }

/* D9.8 */
#pun-help .formal

цвета

Код:
a.menu:link, a.menu:visited, a.menu:active{text-decoration: none;
 }
background-color: #000000;
font:normal 7pt Trebuchet Ms;
color: #101010;
line-height: 14pt;
text-transform: uppercase; 
text-align: center;
display:block;
width:200px;
border-bottom: 2px solid  grey;
}
a.menu:hover {
background-color:#27292b;
color:  #000000 ;
border-bottom :2px solid  #ffffff;}

/* CS1 Background and text colours
-------------------------------------------------------------*/

/* http://savepic.org/4535865.jpg */
body {
  background: url("http://s8.uploads.ru/GH7qf.jpg") no-repeat top center; 
color: #0e0d09 !important; margin-left: -20px;
  } 


HTML {background: url("http://s8.uploads.ru/P4bzN.jpg") center top repeat-y #0e0d09;}

#pun_wrap {  
background-image: url("http://s8.uploads.ru/9wbHi.jpg"); background-repeat: no-repeat; 
background-position: center bottom;
padding-bottom: 2em;
 }


/* CS1.2 */

.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
  background-color: transparent;
  color: #201209
  }

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
  background-color: transparent;
  color: #201209
  }

.punbb #pun-main .category h2 {
background-image: url("http://s8.uploads.ru/j5zlG.png");
background-repeat: no-repeat;
background-position: center top;
height: 31px;
}

.punbb h2 {
background-image: url("http://s8.uploads.ru/j5zlG.png");
background-repeat: no-repeat;
background-position: center top;
height: 31px;
}

.punbb-admin{
  color: #201209
}

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background-color: transparent;

  color: #FCEFE7;
font-weight:normal;
font-family: romulregular !important;
text-align:center;
text-shadow:0px 0px 10px #D7CC72, 0px 0px 5px #E37C3A;
}

/* CS1.4 */
#pun-title, #pun-title .container {
  background-color: transparent;

}

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  background-color: transparent;
  color: #515151;
}

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background-color: transparent;
  color: #515151;
  }

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
background-image: url("http://s7.uploads.ru/atln1.png");
background-repeat: repeat
background-position: center top;
border: medium double #5A5D63;
box-shadow: 0 0 5px #0F0F11, inset 0 0 5px #3D4044;
  }

/* CS1.8 */
#pun-navlinks .container {
text-align: center;
  background-color: transparent;
  color: #4A84C4
  }

.offline li.pa-online strong {
  font-weight: normal
  }



/* CS2 Border colours
-------------------------------------------------------------*/

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
  border-color: transparent
  }

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color: transparent
  }

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border-color: transparent;
  }

/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
  border-color: transparent;
  }

/* CS2.5 */
.punbb th {
  border-color: transparent
  }

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {

  }

#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
  border-color: transparent
  }

#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
  border-color: transparent
  }

.punbb .divider {
  border-color: transparent
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
border: 1px solid #d4d6d9;
-webkit-border-radius:15px;
-khtml-border-radius:15px;
-moz-border-radius:15px;
}

li.pa-online {
  border-left-color: #f5f5f5;
  }

.punbb .post-sig dt {
  border-top-color: #f5f5f5!important;
  }
.punbb textarea, .punbb select, {
border-color: transparent;
border-top: 2px solid #262626;
border-bottom: 2px solid black;
}

/* CS3 Links
-------------------------------------------------------------*/

/* CS3.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
  color: #5A1D1A;
  font-style: normal 85% trebuchet ms, arial, helvetica, sans-serif;;
  border-bottom: 0px none #000;
  text-decoration: none;
  transition: all 0.3s ease 0s;
  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #efc287;
  }

/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
  color: #2E3A5B;
    border-bottom: 0px none #000;
  text-decoration: none;

  }

/* CS3.3 */
#pun-navlinks a {
  color: #D02D32;
  border-bottom: 0px none #000;
  font-weight: normal;
font-family: romulregular !important;
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #FBEEE6;
  font-weight: normal;
  font-style: normal;
  border-bottom: 0px none #000;
  text-decoration: none;
  text-shadow: 0 0 5px #C44E32, 0 0 6px #AE3941, #FFDF6E 0 0 10px;
  }

@font-face {
    font-family: 'romulregular';
    src: url('/files/0012/86/86/55921.svg');
    src: url('/files/0012/86/86/55921.svg#iefix') format('embedded-opentype'),
         url('/files/0012/86/86/67002.svg') format('woff'),
         url('/files/0012/86/86/89841.svg') format('truetype');
    font-weight: normal;
    font-style: normal;

}


#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #333;
  color: #fff;
  }
#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
  color: #a0aac1;

  }


/* CS4 Post status icons
 -------------------------------------------------------------*/
div.icon {background: url(http://s9.uploads.ru/1JDKY.png) no-repeat;}
tr.inew div.icon {background: url(http://s7.uploads.ru/KBp8h.png) no-repeat;}
tr.iclosed div.icon {background: url(http://s7.uploads.ru/ZfBsj.png) no-repeat;}
tr.isticky div.icon {background: url(http://s7.uploads.ru/0IyoV.png) no-repeat;}
#pun-main div.catleft, #pun-main div.catright {display: none}


#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 0; left: 0px; top: 0px}


#pun-announcement h2 {display: none}
#pun-announcement .container {padding-top: 1em}



#pun-main h2 {text-align: center; background-image : url();
background-repeat: no-repeat;
background-position: center center; height: 31px}


.punbb .post .post-author {
padding-top: -20px;
width: 300px;
background: transparent;
background: rgba(3, 6, 21, 0.4);
text-align: center;
border-radius: 10px;
box-shadow: inset -5px -5px 10px #4D4D54;
}

.pa-respect a, .pa-positive a, .pa-gifts a, .pa-ip a, .pa-awards a {
color: #89BAF4 !important;
}
.pa-respect a:hover, .pa-positive a:hover, .pa-gifts a:hover, .pa-ip a:hover, .pa-awards a:hover {
color: #7194CC !important;
}



.pa-author a:hover, .pa-author {
color: #00B2FF !important;
text-shadow: 0px 0px 4px #2453A1;
line-height: 48px !important;
}



#pun-stats ul.container {
        background: transparent url("http://s7.uploads.ru/DLTdK.png") no-repeat 10px;
        height: 162px;
        padding-left: 110px;
}

.punbb textarea {
background-image: url("http://s7.uploads.ru/ZARtY.jpg");
color: #101010;
border-top-left-radius: 8px;
border-bottom-right-radius: 8px;
border-top-right-radius: 8px;
border-bottom-left-radius: 8px;
border-width: 0px;
-webkit-box-shadow: inset 0 0 17px #29384F;
-moz-box-shadow: inset 0 0 17px #29384F;
box-shadow: inset 0 0 17px #29384F;
}


.button{
background: rgb(234,219,178); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(234,219,178,1) 0%, rgba(235,54,9,1) 50%, rgba(195,49,13,1) 51%, rgba(242,50,82,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(234,219,178,1)), color-stop(50%,rgba(235,54,9,1)), color-stop(51%,rgba(195,49,13,1)), color-stop(100%,rgba(242,50,82,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(234,219,178,1) 0%,rgba(235,54,9,1) 50%,rgba(195,49,13,1) 51%,rgba(242,50,82,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(234,219,178,1) 0%,rgba(235,54,9,1) 50%,rgba(195,49,13,1) 51%,rgba(242,50,82,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(234,219,178,1) 0%,rgba(235,54,9,1) 50%,rgba(195,49,13,1) 51%,rgba(242,50,82,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(234,219,178,1) 0%,rgba(235,54,9,1) 50%,rgba(195,49,13,1) 51%,rgba(242,50,82,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eadbb2', endColorstr='#f23252',GradientType=0 ); /* IE6-9 */
border-radius: 5px;
border-color: transparent;
border-width: 0px;
padding: 4px 8px;
color: #B9C7E1 !important;
  transition: all 0.3s ease 0s;
}

.button:hover {
background: rgb(247,220,131); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(247,220,131,1) 0%, rgba(229,204,114,1) 27%, rgba(230,108,38,1) 81%, rgba(222,134,86,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,220,131,1)), color-stop(27%,rgba(229,204,114,1)), color-stop(81%,rgba(230,108,38,1)), color-stop(100%,rgba(222,134,86,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(247,220,131,1) 0%,rgba(229,204,114,1) 27%,rgba(230,108,38,1) 81%,rgba(222,134,86,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(247,220,131,1) 0%,rgba(229,204,114,1) 27%,rgba(230,108,38,1) 81%,rgba(222,134,86,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(247,220,131,1) 0%,rgba(229,204,114,1) 27%,rgba(230,108,38,1) 81%,rgba(222,134,86,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(247,220,131,1) 0%,rgba(229,204,114,1) 27%,rgba(230,108,38,1) 81%,rgba(222,134,86,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7dc83', endColorstr='#de8656',GradientType=0 ); /* IE6-9 */

border-radius: 3px;
border-color: transparent;
border-width: 0px;
padding: 4px 8px;
color: #0F2741 !important;
-webkit-box-shadow: 0 0 17px #C83D42; /*#14181c*/
-moz-box-shadow: 0 0 17px #C83D42;
box-shadow: 0 0 17px #C83D42;
}

.button:active {
background: rgb(247,220,131); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(247,220,131,1) 0%, rgba(229,204,114,1) 27%, rgba(230,108,38,1) 81%, rgba(222,134,86,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,220,131,1)), color-stop(27%,rgba(229,204,114,1)), color-stop(81%,rgba(230,108,38,1)), color-stop(100%,rgba(222,134,86,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(247,220,131,1) 0%,rgba(229,204,114,1) 27%,rgba(230,108,38,1) 81%,rgba(222,134,86,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(247,220,131,1) 0%,rgba(229,204,114,1) 27%,rgba(230,108,38,1) 81%,rgba(222,134,86,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(247,220,131,1) 0%,rgba(229,204,114,1) 27%,rgba(230,108,38,1) 81%,rgba(222,134,86,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(247,220,131,1) 0%,rgba(229,204,114,1) 27%,rgba(230,108,38,1) 81%,rgba(222,134,86,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7dc83', endColorstr='#de8656',GradientType=0 ); /* IE6-9 */
border-radius: 3px;
border-color: transparent;
border-width: 0px;
padding: 4px 8px;
color: #0F2741 !important;
}

.punbb .main .container{
margin-top: 2px;
}


.punbb #pun-viewtopic .post-report h1, .post-reputation h1 {
background-image: url("http://savepic.org/4777369.png");
background-repeat: no-repeat;
background-position: center top;
height: 61px;
}

#pun-main .container table thead
{font-size: 80%;
  text-transform: lowercase;
margin-top: 10px;}

#pun-main .container table thead tr th.tcl
{color: transparent;
font-size: 0em;}

    .fs-box .post-body{
    width: 400px;
    }

    .fs-box .post-sig dt{
    width: 380px !important;
    }

    #profilenav .isactive a{
    color: #437DF0;
    }

div.post-rating a {
font-family: romulregular;
font-size: 18px;
color: #264F8F;
text-shadow: 0 0 5px #5483C9;
}

#profilenav{
background: rgba(3, 6, 21, 0.3);
border-radius: 10px;
box-shadow: inset -5px -5px 10px #4D4D54;
}

#profilenav li {
background: rgba(162, 161, 159, 0.1);
margin: 2px;
padding-top: 5px;
padding-left: 9px;
border-radius: 5px;
color: #A7BDCC !important;
}

#profilenav li a {
color: #DFF1FF;
}

4

ПРОВЕРЯЙ с помощью:

Код:
outline: 1px solid #666;

A2.3
Линки навигации; статистика; подпрофильные имейл и тд, впрофильные пункты (имя-автара-труляля), удалить-редактировать-цитировать.
A2.4
Картинки форума, вкл аватары, смайлы и т.д.
A2.5
Место в сетке главной таблицы (возле иконок нью, олд, тд), там где описание форумов.
A2.6 - A2.7
Свойства чекбоксов (как ни странно).
A3.1
Тело форума (все, кроме осн фона).
А3.2
Внутренности. Наполнение. Наглядно - изменить цвет в этом пункте на контрастный нужному.
A3.3
Поле ввода текста, поля выбора, кнопки и optgroup(???).
A3.4
"Плашки" (полностью, вместе с бекраундом и тд) статистики, форумов, частично: ссылки форумов (рядом с описанием и иконками), заголовок "быстрый ответ", даты сообщений и что-то в шапке, вероятно баннер(?) + Тем Сообщений Последнее сообщение + Профиль: тофля (большинство заголовков, в общем).
A3.5
Названия (только слова) форумов, статистики, все заголовочного типа в профиле, быстрый ответ, напишите ваше сообщение и т.д.
"хвостик" пункт - хз чё.
A3.6
В поле "код" изменения, а там черт его знает.
A3.7
"советы" (типа: Оптимально для шапки.) в админке и профиле.
А3.8
???
А3.9
???
A3.10
ВСЕ ссылки.
A.3.11
???
A4.1
???
A4.2
???
A5.1
Тело форума + "табличка" переадресации.
A5.2
Inside тела форума и "таблички" переадресации.
A5.3
Только инсайд таблицы переадресации.
А5.4
Все "крупные" запчасти (удобно просмотреть составляющие части).
А5.5
Категории (не только картинки и названия, а полностью запчасть) + пост (вместе с профилем и тэдэ).
A5.6
Первая категория и первый пост каждой темы.
A5.7
???
A5.8
Более "верхние" слои форумных запчастей.
A5.9
Контейнеры. (запчасти)
A5.10
"Заголовки" контейнеров предыдущего пункта.

5

B1.1
???
B1.2
Отделение подписи от сообщения: линия и т.д.
B1.3
Само содержание подписи и сообщения (отделяя код и цитату).
B1.4
Изображения в постах (сообщениях) (возможно и в подписях).
B1.5
???
B1.6
Внутреннее наполнение областей кода и цитаты.
B1.7
???
B1.8
Внешности области кода и цитаты (т.е. вместе с оформляющей частью, а не только наполнение как в 1.6)
B1.9
"Заголовок" области цитаты и кода, т.е. "никнейм написал(а):" и "код:"
В2.1
Поля для ввода инфы(???)
B2.2
???
B2.3
???
B3.1
???
B3.2
Область сообщения+профиля и тд внутри темы, "страница".
B3.3
Строка, где указана страница (в теме), но только верхняя.
B3.4
Строки "ответить", "новая тема", "новый опрос" - тоже верхние.
B3.5
Ответить + страница - нижние.
В3.6
Только страница - внизу.
В3.7
Только ответить - внизу.
В3.8
"Подписаться и отслеживать тему".

6

C1.1
???
(но прописаны атрибуты для текста внутри ??? текстового поля в админке.
С1.2
"Поля" вмещающие кнопки.
С1.3
Собственно кнопки.
С1.4
Поле быстрого ответа без строки Быстрый ответ и кнопок.
С1.5
Строка: "Напишите ваше сообщение и нажмите отправить" и прочие у полей ввода. "Легенда".
С1.6
То же, только специфичнее.
С1.7
Поле текста.
С1.8
Текстовое поле вместе с кнопками-тегами.
С1.9
Только текстовое поле + Не отображать сообщение о редактировании
С1.10
???
С1.11
???
С1.12
???
C1.13
Название полей с информацией (в профиле "имя" и тд).
С1.14
Ссылки в полях информации.
С1.15
Текстовое поле.
И прочие.
С1.16
Расширенная версия с1.15.
С1.17
Текстовое поле с кнопками над ним + оно расширяется в зависимости от выпадающего "меню".
С1.18
???
C1.19
???
C1.20
???
C1.21
???

7

C2.1
Тестовый форум
Пример простого форума
+
Тестовое сообщение  тофля
("Темы")
С2.2
Тем Сообщений
С2.3
Последнее сообщение
C2.4
Юзерлист - колонка ников
С2.5
Юзерлист - колонка статус
С2.6
???
C2.7
???
C2.8
Названия форумов only (например "двойное дно")
С2.9
???
C2.10
Модераторское меню.
С2.11
Статус Уважение Сообщений Зарегистрирован Был
Но именно пользовательская информация, не названия колонок.
С2.12
Статус Уважение Сообщений Зарегистрирован Был
Названия колонок.
C2.13
Колонка с никами (название и ники).
С2.14
Опять первая колонка форумов
(Тестовый форум
Пример простого форума)
С2.15
Иконки.

8

С3.1
Конейнер "поста", захватывает профиль и ссылки редактирования.
С3.2
"Заголовок" поста (Нпрм: Пн, 14 Апр 2014 23:03 + номер его в теме).
С3.3
То же, что и С3.2, но не задевает профиля.
С3.4
Только номер поста.
С3.5
Отображения профиля в теме (рамка и тд).
С3.6
???
C3.7
Ник автора поста в профиле в теме.
С3.8
Ник, но как ссылка.
С3.9
Статус.
С3.10
Активен 2 минуты.
С3.11
"Тело" поста (без профиля, но с подписью).
С3.12
"Тело" поста (без профиля, но с подписью).
C3.13
???
C3.14
Строка: Профиль ЛС E-mail Удалить Редактировать Цитировать
С3.15
Строка: Профиль ЛС E-mail Удалить Редактировать Цитировать
С3.16
Строка: Профиль ЛС E-mail Удалить Редактировать Цитировать - НО! каждый элемент "отдельно".
С3.17
Только Профиль ЛС E-mail "отдельно".
С3.18
"Точка" внизу профиля, правее от э-мейл.

9

C4.1
Контейнер модераторского меню и "тему просматривают".
Удалить, Перенести, Открыть или Закрыть темыRSS • Atom
С4.2
Элементы меню: собственно меню, ники смотрящих тему, рсс-атом.
С4.3
Модераторская менюшка и Удалить, Перенести, Открыть или Закрыть темы.
С4.4
???

С5.1
Текст в переадресации.
С5.2
Переадресация.

10

С6.1
Все поле профиля (страница профиля).
С6.2
Меню (навигация) в профиле.
С6.3
Пункты меню в профиле.
С6.4
Меню без заголовка в профиле.
С6.5
Заголовок меню профиля.
С6.6
Заголовок меню профиля.
С6.7
???
С6.8
???
С6.9
Права модератора в профиле + Почтовые службы.
С6.10
Форумы, к которым предоставляется доступ модератору.
С6.11
"Предпросмотр" аватара.

11

С7.1
Поиск и сортировка пользователей. (список участников)
C7.2
Собственно список.
С7.3
Собственно собственно список (wut).

12

D1.1
???
D1.2
Лого (мб вариант для свободно расположенного заголовка).
D1.3
???
D1.4
???
-прихвостень
шапка вкупе с навигацией "форум, участники и т.д."
-прихвостень
шапка вкупе с навигацией "форум, участники и т.д."
-прихвостень
оно же, только с "привет, ваш последний визит

D2.1
???
D2.2
???
D2.3
???
D2.4
???
D2.5
???
-прихвостень
???

D3.1
    Форум   Участники    Правила    Поиск    Профиль    Сообщения    Администрирование    Выход
D3.2
Оно же.
D3.3
Оно же, каждый "пункт" отдельно.
D3.4
Оно же, более тесно.

D4.1
Новые сообщения Активные темы и тд
D4.2
Оно же.
D4.3
Оно же, "отдельно".
D4.4
Оно же, "ссылки".

D5.1
Привет, тофля. Ваш последний визит: Сегодня 16:05. В фонде форума: 0.00 кредитов. Помочь форуму.
D5.2
Оно же.
D5.3
Оно же, отдельно.
D5.4
Строка с названием форума, категорий, подфорумов, тем (» я для себя » двойное дно » comics)
D5.5
???
D5.6
Место между "Привет, юзернейм" и D5.4.

D6.1
???
D6.2
???
D6.3
Объявление.

D7.1
Cтатистика (низ форума).
D7.2
Всего тем, всего сообщений.
D7.3
Всего тем: 4 Зарегистрированных пользователей: 1
Всего сообщений: 43 Последним зарегистрировался: тофля
(строками).
D7.4
Активны.
D7.5
Активны плотнее.

D8.1
???
D8.2
???
D8.3
фотохостинг, создать форум (низ).
D8.4
Оно же.
D8.5
Оно же.
D8.6
я для себя » Администрирование - Свой стиль
(нижнее)
D8.7
???
D8.8
Область под D8.6.
D8.9
фотохостинг • создать форум
(только админ-меню)

D9.1
???
D9.2
???
D9.3
???
D9.4
???
D9.5
???
D9.6
???
D9.7
???
D9.8
???

13

кнопки

Код:
<!--кнопки вверх вниз-->
<div class="go-up" id='ToTop'><img src="http://savepic.ru/10619637.png" border="0" /></div>
<div class="go-down" id='OnBottom'><img src="http://savepic.ru/10623733.png" border="0" /></div>
<style>
.go-up,.go-down {
display:none;
position:fixed; 
right: 65px;
z-index:9999; 
cursor:pointer;
opacity:.9; 
margin-bottom:40px; 
width: 80px; 
height: 30px;
}
.go-up {
bottom:130px;
}
.go-down {
bottom:80px; 
}
.go-down:hover,.go-up:hover {
opacity:1;
}
</style>
<script type="text/javascript">
$(function(){
if ($(window).scrollTop()>="250") $("#ToTop").fadeIn("slow")
$(window).scroll(function(){
  if ($(window).scrollTop()<="250") $("#ToTop").fadeOut("slow")
  else $("#ToTop").fadeIn("slow")
});
if ($(window).scrollTop()<=$(document).height()-"999") $("#OnBottom").fadeIn("slow")
$(window).scroll(function(){
  if ($(window).scrollTop()>=$(document).height()-"999") $("#OnBottom").fadeOut("slow")
  else $("#OnBottom").fadeIn("slow")
});
$("#ToTop").click(function(){$("html,body").animate({scrollTop:0},"slow")})
$("#OnBottom").click(function(){$("html,body").animate({scrollTop:$(document).height()},"slow")})
});
</script>

Вы здесь » я для себя » Тестовый форум » скрипт