[html]
<div id="port-block1" class="free">

<a class="tip" id="cover" title="Стиль для MyBB форума Rise of the Guardians с двойным переключателем мини-стилей">
  <div id="icon"></div>
  <img src="http://gerda.moy.su/MyBB_files/FD/RoG/RoG_1.gif">
</a>

<div id="cover-block">
Дата: 01.12.2012<br>
Автор: <a href="http://forumd.ru/profile.php?id=2" target="_blank">Герда</a><br>
Платформа: MyBB<br>
Стоимость: 350р<br>
Бесплатный дизайн<br>
Описание: Стиль для MyBB форума Rise of the Guardians с двойным переключателем мини-стилей: смена тем + смена фона текста, работает параллельно.<br>
<a href="https://yadi.sk/d/_KX_ttyX3QHNSz" target="_blank">СКАЧАТЬ</a>
</div>

</div>

<div id="port-block2">
<a class="tip" title="Стиль форума по умолчанию"><img src="http://gerda.moy.su/MyBB_files/FD/RoG/RoG_1.jpg" class="postimg"></a>
<a class="tip" title="Переключатель стиля текстовой части форума"><img src="http://gerda.moy.su/MyBB_files/FD/RoG/RoG_2.jpg" class="postimg"></a>
<a class="tip" title="Переключатель тем форума"><img src="http://gerda.moy.su/MyBB_files/FD/RoG/RoG_3.jpg" class="postimg"></a>
</div>[/html]

подробное описание

ГРАФИКА
Простой стиль по теме мультфильма Rise of the Guardians (Хранители снов). В наличии PSD.

ВЕРСТКА
Фиксированная ширина форума с стандартной табличной версткой форума.

ТЕХНИЧЕСКОЕ ОСНАЩЕНИЕ
В дизайн встроен скрипт смены мини-стилей с двойным переключателем, работающими параллельно.
В шапке находится переключатель для 6 тем форума, а под шапкой находится переключатель для текстовой части дизайна черный/белый.
Оба вида переключателей работают параллельно - то есть при переключении тем НЕ слетают настройки для текстовой части.
Второй щелчок по кнопке подгрузки министиля восстанавливает настройки стиля форума по умолчанию.
http://gerda.moy.su/MyBB_files/FD/RoG/RoG_1.gif http://gerda.moy.su/MyBB_files/FD/RoG/RoG_2.gif

Код стиля

HTML-верх

Код:
<script type="text/javascript">
$("link[rel='stylesheet']:first").after('<link id="MyStyle" rel="stylesheet" type="text/css"/>');
var linkStyles='<link id="MyStyle" rel="stylesheet" type="text/css" href="';


function setcookie(a,b,c) {if(c){var d = new Date();d.setDate(d.getDate()+c);}if(a && b) document.cookie = a+'='+b+(c ? '; expires='+d.toUTCString() : '');else return false;}
function getcookie(a) {var b = new RegExp(a+'=([^;]){1,}');var c = b.exec(document.cookie);if(c) c = c[0].split('=');else return false;return c[1] ? c[1] : false;}


function clearSet(L){if(L){setcookie("changeStyle",L,30);$("#MyStyle").replaceWith(linkStyles+L+'"/>')}};var Lmem=getcookie("changeStyle");clearSet(Lmem);


$("link[rel='stylesheet']:last").after('<link id="MyStyle1" rel="stylesheet" type="text/css"/>');
var linkStyles1='<link id="MyStyle1" rel="stylesheet" type="text/css" href="';


function clearSet1(L){if(L){setcookie("changeStyle1",L,30);$("#MyStyle1").replaceWith(linkStyles1+L+'"/>')}};
var Lmem1=getcookie("changeStyle1");
clearSet1(Lmem1);

</script>

<div id="logotop">

