[html]<link rel="stylesheet" href="http://gerda.moy.su/MyBB_files/important/rus-port.css">
<div id="port-block1" class="free">

<a class="tip" id="cover" title="Фентези стиль для ролевого форума MyBB LastChance-2013">
  <div id="icon"></div>
  <img src="http://gerda.moy.su/MyBB_files/FD/LC2013/LC2013_COVER.jpg" class="postimg">
</a>

<div id="cover-block">
Описание: Дизайн в фентези стиле для ролевого форума MyBB. Создан отдельный стиль шапки для главной страницы и остальных страниц форума (большая шапка только на главной). <br>
В дизайн встроена таблица с переключающимися вкладками с вертикальным отображением меню вкладок и стилизована под дизайн форума. В наличии скрипт спойлера информации в профиле. Также создана фирменная юзер-панель с данными профиля для зарегистрированных и кнопкой пиар-входа для гостей. В дополнение определенные категории форума оснащены флагами со ссылками на описание локаций.

<a href="https://yadi.sk/d/7f3q01vx3P8Q7A" target="_blank" id="store">СКАЧАТЬ</a>
</div>

</div>

<div id="port-block2" class="free">
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Главная страница - Шапка и объявление (контейнер с вкладками)"><img src="http://gerda.moy.su/MyBB_files/FD/LC2013/LC2013_1.jpg" class="postimg"></a></section>
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Главная страница - Категории и скрипт флагов-ссылок"><img src="http://gerda.moy.su/MyBB_files/FD/LC2013/LC2013_2.jpg" class="postimg"></a></section>
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Главная страница - Копирайт и статистика"><img src="http://gerda.moy.su/MyBB_files/FD/LC2013/LC2013_3.jpg" class="postimg"></a></section>
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Страница списка тем"><img src="http://gerda.moy.su/MyBB_files/FD/LC2013/LC2013_4.jpg" class="postimg"></a></section>
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Страница топика - окантовка цитат"><img src="http://gerda.moy.su/MyBB_files/FD/LC2013/LC2013_5.jpg" class="postimg"></a></section>
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Страница топика - форма ответа"><img src="http://gerda.moy.su/MyBB_files/FD/LC2013/LC2013_6.jpg" class="postimg"></a></section>
</div>