<div id="changeStyle">
<div id="dis-but1">
<img src="http://forumfiles.ru/files/0008/ea/f4/29231.png" alt="http://forumfiles.ru/files/0008/ea/f4/20578.css" title="включить стиль Джек" />
<img src="http://forumfiles.ru/files/0008/ea/f4/98408.png" alt="http://forumfiles.ru/files/0008/ea/f4/66788.css" title="включить стиль Северянин" />
<img src="http://forumfiles.ru/files/0008/ea/f4/11644.png" alt="http://forumfiles.ru/files/0008/ea/f4/87465.css" title="включить стиль Зубная Фея" />
<img src="http://forumfiles.ru/files/0008/ea/f4/42551.png" alt="http://forumfiles.ru/files/0008/ea/f4/65037.css" title="включить стиль Пасхальный Кролик" />
<img src="http://forumfiles.ru/files/0008/ea/f4/66527.png" alt="http://forumfiles.ru/files/0008/ea/f4/52768.css" title="включить стиль Песочный Человек" />
<img src="http://forumfiles.ru/files/0008/ea/f4/61777.png" alt="http://forumfiles.ru/files/0008/ea/f4/66336.css" title="включить стиль Кромешник" style="margin-left:0px" />
</div>
<div id="dis-but2"><img src="http://forumfiles.ru/files/0008/ea/f4/33468.png" alt="http://forumfiles.ru/files/0008/ea/f4/55243.css" title="включить ЧЕРНЫЙ фон текстовых блоков" /></div>
<div id="dis-but3"><img src="http://forumfiles.ru/files/0008/ea/f4/63650.png" alt="http://forumfiles.ru/files/0008/ea/f4/28968.css" title="включить БЕЛЫЙ фон текстовых блоков" /></div>
</div>

<script>
$("#changeStyle #dis-but1 img[alt='"+Lmem+"']").addClass("STYLselect");

$('#changeStyle #dis-but1 img[alt]').click(function(){
if($(this).hasClass("STYLselect"))
{L='#';$('#changeStyle #dis-but1 img[alt]').removeClass("STYLselect")}
else
{  L=$(this).attr("alt");$('#changeStyle #dis-but1 img[alt]').removeClass("STYLselect");
$(this).addClass("STYLselect");}clearSet(L);
});



$('#changeStyle #dis-but2 img[alt]').click(function(){
$("#changeStyle #dis-but2 img[alt='"+Lmem1+"']").addClass("STYLselect1");
if($(this).hasClass("STYLselect1"))
{

L='#';
$('#changeStyle #dis-but3 img[alt]').removeClass("STYLselect1")}
else
{  L=$(this).attr("alt");
$('#changeStyle #dis-but3 img[alt]').removeClass("STYLselect1");
$(this).addClass("STYLselect1");}clearSet1(L);
});



$('#changeStyle #dis-but3 img[alt]').click(function(){
$("#changeStyle #dis-but3 img[alt='"+Lmem1+"']").addClass("STYLselect1");
if($(this).hasClass("STYLselect1"))
{L='#';$('#changeStyle #dis-but2 img[alt]').removeClass("STYLselect1")}
else
{  L=$(this).attr("alt");$('#changeStyle #dis-but2 img[alt]').removeClass("STYLselect1");
$(this).addClass("STYLselect1");}clearSet1(L);
});

</script>
</div>

HTML-низ

Код:
<!-- замена слов -->
<script type="text/javascript">
function Change(sc,ch,st){$(sc).parent().each(function(){$(this).html($(this).html().replace(ch,st));});}

Change('#pun-navlinks a','Администрирование','Админка');

</script>
<script type="text/javascript">
var arr=document.getElementsByTagName("div")
i=0
while(arr[i] ){
if(arr[i].id=="pun-about") {
name=arr[i].innerHTML
name=name.substring(0)
arr[i].innerHTML="<div style='text-align:right; position:relative; top:6px; right: 10px; color: #737373'>дизайн © 2012 Герда | <a href=http://forumd.ru/>ForumD.ru</a> | <a href=http://forumd.ru/pages/contacts>gerdm@ya.ru</a></div>"+name
}i++}
</script>

style.css

Код:
 /********** СТИЛЬ "Rise of the Guardians" © ForumD.ru **********/
 /********** Заказ дизайна: http://forumd.ru/ **********/
 /********** Обратная связь: gerdm@ya.ru **********/