<style>
.punbb .topicpost .post-content .spoiler-box {
border: 1px solid #26af33;
background-color: rgba(38,175,51,0.1);
}
.punbb .post-content .spoiler-box > div:hover {background-color: rgba(38,175,51,0.6);}
.punbb .post-content .spoiler-box > div {background-color: rgba(38,175,51,0.3);}
.post-content .spoiler-box > div.visible {background-color: rgba(38,175,51,0.8); color: #fff !important;}
</style>
<style>#port-block1 #cover {margin:0}</style>[/html]

CODE

HTML-верх

Код:
<!-- Убираем функционал mybb и rusff -->
<script type="text/javascript">
rusffLive.enable = false;
RusffCore.sets.notifications = false;
</script>
<style>.pl-share, .reports, li#navawards, 
.sharelink, #similar-topics, .similar-topics,
#pun-ulinks li.item5, #MyBookmarks, #BookmCntToggle {display:none !important;}</style>
<!-- Убираем фишки русфф END -->

<!-- шапка -->
<div id="logoup"></div>

<!-- Cпойлер cкрытия инфы в профиле топика -->
<style>img.active {opacity: 1.0 !important;}
img.post-img-Sp {display: inline-block !important; margin: 5px 10px; opacity: 0.5;}
div.tipsy.tipsy-s.Sp-imgSp-img .tipsy-inner{font-size:14px;letter-spacing:1px;}
.post-ul-Sp {padding:0 !important;}
</style>
<script type="text/javascript" src="https://forumstatic.ru/files/0010/b4/f8/57844.js"></script>

HTML-низ

Код:
<!-- Cпойлер cкрытия инфы в профиле топика -->
<script>
var a1 = 1
var a2 = 0
var a3 = 0

var LiArr=new Array(

//"pa-author",  
//"pa-avatar", 
//"pa-title", 

"https://forumupload.ru/uploads/001a/11/44/2/538482.png[Информация о Игроке]",

"pa-from",
"pa-reg", 
"pa-invites", 
"pa-posts", 
"pa-respect",
"pa-positive",
"pa-sex",
"pa-age",
"pa-icq",
"pa-ip",
"pa-time-visit",
//"pa-last-visit",
//"pa-online",


"https://forumupload.ru/uploads/001a/11/44/2/473062.png[Информация о Персонаже]",

"pa-fld1",
"pa-fld2",
"pa-fld3", 
"pa-fld4",
"pa-fld5",

//Конец Списка,
"_End"); SetProvilSpoil(a1,a2,a3);
</script>


<!-- ЮЗЕР-ПАНЕЛЬ -->
<script type="text/javascript">
var arr=document.getElementsByTagName("div")
i=0
while(arr ){
if(arr[i].id=="logoup") {
name=arr[i].innerHTML
name=name.substring(0)
arr[i].innerHTML="<div id='u-panel'><div id='u-ava'><a href='/profile.php?section=avatar&id="+UserID+"' title='Изменить аватарку'><img src="+UserAvatar+"></a></div><div id='u-prof'><p><b>"+UserLogin+"</b></p><p>Сообщений: "+UserPosts+"</p><p>Уважение: "+UserRespectPlus+"</p><p>Позитив: "+UserPositivePlus+"</p></div></div>"+name
}i++}
</script>
<script type="text/javascript">
var arr=document.getElementsByTagName("div")
i=0
while(arr ){
if(arr[i].id=="logoup" && GroupID == "3") {
name=arr[i].innerHTML
name=name.substring(0)
arr[i].innerHTML="<div id='u-panel'><div id='u-prof'>Привет, <b>Гость</b>! <a href='login.php'>Войдите</a> или <a href='register.php'>зарегистрируйтесь</a>.</div></div>"+name
}i++}
</script>

<!-- ФЛАГИ-ССЫЛКИ -->
<script type="text/javascript">
var arr=document.getElementsByTagName("div")
i=0
while(arr ){
if(arr[i].id=="pun-category2") {
name=arr[i].innerHTML
name=name.substring(0)
arr[i].innerHTML="<div id=flag1 class=flag><a href='http://lastchanse.ru/viewtopic.php?id=1925#p102519' alt='Пара слов о Дагоре'><img src=https://forumupload.ru/uploads/001a/11/44/2/113236.png></a></div>"+name
}i++}
</script>
<script type="text/javascript">
var arr=document.getElementsByTagName("div")
i=0
while(arr ){
if(arr[i].id=="pun-category3") {
name=arr[i].innerHTML
name=name.substring(0)
arr[i].innerHTML="<div id=flag2 class=flag><a href=http://lastchanse.ru/viewtopic.php?id=2116#p115720 alt='Энциклопедия Кёху'><img src=https://forumupload.ru/uploads/001a/11/44/2/49885.png></a></div>"+name
}i++}
</script>
<script type="text/javascript">
var arr=document.getElementsByTagName("div")
i=0
while(arr ){
if(arr[i].id=="pun-category4") {
name=arr[i].innerHTML
name=name.substring(0)
arr[i].innerHTML="<div id=flag3 class=flag><a href=http://lastchanse.ru/viewtopic.php?id=2149#p116925 alt='Тема для академии'><img src=https://forumupload.ru/uploads/001a/11/44/2/108479.png></a></div>"+name
}i++}
</script>
<script type="text/javascript">
var arr=document.getElementsByTagName("div")
i=0
while(arr ){
if(arr[i].id=="pun-category5") {
name=arr[i].innerHTML
name=name.substring(0)
arr[i].innerHTML="<div id=flag4 class=flag><a href=http://lastchanse.ru/viewtopic.php?id=2145#p116647 alt='Путеводитель по Киану'><img src=https://forumupload.ru/uploads/001a/11/44/2/937818.png></a></div>"+name
}i++}
</script>





<div id="bottom-container"><div class="gerda">Дизайн © 2013 ZlobeR.ru (Герда) | <a href="http://zlober.ru/" target="_blank">ZlobeR.ru</a> | gerdm@ya.ru</div></div>
Дополнительные пояснения по флагам-ссылкам

<script type="text/javascript">
var arr=document.getElementsByTagName("div")
i=0
while(arr ){
if(arr[i].id=="pun-category5") {
name=arr[i].innerHTML
name=name.substring(0)
arr[i].innerHTML="<div id=flag4 class=flag><a href=http://lastchanse.ru/viewtopic.php?id=2145#p116647 alt='Путеводитель по Киану'><img src=http://s8.uploads.ru/DB2oA.png></a></div>"+name
}i++}
</script>

Красным - Номер категории (по порядку сверху)
Синим - Ссылка (по клику на флаг)
Зеленым - Ссылка на картинку флага (лучше переделать под себя, добавить символику)

Текст объявления

Код:
<div id="info-link">
<a href="http://lastchanse.ru/pages/rasi">Расы</a> 
<a href="http://lastchanse.ru/pages/karta_mista">Карта</a> 
<a href="http://lastchanse.ru/viewtopic.php?id=874">Полукровки</a> 
</div>


<ul class="tabs 2012">
<li class="active"><a href="#tab1"><div class="tab1"><span>События</span></div></a></li>
<li><a href="#tab2"><div class="tab2"><span>Инфо</span></div></a></li>
<li><a href="#tab3"><div class="tab3"><span>Реклама</span></div></a></li>
<li><a href="#tab4"><div class="tab4"><span>Гид</span></div></a></li>
<li><a href="#tab5"><div class="tab5"><span>Квесты</span></div></a></li>
</ul>

<div class="tab_container1">
  <div style="display: block;" id="tab1" class="tab_content">

&nbsp; &nbsp; • <b>Киан</b> все ещё тяжело переживает потерю Совета, но благодаря усилиям лагеря наемников в городе сохраняется шаткое равновесие. Но уже слышны недовольные голоса привыкших к вольной жизни жителей, ползут слухи о скором приходе некоего "избранника", которого направляет сама Богиня. Пока все тихо, но вдруг это лишь затишье перед бурей?<br>
&nbsp; &nbsp; • <b>Дагор</b> гудит, как пчелиный улей. В столицу единым потоком стекается знать, чиновники и прочие лица, которых успели позабыть - Зибилле и та на мессу заявилась. А еще, говорят, что той же ночью в порту тайно высадился вооруженный до зубов отряд - не то с Академии, не то с Кеху. Но доблестные служители Младшего берегут Дагор, как зеницу ока, поэтому лазутчики были схвачены в один миг.<br>
&nbsp; &nbsp; • А в <b>Академии</b> так ничего и не меняется, вот только нарыв под названием "Культ Старшего Бога" все сильней и сильней гноится. Кто знает, сколько еще времени осталось до открытого конфликта? Никто точно не может ответить...<br>
&nbsp; &nbsp; • В <b>Кёху</b> сохраняется видимость порядка, хотя это лишь затишье перед бурей. Пропажа микадо пока не обнародована и вряд ли будет, но это сулит обострение интриг и борьбы за власть среди придворного круга. Неспокойно так же в Квартале Цветов, где не так давно произошла официальная смена верховного управителя. Остается вопрос - кто что из этой смуты для себя вынесет. Но даже хаос в этой стране имеет склонность быть церемониальным.

  </div>
  <div style="display: none;" id="tab2" class="tab_content">

содержимое2

  </div>
  <div style="display: none;" id="tab3" class="tab_content">

содержимое3

  </div>
  <div style="display: none;" id="tab4" class="tab_content">

содержимое4

  </div>
  <div style="display: none;" id="tab5" class="tab_content">

содержимое5

  </div>
</div>
<!-- Переключение вкладок -->
<script type="text/javascript">
  $(document).ready(function(){
    $('.splLink').click(function(){
      $(this).parent().children('div.splCont').toggle('normal');
      return false;
    });
  });
</script>
<script type="text/javascript">

$(document).ready(function() {


	$(".tab_content").hide(); 
	$("ul.tabs li:first").addClass("active").show();
	$(".tab_content:first").show();
	
	$("ul.tabs li").click(function() {
    $("ul.tabs li").removeClass("active");
    $(this).addClass("active");
    $(".tab_content").hide();
    var activeTab = $(this).find("a").attr("href");
    $(activeTab).fadeIn();
    return false;
	});

});
</script>

style.css

Код:
 /********** СТИЛЬ "LastChance-2013" © ZlobeR.ru **********/
 /********** Заказ дизайна: http://zlober.ru/ **********/
 /********** Обратная связь: gerdm@ya.ru **********/ 

@import url(style_cs.css);
#pun-redirect #MyBookmarks {display: none !important;}
#pun-index #pun-break2 {height: 0px; margin-top: -140px;}
#bottom-container {position: absolute; bottom: 210px; width: 100%;}
#pun-redirect #pun-main {margin-top: 0px;}
.punbb * {margin: 0}
.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {padding: 0; list-style: none;}
.punbb img {border:none}
.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}
.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,
#pun-title h1,
#pun-announcement h2,
.stickytext, .closedatafield, .newtext,
.punbb td .modlist,
.punbb fieldset legend,
#profilenav h2,
#pun-register .info-box {
  font-size: 0;
  height: 0;
  width: 0;
  line-height: 0.0;
  position:absolute;
  left: -9999px;
  overflow: hidden
  }