@import url(style_cs.css);
html, body {margin: 0; padding: 0}
.punbb * {margin: 0}
.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {padding: 0; list-style: none;}
.punbb img {border:none}
.punbb .main table {table-layout: fixed; width: 100%;}
.checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 0.3em;}
p[class="checkfield"] *, div[class="checkfield"] *, fieldset[class="radiofield"] * {height: 1.8em; vertical-align: middle}

body {font-size: 100.01%;}
.punbb {font: normal 68.75% verdana, arial, helvetica, sans-serif;}
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {font: 1em verdana, arial, helvetica, sans-serif}
.punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th {font-size: 1em; font-weight: normal;}
.punbb h1 span, .punbb h2 span {font-family: times new roman; font-size: 20px; text-transform: uppercase;}
.punbb legend span {font-size: 1.1em;}
.punbb pre {font: 1.1em/140% monaco, "bitstream vera sans mono", "courier new", courier, monospace}
.punbb address, .punbb em {font-style: normal}
.punbb .post-content em {font-style: italic}
.punbb .post-content em.bbuline {font-style: normal; text-decoration: underline;}
.punbb a {text-decoration: underline}
.punbb optgroup {font-weight: bold;}
#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;
  }
.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,
#pun-userlist .main h2 {
  font-size: 0;
  height: 0;
  width: 0;
  line-height: 0.0;
  position:absolute;
  left: -9999px;
  overflow: hidden
  }


 /********** СТИЛЬ "Rise of the Guardians" © ForumD.ru **********/
 /********** Заказ дизайна: http://forumd.ru/ **********/
 /********** Обратная связь: gerdm@ya.ru **********/

.punbb { float: left; height: auto; margin: 0 6px; width: 902px;}
#pun-redirect, #pun-maint {margin: 50px 20% 12px 20%; width: auto; float: none;}
.punbb .section, .punbb .main {margin-bottom: 1em; overflow: hidden;}
.punbb #pun-category1, .punbb .toppost, .punbb .topicpost {margin-top: 0;}
#pun-post .topic {margin-top: 1em;}

.punbb .post-content {padding: 0; margin: 0; width: 100%; overflow: hidden;}
.punbb .post-sig dt {display: block; border-top: 1px solid #888; width: 250px; margin: 5px 0;}
.punbb .post-content p {margin: 0; padding: 0 0 1em 0; line-height: 150%;}
.punbb .post-content img {vertical-align: text-bottom}
.punbb .post-content img.postimg {vertical-align: middle;}
.punbb .post-content .blockcode, .punbb .post-content blockquote {width: 100%; overflow: hidden;}
.punbb .post-content .scrollbox {width: 100%; overflow: auto;}
.punbb .post-content .quote-box, .punbb .post-content .code-box {margin: 0.4em 1.8em 1.4em 1.8em; padding: 1em; border-style: solid; border-width: 1px;}
.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;}
.punbb .info-box {padding: 1.1em 1.7em 1em 1.7em; border-style: solid; border-width: 1px; margin: 0 0 1.1em 0;}
.punbb .info-box * {padding: 0 0 0.7em 0;}
.punbb #pun-main .info-box .legend {font-size: 1.1em; font-weight: bold;}

 /********** СТИЛЬ "Rise of the Guardians" © ForumD.ru **********/
 /********** Заказ дизайна: http://forumd.ru/ **********/
 /********** Обратная связь: gerdm@ya.ru **********/