.punbb .clearer {
  clear: both;
  height: 0;
  font-size: 0;
  }

 /********** СТИЛЬ "LastChance-2013" © ZlobeR.ru **********/
 /********** Заказ дизайна: http://zlober.ru/ **********/
 /********** Обратная связь: gerdm@ya.ru **********/ 
.punbb {float: left; width: 100%; height: auto;}
.punbb .section, .punbb .main {margin-bottom: 1em;}
.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 img {vertical-align: text-bottom}
.punbb .post-content img.postimg {vertical-align: middle;}
.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;}
.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;}


 /********** СТИЛЬ "LastChance-2013" © ZlobeR.ru **********/
 /********** Заказ дизайна: http://zlober.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 .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;}
#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-qjump {margin: 0; border: none; width: 50%; position: relative; float: left;}
#pun-qjump .container {border: none; background: transparent; padding: 0.8em 1em;}
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;}


 /********** СТИЛЬ "LastChance-2013" © ZlobeR.ru **********/
 /********** Заказ дизайна: http://zlober.ru/ **********/
 /********** Обратная связь: gerdm@ya.ru **********/ 
.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 {color: #524431;}
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {background-color: transparent; color: #524431;}
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {background-color: #f7f7f7; color: #005EAB}
.punbb .post h3 span {color: #524431}
.offline li.pa-online strong {font-weight: normal}
html, body {margin: 0; padding: 0; background-color: #62b5e2;}
body {overflow-x:hidden;}
#html-footer {height: 302px; margin-bottom: 0;}
body {font-size: 100.01%;}
.punbb {font: normal 90% times new roman, verdana, arial, helvetica, sans-serif;}
#pun {margin: 0 auto; position: relative; width: 963px;}
#pun-main {margin: 0 auto; width: 820px;}
.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: #3a2f21;}
.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: #8d370a;}
#bottom-container .lastchanse {color: #5A6C67; font-family: romul,times new roman; margin: 0 50px; position: relative; text-transform: uppercase; top: -15px;}
#bottom-container .gerda {color: #D1E1E0; margin-right: 30px; margin-top: 15px; text-align: right; text-shadow: 1px 1px 1px #000000;}
#bottom-container .gerda a {color: #D1E1E0;}
#bottom-container .gerda a:hover {color: #88EEEE;}
#pun-viewforum .modmenu, #pun-searchtopics .forum, #pun-searchposts .topic {margin-bottom: 60px !important;}
.usertable {margin-bottom: 60px !important; margin-top: 20px !important;}
#pun-online .tcl {width: 30%;}
#pun-searchposts .post h3 a:before {content: none;}
#pun-searchposts .post h3 a {display: inline; margin-left: 5px;}
#pun-searchposts .pa-author {text-align: left;}


 /********** СТИЛЬ "LastChance-2013" © ZlobeR.ru **********/
 /********** Заказ дизайна: http://zlober.ru/ **********/
 /********** Обратная связь: gerdm@ya.ru **********/ 
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2 {background-color: transparent; color: #4c5955; text-shadow: 1px 1px 2px #aaecdb; font-family: romul,times new roman; font-size: 18px; text-transform: uppercase; text-align: center;}
#pun-stats h2, .punbb .main h1, .punbb .main h2 {height: 47px; line-height: 64px; margin: 0 114px; width: 578px;}
.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-size: 1.1em;}
#pun-viewtopic h1, #pun-post h2, #pun-searchposts h1 {background-image: none; line-height: normal; margin: 0; width: auto;}
#pun-title {border: none;}
#pun-title table {border: none;height: 40px;width: 100%;}
#pun-title td.title-logo-tdl {border: none;width: 100%;}
#pun-title td.title-logo-tdr {border: medium none; display: block; left: 0; position: absolute; top: 105px; width: 468px;}
#pun-navlinks, #pun-navlinks .container {background: none repeat scroll 0 0 transparent; border-style: none; border-width: 0; height: 50px; line-height: 45px; margin: 0 0 0 35px; position: absolute; text-align: center; top: 0; width: 815px;}
#pun-navlinks li {display: inline; padding-right: 12px;}
#pun-navlinks a { color: #524431; font-family: romul,times new roman; font-size: 18px; text-decoration: none; text-shadow: 1px 1px 1px #997850; text-transform: uppercase;}
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {color: #a8885c;}
li#navadmin {background-color: #DDD2B9; border-radius: 10px 10px 10px 10px; box-shadow: 0 0 5px #000000; margin: 5px 10px; padding: 0px 5px; position: absolute; right: -280px;}
#pun-ulinks  {border: medium none; height: 30px; line-height: 25px; margin: 0 0 0 130px; position: absolute; text-align: center; top: 68px; width: 700px;}
#pun-ulinks .container {border: medium none; background: transparent;}
#pun-ulinks li, #pun-ulinks li a {display: inline;}
#pun-ulinks li a {padding-right: 15px; text-shadow: 0 0 5px #F39456;}
#pun-index #pun-crumbs1, #pun-index #pun-status .item1,  #pun-index #pun-status .item2 {display:none;}
#pun-index #pun-title, #pun-index #pun-title .container {background-image: none; height: 0px;}

 /********** СТИЛЬ "LastChance-2013" © ZlobeR.ru **********/
 /********** Заказ дизайна: http://zlober.ru/ **********/
 /********** Обратная связь: gerdm@ya.ru **********/ 
 #pun-index #pun-status,  #pun-index #pun-status .container {color: #D1E1E0; margin: -4px 0 0; position: absolute; text-shadow: 1px 1px 1px #000000; top: 394px; width: 935px;}
 #pun-index #pun-status a {color: #D1E1E0;}
 #pun-index #pun-status a:hover {color: #88eeee;}
.punbb .category {margin-bottom: 20px; position:relative;}
.flag {position: absolute; top: 5px; z-index: 30;}
#flag1, #flag3 {right: -126px;}
#flag2, #flag4 {left: -125px;}
#flag3 {right: -126px;}
#color-cont {position: absolute; right: 20px; top: 60px; z-index: 30;}
#bottom-container .counts {display:none;}
 #pun-index #bottom-container .counts {display: block; margin-left: 30px; position: absolute; top: 767px; width: 580px;}
#pun-announcement {height: 449px; margin-top: 55px;}
#pun-announcement .container {position:relative;}
#info-link {float: right; font-family: romul,times new roman; height: 305px; margin: 20px 24px 0; text-align: center; text-shadow: 1px 1px 1px #000000; text-transform: uppercase; width: 210px;}
ul.tabs a, #info-link a {color: #D1E1E0 !important; display: block; font-size: 130%; text-decoration: none;}
ul.tabs .active a, ul.tabs a:hover, #info-link a:hover {color: #88EEEE !important;}
ul.tabs { font-family: romul,times new roman; left: 55px; position: relative; text-align: center; text-shadow: 1px 1px 1px #000000; text-transform: uppercase; top: 70px; width: 155px; padding-top: 5px !important;}
ul.tabs li {padding-bottom: 26px;}
.tab_container1 {height: 270px; left: 260px; overflow-y: auto; position: absolute; top: 32px; width: 455px;}
#u-panel, .Myimge, #spMyimg strong {display: none;}
#pun-index #u-panel {display: block; padding: 2px 10px; position: absolute; right: -30px; top: 167px; width: 200px;}
#u-ava, #u-prof {color: #3B3021; display: inline-block; padding-left: 4px; text-shadow: 0 0 5px #F39456; vertical-align: top;}
#u-ava img {border: 1px solid #B58A5C; box-shadow: 0 0 3px #FDE0B6; height: 72px; width: 45px;}
#spMyimg {position: absolute; text-align: center; top: 200px; width: 250px;}
#pun-index #spMyimg strong {color: #E78F56; cursor: pointer; font-family: romul,times new roman; font-size: 28px; text-shadow: 1px 1px 1px #000000; text-transform: uppercase; display:block;}
#spMyimg strong:hover {color: #f9ab79 !important;}

  /********** СТИЛЬ "LastChance-2013" © ZlobeR.ru **********/
 /********** Заказ дизайна: http://zlober.ru/ **********/
 /********** Обратная связь: gerdm@ya.ru **********/ 
.category h2, .forum h2 {position:relative; z-index: 20;}
.category table, .forum table, #pun-stats li, .usertable table, #pun-online .main .section table, #pun-statistic .main .section table, .formal fieldset, .formal .formsubmit {padding: 0 10px;}
#pun-stats li {padding: 1px 20px !important;}
#pun-statistic .main .section table {width: 810px;}
.category table, .forum table, #post-form fieldset, #post-form .formsubmit, .usertable table, #pun-online .main .section table, #pun-statistic .main .section table, .formal fieldset, .formal .formsubmit {margin-left: 2px;}
.category .container, .forum .container, #pun-stats .container, .usertable .container, .formal .container, #pun-online .main .section .container, #pun-statistic .main .section .container {padding-top: 22px; position:relative; z-index: 10; margin-top: -11px;}
.category, .forum, .statscon, .usertable, #pun-online .main .section, #pun-statistic .main .section, .formal {padding-bottom: 22px; width: 812px;}
#pun-stats {margin: 0 73px;}
.punbb .main td {border-style: solid none none solid !important; border-width: 1px 0 0 1px !important; border-color: #d5bda2; padding: 0.8em 1em;}
.punbb .main th {border: none; padding: 0 1em 3px; background-color: #d5bda2; color: #A58964;}
.punbb .main .tcl {border-left-style: none; border-left-width: 0}
#pun-title, #pun-title .container {height: 138px; margin-top: -105px; width: 963px;}
#pun-status, #pun-status .container {margin: 0 55px; position: absolute; text-shadow: 0 0 5px #F39456; top: 168px; width: 750px;}
#pun-status span {white-space: nowrap; margin-right: 0.5em;}
#pun-crumbs1 {font-family: romul,times new roman; height: 20px; margin: 0 105px; overflow: hidden; position: absolute; text-shadow: 0 0 5px #F39456, 1px 1px 1px #44331F; top: 365px; width: 760px; word-break: break-all;}
#pun-crumbs1 p.container {font-size: 1.1em;}
.punbb .linkst, .punbb .linksb {float: left; position: relative; font-size: 1.1em; color: #D1E1E0; text-shadow: 1px 1px 1px #000000; width:100%;}
.punbb .linkst a, .punbb .linksb a {color: #D1E1E0 !important;}
.punbb .linkst a:hover, .punbb .linksb a:hover {color: #88eeee !important;}
.linkst .postlink span, .linksb .postlink span {padding-right: 10px;}
.linkst .pagelink, .linkst .postlink {top: -110px;}
.linksb .pagelink, .linksb .postlink {top:-52px;}

 /********** СТИЛЬ "LastChance-2013" © ZlobeR.ru **********/
 /********** Заказ дизайна: http://zlober.ru/ **********/
 /********** Обратная связь: gerdm@ya.ru **********/ 
.linkst .pagelink, .linksb .pagelink {left: -62px; padding-left: 15px;}
.linkst .postlink, .linksb .postlink {font-family: romul,times new roman; text-transform: uppercase; right: -61px; text-align: right; font-size: 12px;}
.linkst .pagelink, .linksb .pagelink, .linkst .postlink, .linksb .postlink {height: 49px; width: 281px !important; position: absolute; line-height: 45px;}
#pun-about {margin-top: 0;   width: 828px; margin: 0 68px;}
#pun-about .container {text-align: right; line-height: 150%; padding: 0.8em 1em;}
#pun-crumbs2 {border-bottom: medium none; margin: 0 68px; overflow: hidden; width: 828px;}
#pun-crumbs2 .container {border-bottom: none; padding: 0.8em 1em; font-size: 1.1em; font-family: romul,times new roman;}
.punbb .main .tcl {padding-left: 40px;}
.punbb div.icon {position: absolute; height: 24px; margin-left: -27px; width: 23px;}
#pun-viewtopic .linkst .postlink, #pun-viewtopic .linksb .postlink {background-position: 0 -100px;}
#topic-users-in {margin-bottom: 50px; margin-top: -5px;}
#topic-modmenu {margin-top: -15px; padding-top: 35px;}
.subscribelink {text-align: right;}
#pun-viewtopic #pun-main {width: 828px;}
.punbb .post-body {margin-left: 210px;}
.topic {margin-top: -45px !important;}
.punbb .post {margin-top: -15px;}
.punbb .post h3 {position: relative; top: 35px; margin-left: 250px;}
.punbb .post h3 span {display: block; text-align: right;}
.punbb .post h3 strong, .punbb .post h3 a {display:block; margin-left: 220px;}
.punbb .post h3 strong {text-align: right; font-weight: normal;}
.punbb .post h3 a:before {content: "Дата: "}
.punbb .post h3 strong:before {content: "Пост №"}
.punbb .post-box {position:relative; padding: 40px 80px 10px 10px;}
.post-rating {position: absolute; right: 0; top: 30px;}
div.post-rating p:before {content: "Рейтинг: "}
.post-rating .container, .post-vote .container {margin: 0 !important;}
.post-vote {position: absolute; right: 70px; top: 30px;}

 /********** СТИЛЬ "LastChance-2013" © ZlobeR.ru **********/
 /********** Заказ дизайна: http://zlober.ru/ **********/
 /********** Обратная связь: gerdm@ya.ru **********/ 
.punbb .post .post-author {float: left; width: 210px; overflow: hidden;}
.pa-author, .pa-title, .pa-avatar, .pa-online, .pa-last-visit {text-align: center;}
.pa-author {font-size: 1.1em; font-weight: bold;}
.pa-author a {text-decoration: none !important;}
.pa-avatar img, #profile-left img {border: 3px solid #516665 !important; border-radius: 2px 2px 2px 2px; box-shadow: 0 0 10px #4C3F2E; margin-top: 7px;}
.punbb fieldset .post-box {margin-bottom: 0.8em}
.punbb .post-links li {display: inline; padding-left: 10px;}
.punbb .post .post-author ul, .punbb .post .post-author p {padding: 0 1em 1em 1em; line-height: 140%;}
.punbb .post-links ul {height: 2em; line-height: 2em; background: transparent; text-align: right; font-family: romul,times new roman; text-shadow: 1px 1px 1px #44331F;}
#pun-viewtopic #post-form {margin: 80px 8px 0;}
.punbb fieldset {border:none;}
.punbb .fs-box {margin-left: -5px; padding: 0 15px;}
.punbb .formsubmit .button {margin: 0 15px 10px;}
.punbb input, .punbb textarea {background-color: #F3E9D8; border: 1px inset #F38F0E;}
.punbb input:focus, .punbb textarea:focus {background-color: #C5D2D2; border: 1px inset #62B4A9; box-shadow: 0 0 8px #4D8F86 inset;}
.punbb input.button {border-style: outset; border-radius: 3px;}
#pun-post .topic {margin-top: 0 !important;}
#form-buttons td {border: none !important;}
#post-form, #post-form fieldset, #post-form .formsubmit, #pun-post .formal, #pun-post .formal .container,#pun-post fieldset, #pun-post .formsubmit, #pun-edit #post, #pun-edit .formal fieldset, #pun-edit .formal .formsubmit {background: none;}
#post-form #post, #pun-post .formal, #pun-edit .formal {margin-top: -25px; padding-top: 33px;}
#post-form h2, #pun-post h1, #pun-edit h1 {background: none; line-height: normal; margin: 0; height: auto; width: auto;}
#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {background-image: none; margin-top: 0; padding: 5px; border-radius: 5px; border: 1px solid #D5BDA2; background-color: #e6dac0;}

 /********** СТИЛЬ "LastChance-2013" © ZlobeR.ru **********/
 /********** Заказ дизайна: http://zlober.ru/ **********/
 /********** Обратная связь: gerdm@ya.ru **********/ 
.punbb .post-content p {margin: 0; padding: 0 0 10px 0; line-height: 150%;}
.post-content table {border-bottom: 1px solid #D5BDA2; border-right: 1px solid #D5BDA2;}
.quote-box, .code-box {margin: 15px 4px 7px !important; padding-bottom: 14px; width: 520px;}
.quote-box blockquote, .code-box .blockcode {padding-top: 14px;}
.quote-box p, .code-box .scrollbox {margin-left: 2px !important; padding: 0 8px !important;}
.punbb .quote-box cite, .punbb .code-box strong.legend {margin-left: 27px; margin-top: -10px; position: absolute;}
.quote-box div.quote-box {margin: 0 !important; padding: 0 1px !important;}
.quote-box div.quote-box blockquote {background: none no-repeat scroll center bottom #e0d4bc; padding: 5px; margin: 0 15px; border: 1px solid #56452b; border-radius: 3px; width: 92%;}
.quote-box div.quote-box p {margin: 0!important; padding: 0!important; background: none;}
.quote-box div.spoiler-box div {margin: 0 15px;}
.quote-box cite:before {content: '© ';}
.quote-box img {margin: 0 !important;}
.post-content .spoiler-box > blockquote {padding-top: 14px !important;}
.punbb .post-content .blockcode, .punbb .post-content blockquote {overflow: hidden;}
.punbb .post-content .scrollbox {overflow: auto;}
#pun-profile h1, #profile .container, #profile fieldset, #profile .formsubmit, #profile .postlink, #viewprofile, #viewprofile .container, #viewprofile table, #viewprofile-next {background: none;}
#profile, #viewprofile {margin-top: -25px; padding-top: 33px;}
#profile .fs-box, #profile .inputfield {padding-bottom: 10px;}
#profilenav ul {display: block; text-align: center;}
#profilenav ul li {display: inline; margin: 0 5px;}
#profilenav ul li a {color: #524431; font-family: romul,times new roman; font-size: 16px; text-shadow: 1px 1px 1px #997850; text-transform: uppercase;}
#profilenav ul li a:hover {color: #8D370A;}
#pun-messages .fs-box, #pun-messages fieldset {padding: 0; margin: 0;}
#messages .container {margin-top: 10px;}
#messages table {width: 100%; border-left: 1px solid #D5BDA2;}
#messages td {border-width: 0 1px 1px 0 !important; border-style: solid !important;}
#messages fieldset {padding-bottom: 60px;}
#profile .postlink {right: 0;}
#pun-messages .post {margin: 0;}
#pun-messages .post .post-author {margin-top: 20px;}
#viewprofile td {border: 0 !important}
#profile-left {text-align: center;}
#profile-right li {margin-bottom: 6px !important; border-bottom: 1px solid #D5BDA2; display: inline-block; width: 49%;}
#profile-right li span {display: block; text-decoration: underline; color: #c29d74;}
#profile-right li strong {padding: 0!important}
#pun-redirect h1 {background: none repeat scroll 0 0 transparent; height: auto; line-height: normal; margin: 0; width: auto;}
#pun-redirect .info .container {padding: 0; text-align: center;}
#pun-redirect .info .container .backlink {padding-top: 28px;}
#pun-redirect .info .container .backlink  a {text-shadow: 0 0 5px #F39456;}
.punbb-admin #pun-title, .punbb-admin #pun-title .container {margin-top: 70px;}
.punbb-admin #pun-ulinks {top: 36px;}
.punbb-admin #pun-title td.title-logo-tdr {top: 65px;}
.punbb-admin #pun-crumbs1 {top: 170px;}
.punbb-admin #pun-status {top: -25px;}
.punbb-admin .admain {padding: 0 40px 0 195px;}
.punbb-admin #pun-adnav {margin-left: -150px; width: 150px;}
#pun-adnav li {padding-left: 30px;}
#pun-index #logoup {height: 460px;}
#logoup {height: 370px; width: 1500px; margin-left: -269px;}
#pun-redirect {height: 370px; width: 1500px; margin-left: -269px;}

style_cs.css

Код:
/*************************************
ДРУГИЕ ЦВЕТА У ЗАГОЛОВКОВ КАТЕГОРИЙ
*************************************/

#pun-stats h2, .punbb .main h1, .punbb .main h2 {background: url("https://forumupload.ru/uploads/001a/11/44/2/791933.png") no-repeat scroll center 0 transparent;}

#pun-category2 h2 {background-position: center -50px;}
#pun-category3 h2 {background-position: center -101px;}
#pun-category4 h2 {background-position: center -151px;}
#pun-category5 h2 {background-position: center -202px;}



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

#pun-index #logoup {background: url("https://forumupload.ru/uploads/001a/11/44/2/815881.jpg") no-repeat scroll center top transparent;}
#logoup {background: url("https://forumupload.ru/uploads/001a/11/44/2/992753.jpg") no-repeat scroll center top transparent;}
#pun-redirect {background: url("https://forumupload.ru/uploads/001a/11/44/2/992753.jpg") no-repeat scroll center top transparent;}
body {background: url("https://forumupload.ru/uploads/001a/11/44/2/855437.jpg") no-repeat scroll center bottom;}
#html-footer {background: url("https://forumupload.ru/uploads/001a/11/44/2/917191.jpg") no-repeat scroll center top transparent;}
#pun {background: url("https://forumupload.ru/uploads/001a/11/44/2/260925.jpg") repeat-y scroll center top #F6E8DB;}
#pun-announcement {background: url("https://forumupload.ru/uploads/001a/11/44/2/78104.jpg") repeat scroll 0 0 transparent;}
.category table, .forum table, #pun-stats li, .usertable table, #pun-online .main .section table, #pun-statistic .main .section table, .formal fieldset, .formal .formsubmit {background: url("https://forumupload.ru/uploads/001a/11/44/2/17596.jpg") repeat-y scroll center top transparent;}
.category .container, .forum .container, #pun-stats .container, .usertable .container, .formal .container, #pun-online .main .section .container, #pun-statistic .main .section .container {background: url("https://forumupload.ru/uploads/001a/11/44/2/673265.png") no-repeat scroll center top transparent;}
.category, .forum, .statscon, .usertable, #pun-online .main .section, #pun-statistic .main .section, .formal {background: url("https://forumupload.ru/uploads/001a/11/44/2/513248.png") no-repeat scroll center bottom transparent;}
#pun-title, #pun-title .container {background: url("https://forumupload.ru/uploads/001a/11/44/2/421473.jpg") repeat scroll 0 0 transparent;}

.linkst .pagelink, .linksb .pagelink {background: url("https://forumupload.ru/uploads/001a/11/44/2/81240.png") no-repeat scroll 0 0 transparent;}
.linkst .postlink, .linksb .postlink {background: url("https://forumupload.ru/uploads/001a/11/44/2/81240.png") no-repeat scroll 0 -50px transparent;}

div.icon {background: url(https://forumupload.ru/uploads/001a/11/44/2/768656.jpg) no-repeat 0 0;}
div.inew {background: url(https://forumupload.ru/uploads/001a/11/44/2/768656.jpg) no-repeat 0 -24px;}
tr.iclosed div.icon {background: url(https://forumupload.ru/uploads/001a/11/44/2/768656.jpg) no-repeat 0 -71px;}
tr.isticky div.icon {background: url(https://forumupload.ru/uploads/001a/11/44/2/768656.jpg) no-repeat 0 -48px;}

#topic-modmenu, .punbb .post {background: url("https://forumupload.ru/uploads/001a/11/44/2/824039.png") no-repeat scroll center top transparent;}
#post-form #post, #pun-post .formal, #pun-edit .formal {background: url("https://forumupload.ru/uploads/001a/11/44/2/824039.png") no-repeat scroll center top transparent;}
#profile, #viewprofile {background: url("https://forumupload.ru/uploads/001a/11/44/2/824039.png") no-repeat scroll center top transparent;}

.quote-box, .code-box {background: url("https://forumupload.ru/uploads/001a/11/44/2/840590.png") no-repeat scroll center bottom transparent;}
.quote-box blockquote, .code-box .blockcode {background: url("https://forumupload.ru/uploads/001a/11/44/2/391810.png") no-repeat scroll center top transparent;}
.quote-box p, .code-box .scrollbox {background: url("https://forumupload.ru/uploads/001a/11/44/2/894375.jpg") repeat-y scroll center top transparent;}
.quote-box div.quote-box {background: url("https://forumupload.ru/uploads/001a/11/44/2/894375.jpg") repeat-y scroll center top transparent;}