.punbb .linkst {float: left; position: relative; width: 100%; font-size: 1.1em; height: 0;}
.multipage {margin-top: 3em;}
.linkst .pagelink {color: #666666; position: absolute; top: -4em; left: 1em; width: 24em;}
.linkst .postlink {color: #666666; position: absolute; top: -4em; right: 1em; width: 16em; text-align: right; font-weight: bold;}
.punbb .linksb {color: #666666; text-align: right; padding: 0.4em 1em 0.5em 1em; font-size: 1.1em;}
.linksb .pagelink {color: #666666; float: left; width: 24em; text-align: left;}
.linksb .postlink {float: right; width: 16em; font-weight: bold}
.subscribelink {clear:both; padding-top: 0.3em; padding-bottom: 0.5em;}

.punbb .formal .container {border-bottom: 2px solid #4e4d52; margin-left: 1px; padding: 1.7em 2.3em 1.1em;}
.punbb .formsubmit {padding: 0 0 0 1.7em; margin: 1em 0 0 0;}
.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {margin: 0 0.6em 0 0}
.punbb fieldset {border-style: solid; border-width: 1px; padding: 0 18px 0 18px; margin: 0 0 1em 0}
.punbb fieldset legend {padding: 0; margin: 0 0 0 11px; font-size: 1.1em}
.punbb fieldset legend span {padding: 0 5px; margin: 0 0 0 -15px;}
.punbb fieldset fieldset {border-style: none;margin: 0; padding: 0 0 8px 0}
.punbb .fs-box {padding: 1em 0 0.8em 0;}
.punbb .fs-box p, .punbb .fs-box fieldset {padding: 0 0 0.8em 0}
.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield {float: left; margin-right: 1em;}
.punbb .inline .infofield {clear:both}
.punbb .datafield br {display: none}
.punbb .required label, .punbb .datafield span.input {font-weight: bold}
.punbb .datafield span.input a {font-weight: normal;}
.punbb .areafield span.input, .punbb p.longinput span.input {display: block; padding: 0 12em 0 0;height: 100%;}
.punbb textarea, .punbb .longinput input {width: 64%; margin: 0;}
.punbb .hashelp {position: relative;}
.punbb .helplinks {display: block; position: absolute; top: 1em; right: 0; font-weight: normal; width: 36%;}
.punbb #profile .helplinks {top: 1.5em;}
.punbb .helplinks span {display: block; padding-bottom: 0.2em;}
#pun-post .formal .info-box li {padding-left: 4px; list-style-type: square; list-style-position: inside; line-height: 1.5; margin: 0;}

 /********** СТИЛЬ "Rise of the Guardians" © ForumD.ru **********/
 /********** Заказ дизайна: http://forumd.ru/ **********/
 /********** Обратная связь: gerdm@ya.ru **********/
.punbb .main .tcl {overflow: hidden; text-align: left; width: 50%;}
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod { text-align: center; width: 10%;}
.punbb .main .tcr {overflow: hidden; text-align: left; width: 30%;}
#pun-userlist .main .tcl, #pun-searchtopics .main .tcl, #pun-modviewforum .main .tcl {width: 40%}
#pun-userlist .main .tc2, #pun-searchtopics .main .tc2 {text-align: left; width: 20%;}
#pun-debug table .tcl {width: 15%; white-space:normal;}
#pun-debug .tcr {width: 90%; white-space: normal;}
#pun-index .tcl h3 {font-size: 1.2em; font-weight: bold;}
.punbb td span.youposted {font-weight: bold; margin-left: -1em; position: absolute;}
.punbb td .modlist {display: block; padding-top: 0.3em}
.punbb .main td {border-style: solid none none solid; border-width: 1px 0 0 1px; padding: 0.8em 1em;}
.punbb .main th {border-bottom: 2px solid #2c352b; text-align: center !important; padding: 0.4em 1em 0.4em 1em;}
.punbb .main .tcl {border-left-style: none; border-left-width: 0}
.punbb div.icon { display: block; float: left;height: 68px; width: 65px;margin-right: 7px;margin-left: -4px;}


 /********** СТИЛЬ "Rise of the Guardians" © ForumD.ru **********/
 /********** Заказ дизайна: http://forumd.ru/ **********/
 /********** Обратная связь: gerdm@ya.ru **********/
.punbb .post .container {border-bottom: 2px solid #333;}
.punbb .post h3 span {padding: 0.5em 1em; display: block; margin-left: 19em; border-left-style: solid; border-left-width: 1px}
.punbb .post h3 strong {float: right; width: 5em; text-align: right; font-weight: normal;}
.punbb .post .post-author {float: left; width: 19em; margin-top: -1.5em; overflow: hidden;}
.punbb .post .post-author ul, .punbb .post .post-author p {padding: 0 1em 1em 1em; line-height: 140%;}
.pa-author {font-size: 1.1em; font-weight: bold;}
.pa-author a {text-decoration: none}
li.pa-title {padding-bottom: 0.4em; font-weight: bold;}
.punbb .post-body {margin-left: 19em; border-left-style: solid; border-left-width: 1px; padding: 0 0 1px 0;}
.punbb .post-box {padding: 1em;}
.punbb fieldset .post-box {margin-bottom: 0.8em}
.punbb .post-links {margin-left: 19em; border-left-style: solid; border-left-width: 1px;}
.punbb .post-links ul {padding: 0 1em 0 0; height: 2em; line-height: 2em; margin-left: -19em; border-top-style: dotted; border-top-width: 1px; background: transparent; text-align: right;}
.punbb .post-links li {display: inline; padding-left: 1em;}
.pl-email, .pl-website {float: left;}
.punbb .clearer {clear: both; height: 0; font-size: 0;}
.punbb .modmenu .container {padding: 0.5em 1em; text-align: right;}
.punbb .modmenu strong, .punbb .modmenu a {height: 1.8em; line-height: 1.8em;}
.punbb .modmenu .container strong {float: left;}
.punbb .modmenu input {margin-left: 1em;}
.punbb .info .container {padding: 0.8em 1em}
.punbb .info .container .backlink {padding-top: 0.8em;}
#profile .container {padding-left: 18.6em;}
#profilenav {float: left; width: 14em; margin-left: -16.3em; display: inline;}
#profilenav li {padding-bottom: 0.8em; font-weight: bold;}
#viewprofile ul, #profilenav ul {border-style: solid; border-width: 1px; padding: 1.5em 18px 0.8em 18px; margin: 0 0 1em 0;}
#viewprofile h2, #profilenav h2 {background: transparent; border: none; padding: 0 0 0 0; margin: 0 14px -0.6em 14px;}
#viewprofile h2 span, #profilenav h2 span {padding: 0 5px; position: relative;}
#viewprofile li, #setmods dl {padding: 0 0 0 16em; margin-bottom: 0.2em;}
#viewprofile li span {float: left; width: 14em; margin-left: -16em; padding: 0.5em 1em; font-weight: bold;}
#setmods dt {float: left; width: 14em; margin-left: -16em; padding: 0.8em 1em; font-weight: bold; display: inline;}
#viewprofile li strong, #viewprofile li div, #setmods dd {display: block; padding: 0.5em 1em; font-weight: normal;}
.punbb img.avatardemo {float: right; margin: 0 0 0.8em 1.8em}


 /********** СТИЛЬ "Rise of the Guardians" © ForumD.ru **********/
 /********** Заказ дизайна: http://forumd.ru/ **********/
 /********** Обратная связь: gerdm@ya.ru **********/
#pun-userlist .formal, #pun-userlist .formal .container {border-bottom: none; margin-bottom: 0;}
#pun-userlist .usertable .container {padding: 0 2.3em 2.3em 2.3em; border-top: none;}
#pun-userlist .usertable table {border-style: solid; border-width: 1px;}
#pun-title {display:none;}
#pun-pagelinks {position: absolute; top: -15px; left: 0; margin: 0; border: none; padding: 0; width: 100%;}
#pun-pagelinks .container {background: transparent;border: none; padding: 0}
#pun-pagelinks .container li {display: inline}
#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%;}
#pun-pagelinks a:active, #pun-pagelinks a:focus {position:relative; margin: 0;}
#pun-pagelinks li a span {display:block; margin: 0 1em }
#pun-navlinks, #pun-navlinks .container {border-style: none; border-width: 0; margin: 0;}
#pun-navlinks .container {border-bottom: 1px solid #333333; margin-left: 58px;  margin-top: 15px; padding-bottom: 5px; padding-left: 8px; width: 780px;}
#pun-navlinks li {display: inline; padding-right: 1em;}
#pun-navlinks li a {font-family: times new roman;   font-size: 15px;  text-transform: uppercase;}
#pun-ulinks  {margin-top: 0; border: none;}
#pun-ulinks .container { border: medium none; margin: 0 70px; position: fixed; text-align: center;  top: 105px; width: 760px;z-index: 2000;}
#pun-ulinks li {display: inline; white-space: nowrap; }
#pun-ulinks li a {border-left-style: solid; border-left-width: 1px;}
#pun-ulinks li.item2 a {border-left-width: 0px;}
#pun-ulinks li a {padding: 0 0.3em 0 0.6em}
#pun-ulinks li.item1, #pun-ulinks li.item1 a {border-left-style: none; border-left-width: 0; padding-left: 0}
#pun-status, #pun-status .container {border-bottom: none; margin-bottom: 0;}
#pun-status .container {padding: 0.8em 1em 1em 1em;}
#pun-status span {white-space: nowrap; margin-right: 0.5em;}
#pun-crumbs1 {font-weight: bold; overflow: hidden; margin-top: 0;}
#pun-crumbs1 p.container {border-top: none; padding: 1em 1em 0.8em 1em; font-size: 1.1em;}
#pun-break1 {margin: 0 1em; border-style: solid none; border-width: 1px 0; height: 0; margin: -2px 1em; position: relative; z-index: 1;}

 /********** СТИЛЬ "Rise of the Guardians" © ForumD.ru **********/
 /********** Заказ дизайна: http://forumd.ru/ **********/
 /********** Обратная связь: gerdm@ya.ru **********/
#pun-stats .container {padding: 0.8em 1em}
#pun-stats li.item1, #pun-stats li.item2 {float: left; clear: both; line-height: 150%;}
#pun-stats li.item3, #pun-stats li.item4 {text-align: right; line-height: 150%;}
li#onlinelist {margin-top: 1em; border-top-style: solid; border-top-width: 1px; float: left; width: 100%; line-height: 130%;}
li#onlinelist div {border-top-style: solid; border-top-width: 1px; padding: 0.7em 0 0 0; }
#pun-qjump {margin: 0; border: none; width: 50%; position: relative; float: left;}
#pun-qjump .container {border: none; background: transparent; padding: 0.8em 1em;}
#pun-about {margin-top: 0;}
#pun-about .container {border-top-style: none; text-align: right; line-height: 150%; padding: 0.8em 1em;}
#pun-about p span { display:block; padding-left: 50%;}
#pun-crumbs2 {font-weight: bold;overflow: hidden;margin-bottom: 0;border-bottom: none;}
#pun-crumbs2 .container {border-bottom: none; padding: 0.8em 1em; font-size: 1.1em;}
#pun-break4 {margin: -2px 1em; border-style: solid none; border-width: 1px 0; position: relative;height: 0; z-index: 1;}
div.punbb-admin #pun-about .container {border-top-style: solid; border-top-width: 1px;}
#pun-help .formal .info-box h3.legend {border-bottom-style: solid; border-bottom-width: 1px; padding-bottom: 0; margin-bottom: 0.8em;}
#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;}
#pun-help .formal p, #pun-help .formal dd {margin-bottom: 1em}
#pun-help .formal ul, #pun-help .formal dl { padding: 0 0 0 1em}
#pun-help .formal li {padding: 0; line-height: 130%}
#pun-help .formal li * {vertical-align: text-top}
#pun-help .formal dt span {font: 1.4em/120% monaco, "bitstream vera sans mono", "courier new", courier, monospace}
#pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode {padding-bottom: 0;}

 /********** СТИЛЬ "Rise of the Guardians" © ForumD.ru **********/
 /********** Заказ дизайна: http://forumd.ru/ **********/
 /********** Обратная связь: gerdm@ya.ru **********/
#pun {transparent; margin: 0 auto;  position: relative;  width: 914px;}
#pun-navlinks {height: 93px; position: fixed; text-align: center; top: 55px; width: 900px; z-index: 2000;}
#logotop {height: 380px; margin-left: -32px; width: 966px;}
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {color: #FFFFFF; text-align: center;}
.category .container, .forum .container {padding-bottom: 5px;margin-bottom: 30px;}
.category tbody, #pun-stats .container, .forum tbody, .topic, #post-form .container, .fs-box .container {background-color: #080808; color: #666;}
.punbb a, .punbb a:link, .punbb a:visited {color: #bbb;}
.punbb a:hover, .punbb a:focus, .punbb a:active {color: #fff;}
#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {background-color: #080808; color: #666;}
.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: #666;}
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {background-color: transparent; color: #666;}
#pun-title, #pun-title .container, .punbb .modmenu .container {background-color: transparent; color: #666;}
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span { background-color: #000000;  color: #333333;}
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {background-color: transparent; color: #666}
.punbb .quote-box, .punbb .code-box {background-color: transparent; color: #666}
#pun-navlinks .container {background-color: transparent; color: #f1f1f1;}
.offline li.pa-online strong {font-weight: normal}
#pun-ulinks li a {border-color: #333;}
.punbb .container, .punbb .post-body, .post h3, #pun-title {border-color: #ccc #ccc #aaa #ccc}
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {border-color: #f5f5f5}
.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: #5C5B60;}
.punbb th {border-color: #dedfdf}
.punbb .quote-box, .punbb .code-box {border-color: #ccc #fff #fff #ccc;}
#pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {border-color: #333}
#pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {border-color: #000}
.punbb .divider {border-color: #333 #000 #000 #000}
.punbb .formal fieldset .post-box, .punbb .info-box {border: 1px solid #dedfdf}
li.pa-online {border-left-color: #005EAB;}
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {color: #bbb}
.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {color: #333}
.punbb-admin #pun-admain .nodefault, .punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {color: #fff}
#pun-navlinks a {color: #eee; text-decoration: none}
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {color: #fff; text-decoration: underline}
#pun-pagelinks a:active, #pun-pagelinks a:focus {background-color: #333;color: #fff;}



 /********** СТИЛЬ "Rise of the Guardians" © ForumD.ru **********/
 /********** Заказ дизайна: http://forumd.ru/ **********/
 /********** Обратная связь: gerdm@ya.ru **********/
#dis-but1 {position: absolute; text-align: center; top: 265px; width: 100%;}
#dis-but1 img {border: 1px solid #444444; box-shadow: 0 1px 2px #777777, 1px 0 2px #777777, -1px 0 2px #777777, 0 -1px 2px #777777; margin: 0 2px;opacity:0.6;}
#dis-but1 img:hover {opacity:0.8;}
#dis-but1 .STYLselect {opacity:1.0;}
#dis-but2 {position: absolute; top: 342px; margin-left: 205px;}
#dis-but3 {margin-left: 608px; position: absolute; top: 342px;} 
#dis-but2 .STYLselect1, #dis-but3 .STYLselect1 {box-shadow: 0 0 5px #FFFFFF;border-radius: 5px;}

style_cs.css

Код:
/* ------ВСЕ ФОНОВЫЕ КАРТИНКИ------ */

html {background: #000 url(http://forumfiles.ru/files/0008/ea/f4/66375.jpg) top center;}
#pun {background: url("http://forumfiles.ru/files/0008/ea/f4/51485.jpg") repeat-y scroll center top transparent;}
#pun-navlinks {background: url("http://forumfiles.ru/files/0008/ea/f4/53702.png") no-repeat scroll center top transparent;}
#logotop {background: url("http://forumfiles.ru/files/0008/ea/f4/42029.jpg") no-repeat scroll center top transparent;}
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {background: url("http://forumfiles.ru/files/0008/ea/f4/11511.png") no-repeat scroll center bottom transparent;}
.category .container, .forum .container {background: url("http://forumfiles.ru/files/0008/ea/f4/37064.png") no-repeat scroll center bottom transparent;}
#pun-stats .container {background-image: url("http://forumfiles.ru/files/0008/ea/f4/37064.png") no-repeat center bottom;}
.punbb div.icon {background: url("http://forumfiles.ru/files/0008/ea/f4/60059.png") repeat scroll -90px 0 transparent;}
.punbb div.inew {background: url("http://forumfiles.ru/files/0008/ea/f4/60059.png") repeat scroll 0px 0 transparent;}
.punbb .isticky div.icon {background: url("http://forumfiles.ru/files/0008/ea/f4/60059.png") repeat scroll 0px 0 transparent;}
.punbb .iclosed div.icon {background: url("http://forumfiles.ru/files/0008/ea/f4/60059.png") repeat scroll -180px 0 transparent;}

/* ------ВСЕ ФОНОВЫЕ КАРТИНКИ------ */