Сделанные стили - 2

Страница: « 1 … 5 6 7 8 »

Тема закрыта

Сообщений 61 страница 70 из 73

Поделиться6131.10.11 10:56

Автор: L Micaelis
Призрак
Последний визит:
01.07.12 18:37
Уважение: +796

1. http://soundofmusic.mybb.ru/ 31/10/11
2. Chrome
3.
Структура style.css

Код:

/*************************************************************
A - SETUP
**************************************************************/

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

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

/* A2 Deal with browser defaults and wonkiness
-------------------------------------------------------------*/

/* 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 75% Trebuchet Ms, verdana, arial, helvetica, sans-serif;
  }

/* 3.3 */
.punbb textarea, .punbb optgroup {
  font: 1em Trebuchet Ms, verdana, arial, helvetica, sans-serif
  }

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

/* A3.5 */
.punbb h1 span, .punbb h2 span, .punbb legend span {
  font-size: 1.1em;
  }

/* A3.6 */
.punbb pre {
  font: 1.1em/140% monaco, "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;
  }

/*A3.12*/
.resizable-textarea {
 font-size: 95%;
 font-family: Trebuchet Ms;
 }

/* 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,
#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: 460px auto 80px auto;
  width: 850px;
  padding: 0px 0px 0px 0px;
}

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

/* A5.3 */
#pun-redirect, #pun-maint {
  margin: 0px;
  width: 850px;
  text-align: center;
  float: none;
  background: #77617b url(https://forumstatic.ru/files/000f/a8/05/70143.png) repeat top left;
  }

/* A5.4 */
.punbb .section, .punbb .main {
  margin-bottom: 0em;
  }

/* 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 {
  display: block;
  border-top: 1px solid #888;
  width: 250px;
  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: 1px dashed #C0C0C0;
  }

/* 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: 0px;
  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: -1em;
  left: 1em;
  width: 24em;
  }

/* B3.4 */
.linkst .postlink {
  position: absolute;
  top: -1em;
  right: 1em;
  width: 16em;
  text-align: right;
  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;
  }

/* 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;
  }

/* 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: solid;
  border-width: 1px;
  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
  }

/* 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: center;
  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-right: 15px;
  }

/* C2.15 */
.punbb div.icon {
  float: right;
  display: block;
  width: 93px;
  height: 92px;
  padding-top: 5px;
  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%;
  text-align: center;
  }

/* C3.7 */
.pa-author {
  font-size: 1.1em;
  font-weight: bold;
  }

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

/* C3.9 */
li.pa-title {
  padding-bottom: 0.4em;
  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;
  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 {
  padding: 0 1em 0 0;
  height: 2em;
  line-height: 2em;
  margin-left: -19em;
  border-top-style: dashed;
  border-top-width: 1px;
  background: transparent;
  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;
  }

/* 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;
  }

/* 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-style: none none none none;
  border-width: 0px 0px 0 0px;
  }

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

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

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

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

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

#pun-title table tbody tr .title-logo-tdr {
    border: 0 solid #EFEFEF;
    left: 40px;
    position: absolute;
    top: -62px;
    width: 470px;
    z-index: 1;
}

/* 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;
  }

/* D3.2 */
#pun-navlinks .container {
  text-align: center;
  padding-top: 0px!important;
  }

/* D.3 */
#pun-navlinks li {
  display: inline;
  padding-right: 0.3em;
  }

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



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

/* D4.1 */
#pun-ulinks  {
  margin-top: -10px;
  padding: 0 0.3em 0 0.6em
  }

/* D4.2 */
#pun-ulinks .container {
  border-top: none;
  padding: 0.6em 1em;
  text-align: center;
  }

/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
  display: inline;
  border-left-style: solid;
  border-left-width: 0px;
  white-space: nowrap;
  }

/* D4.4 */
#pun-ulinks li a {
  padding: 0 0.3em 0 0.6em
  }

/* D4.5 */
#pun-ulinks li.item1, #pun-ulinks li.item1 a {
  border-left-style: none;
  border-left-width: 0;
  padding-left: 0
  }

/* 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: 0.8em 1em 0.1em 1em;

  font-size: 1.1em;
  }

/* D5.6 */
#pun-break1 {
  margin: 0 1em;
  border-style: solid none;
  border-width: 0px 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 0px 0;
  position: relative;
  font-weight: bold;
  display: none;
  }

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

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

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

/* D7.1 */
#pun-stats .container {
  padding: 0em 1em
  }

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

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

/* D7.5 */
li#onlinelist div {
  border-top-style: solid;
  border-top-width: 1px;
  padding: 0.4em 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: 0px 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 .parsedmsg, #pun-help .formal .parsedmsg .incode {
  padding-bottom: 0;
  }


}

Цвета style_cs.css

Код:

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

  body {
  background: #281829 url("https://forumstatic.ru/files/000f/a8/05/37157.png") fixed repeat top center; 
  z-index: 0;
  }

#pun {
  background: #77617b url(https://forumstatic.ru/files/000f/a8/05/70143.png) repeat top left;
  border: 0px solid #DCDCDC;
  position: relative;
  z-index: 1;
  }

 #up_forum{
  background: transparent url(https://forumstatic.ru/files/000f/a8/05/94794.png) top center no-repeat;
  color: #333;  
  margin: -460px -60px 0 -60px; 
  height: 460px; 
  width: 950px;
  position: relative;
  z-index: 1;
  overflow-x: hidden;
  }

.post-author ul li{
   background: transparent url(https://upforme.ru/uploads/000f/a8/05/169-1.png);
   border: 1px dashed #C0C0C0;
   padding: 4px 3px 4px 3px;
   margin: 3px 1px 3px 1px;
   -webkit-border-radius: 15px;
   -khtml-border-radius: 15px;
   -moz-border-radius: 15px;
   -o-border-radius: 15px;
   box-shadow: #fff 0 1px 6px;
}

.post-author ul li.pa-title,
.post-author ul li.pa-avatar {
  background: transparent;
  border: 0px solid #DCDCDC;
  box-shadow: black 0 0px 0px;
}

#pun-ulinks li a {
  color: #6d5971;
  border-bottom: 0px none #000;
  text-decoration: none;
  text-transform: lowercase;
  font-family: Arial;
  font-size: 11px;
  font-weight: normal;
}

#pun-ulinks li a:hover, #pun-ulinks li a:focus, #pun-ulinks li a:active {
  color: #6d5971;
  border-bottom: 0px none #000;
  text-decoration: none;
  text-transform: lowercase;
  font-family: Arial;
  font-size: 11px;
  font-weight: normal;
  }

/* CS1.1 */
.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: #332029;
  }

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

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background: transparent url(https://forumstatic.ru/files/000f/a8/05/96089.png) no-repeat;
  height: 92px;
  padding-top: 35px!important;
  margin-bottom: -35px;
  color: #333;
  font-size: 14px;
  text-align: right;
  }

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

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

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

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
  background: transparent url(https://upforme.ru/uploads/000f/a8/05/169-1.png);
   border: 1px dashed #C0C0C0;
   -webkit-border-radius: 15px;
   -khtml-border-radius: 15px;
   -moz-border-radius: 15px;
   -o-border-radius: 15px;
   box-shadow: #fff 0 1px 6px;
  }

/* CS1.8 */
#pun-navlinks .container {
  background: transparent;
  }

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

.punbb textarea {
  background: #7f6677;   
  color: #444444;
  font-family: Trebuchet Ms;
  border: none;
  padding: 3px;
  }

.punbb select, .punbb input {
  background: #7f6677;
  color: #444444;
  font-family: Trebuchet Ms;
  border: none;
  font-weight: bold;
  font-size: 11px;
  -webkit-border-radius: 15px;
  -khtml-border-radius: 15px;
  -moz-border-radius: 15px;
  -o-border-radius: 15px;
  }

/* 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 {
  border-color: #DCDCDC;
  }

#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: 0px solid #eabcf1;
  }

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

.punbb .post-sig dt {
  border-top-color: #333 !important;
  }


/* 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: #332023;
    border-bottom: 0px none #000;
  text-decoration: none;

  }

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

/* 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: #6d5971;
    border-bottom: 0px none #000;
  text-decoration: none;

  }

/* CS3.3 */
#pun-navlinks a {
  color: #4f4152;
  border-bottom: 0px none #000;
  text-decoration: none;
  text-transform: uppercase;
  font-family: Arial;
  font-size: 14px;
  font-weight: normal;
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
   color: #6d5971;
  border-bottom: 0px none #000;
  text-decoration: none;
  text-transform: uppercase;
  font-family: Arial;
  font-size: 14px;
  font-weight: normal;

  }

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


/* CS4 Post status icons
 -------------------------------------------------------------*/

Div.icon {
  background: url(https://forumstatic.ru/files/000f/a8/05/71793.png) no-repeat;
  }

TR.inew Div.icon {
  background: url(https://forumstatic.ru/files/000f/a8/05/81774.png) no-repeat;
  }

TR.isticky Div.icon {
  background: url(https://forumstatic.ru/files/000f/a8/05/36327.png) no-repeat;
  }

TR.iclosed Div.icon {
  background: url(https://forumstatic.ru/files/000f/a8/05/45532.png) no-repeat;
  }

HTML верх

Код:

<style> 
div .splLink {
  width: 190px; 
  height: 70px; 
  background: transparent;
  color: transparent;
  text-align: center; 
  font-size: 13px; 
  padding: 0px;
}

.spll {
  width: 190px; 
  height: 70px; 
}

.spll div .splCont {
  height: auto; 
  width: 300px; 
  background: transparent url(https://upforme.ru/uploads/000f/a8/05/169-1.png);
   border: 1px dashed #C0C0C0;
   padding: 5px;
   margin: 3px 1px 3px 1px;
   -webkit-border-radius: 15px;
   -khtml-border-radius: 15px;
   -moz-border-radius: 15px;
   -o-border-radius: 15px;
   box-shadow: #fff 0 1px 6px; 
   z-index: 1000; 
  margin-top: 5px; 
  font-size: 12px;  
  text-align: center;
}
</style>

<div id="up_forum">
<table style="position: relative; left: 640px; top: 240px"><tr><td style="width: 240px; height: 190px; text-align: center">
<div style="overflow: auto; height: 160px; padding: 2px">Доброго времени суток, уважаемые гости!
Мы рады Вас приветствовать на нашем ролевом форуме «.when the music started life», посвященном музыкальной академии «Sound of Music». У нас Вы можете раскрыть свои музыкальные таланты и получить массу удовольствия соревнуясь группами друг с другом. Но это еще не все. Вам предстоит разгадать старинную загадку артефакта академии и выяснить, что же произошло 20 лет назад. Надеемся, что вы присоединитесь к нам ^__^</div></td></tr></table></div>

HTML низ

Код:

<center><img src="https://forumstatic.ru/files/000f/a8/05/38229.png"></center>

<div align=center><a href="#" onclick=" obj=this.parentNode.childNodes[1].style;
    tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;">
    <img src="https://forumstatic.ru/files/000f/a8/05/88374.png" ></a><div style="display: none">
<a target="_blank" href="http://oceancamp.anihub.ru/"><img src="http://s2.ipicture.ru/uploads/20110825/umrqN7R7.png" ></a> 

<a href="http://gameforlive.anihub.ru/"target=_blank><img src="http://i005.radikal.ru/1108/24/35fc7b820410.gif"border="0" alt="Kuroshitsuji или Колледж для сирот" ></a>
</div></div>
<br>
<center><i>Design by L. Micaelis</i></center>


<!-- Выделение кода по клику -->
<script type="text/javascript">
function select_text(elem) {
	if(window.getSelection) {   
var s=window.getSelection();   
if(s.setBaseAndExtent){   
	s.setBaseAndExtent(elem,0,elem,elem.innerText.length-1);   
}
else {   
	var r=document.createRange();   
	r.selectNodeContents(elem);   
	s.removeAllRanges();   
	s.addRange(r);
}   
	}
	else if(document.getSelection){   
var s=document.getSelection();   
var r=document.createRange();   
r.selectNodeContents(elem);   
s.removeAllRanges();   
s.addRange(r);   
	}
	else if(document.selection){   
var r=document.body.createTextRange();   
r.moveToElementText(elem);   
r.select();
	}   
}
</script>
<script type="text/javascript">
var div = document.getElementById('pun-main').getElementsByTagName('div');
for(x in div){
	if(div[x].className=='code-box'){
div[x].getElementsByTagName('strong')[0].innerHTML = '<a href="#" onclick="select_text(this.parentNode.parentNode.childNodes[1].getElementsByTagName(\'pre\')[0]); return false;">Выделить код</a>';
	}
}
</script>


<!-- Картинки онлайн/оффлайн -->
<script type="text/javascript">
var we=document.getElementsByTagName("ul")
var x=0
for (x=0; x<=(we.length-1); x++)
{if (we[x].innerHTML.indexOf("pa-online")!=-1)
{we[x].innerHTML=we[x].innerHTML.substring(0, (we[x].innerHTML.indexOf("pa-online")-11))+"<img src='https://upforme.ru/uploads/000f/a8/05/160-1.png' />"}
else if ((we[x].innerHTML.indexOf("pa-online")==-1)&&(we[x].innerHTML.indexOf("pa-author")!=-1))
{we[x].innerHTML=we[x].innerHTML+"<img src='https://upforme.ru/uploads/000f/a8/05/158-1.png' />"}
}
</script>


<!-- Чтобы не пропадали посты -->
<script> var tTim=20;function ContentTopicAlert(){if($("#main-reply").val()==""){tTim=2;TimeUwedomlenie=setTimeout("ContentTopicAlert()",tTim*1000)}else { alert("Внимание!!! \n Время Вашей сессии скорее всего закончилось: \n\n Cкопируйте на всякий случай данные из поля ответа,\nСделайте перезагрузку страницы, и вставьте Ваш контент в поле ответа по правой кнопке мыши!");}};if($("#main-reply").html()!=null ){
TimeUwedomlenie=setTimeout("ContentTopicAlert()",tTim*60*1000);}</script>


<!-- Спойлер -->
<script type="text/javascript">
    function tag_spoiler(){
        var y = prompt("Введите описание закрытой кнопки", '');
        if (y != 'null' && y != '' && typeof(y) != 'object' && typeof(y) != 'undefined') {
        var x = prompt("Введите описание открытой кнопки", '');
        if (x == 'null' || x == '' || typeof(x) == 'object' || typeof(x) == 'undefined') 
            bbcode('[spoiler=' + y + ']', '[/spoiler]');
        else 
            bbcode('[spoiler=' + y + '|' + x + ']', '[/spoiler]');
        }
        else 
        bbcode('[spoiler]', '[/spoiler]')
    }
    function addSpoiler(str, from, internal){
        var pos = 0, pos2 = 0, pos_c = 0, pos_l = 0, newpos = 0, string = '', close = '', open = '';
        if ((pos = str.indexOf("[spoiler", from)) == -1) 
        return str;
        if ((pos2 = str.indexOf("[/spoiler]"), pos + 9) == -1) 
        return str;
        if (((pos_c = str.indexOf("]", pos + 8)) != -1) && ((pos_c != pos + 8) && (pos_c != pos + 9))) {
        string = str.substring(pos + 9, pos_c);
        if ((pos_l = string.indexOf("|")) != -1) {
            close = string.substring(0, pos_l);
            open = string.substring(pos_l + 1, string.length);
        }
        else {
            close = string;
            open = string;
        }
        }
        else {
        close = 'Показать спойлер';
        open = 'Скрыть спойлер';
        }
        newpos = str.indexOf("[spoiler", pos + 9)
        if (newpos < pos2 && newpos != -1) 
        str = addSpoiler(str, pos + 9, true)
        if ((pos2 = str.indexOf("[/spoiler]", pos + 9)) == -1) 
        return str;
        str = str.substring(0, pos) + makeSpoiler(str.substring(pos_c + 1, pos2), open, close) + str.substring(pos2 + 10, str.length)
        if (str.indexOf("[spoiler") != -1 && internal == false) 
        str = addSpoiler(str, 0, false)
        return str;
    }
    function makeSpoiler(txt, open, close){
        txt = '<div class="quote-box" style="padding:0px;background: transparent; border: none; box-shadow: none;"><cite style="width:100%;margin:0;"><a id="' + open + '" class="spoiler" style="width:100%;font-size:10px; margin:0;border:none;cursor:pointer;text-align:left; background: transparent;">'+close+'</a></cite><blockquote class="quote-box" style="display:none; width: 95%;border: 1px dashed #C0C0C0;margin:0;">' + txt + '</blockquote></div>'
        return txt;
    }
    $(document).ready(function(){
        $("div.quote-box > cite > a.spoiler").click(function(){
        $(this).parents("div.quote-box:first").find("blockquote.quote-box:first").toggle("slow");
        var a = this.innerHTML;
        this.innerHTML= $(this).attr('id');
        $(this).attr('id', a);
        });
    });
    if ((document.URL.indexOf("viewtopic.php") != -1) || (document.URL.indexOf("post.php") != -1)) {
        elm = document.getElementById("pun-main").getElementsByTagName("div")
        for (x in elm) 
        if (elm[x].className == "post-content") {
            var post = elm[x]
            post.innerHTML = addSpoiler(post.innerHTML, 0, false)
        }
    }
    if(form=document.getElementById("answer"))
        form.getElementsByTagName("tr")[0].insertCell(1).innerHTML="<img  id=\"spoiler\" title=\"Спойлер\" onclick=\"tag_spoiler('[spoiler]','[/spoiler]')\" src=\"/i/blank.gif\" />"
    </script>

<!-- Кнопка спойлера -->
<script type="text/javascript">
if(form=document.getElementById("form-buttons"))
form.getElementsByTagName("tr")[0].insertCell(20).innerHTML='<img onclick="tag_spoiler();" title="Спойлер" src="https://forumstatic.ru/files/000f/a8/05/84088.png" style="width:20px;height:20px;padding-left:6px;">'
</script>


<!-- Цветовыделение -->
<script type="text/javascript">
            inColor("purple", new Array("#google chrome", "Незуми-kun..?", "Rika", ".tsubasa"))
            inColor("olive", new Array("sakao.", "Nero", "lilynette"))
            inColor("blue", new Array("Реклама", "Ichi"))

            function inColor(color, myarray){
            var a=document.links
            for(i=0;i<a.length;i++){
            for(q=0;q<myarray.length;q++){
            if(a[i].innerHTML==myarray[q]){
            a[i].innerHTML="<span style=\"color: "+color+";\">"+myarray[q]+"</span>"
            }}}}
</script>


<!-- Контейнер -->
<script type="text/javascript" src="http://szenprogs.ru/scripts/jquery-1.3.2.js"></script>
<script type="text/javascript"> 
  $(document).ready(function(){
    $('.splLink').click(function(){
      $(this).parent().children('div.splCont').toggle('normal');
      return false;
    });
  });
</script>

    
<!-- Пиар-вход -->
<script type="text/javascript">
PiarNik="Реклама";
PiarPas="1111";
var L="<div id=\"PR_loginDiv\" style=\"display:none;\">\
<form id=\"form_login\" name=\"login\" method=\"post\" action=\"login.php?action=in\" onsubmit=\"return check_form()\">\
<fieldset>\
<input type=\"hidden\" name=\"form_sent\" value=\"1\"/>\
<input type=\"text\" id=\"fld1\" name=\"req_username\" size=\"21\" maxlength=\"25\"/>\
<input type=\"text\" id=\"fld2\" name=\"req_password\" size=\"7\" maxlength=\"16\"/>\
<input type=\"submit\" class=\"button\" name=\"login\"/>\
</fieldset>\
</form>\
</div>\
<li id=\"navpiar\"><span id=spMyimg><a onclick=\"PiarIn()\">Пиар-Вход</a></span></li>";
if($("#navlogin").html()!=null){
$("#navlogin").after(L) //navlogin
$("#PR_loginDiv #fld1").val(PiarNik)
$("#PR_loginDiv #fld2").val(PiarPas)
function PiarIn () {$("#PR_loginDiv input[type='submit']").click();}
}
</script>

Объявление

Код:

<table width="100%" height="300px" cellpadding="0" style="text-align: center">
<tr>
<td width="60%" style="background: url(https://forumstatic.ru/files/000f/a8/05/59078.png) top center no-repeat; padding-left: 25px; padding-top: 30px; valign: top;"><div style="overflow: auto; width: 458px; height: 180px;">
<b>В ШКОЛЕ:</b><br>
<b>Погода:</b>
Температура воздуха в школе достигает +18, но благодаря хорошим взаимоотношениям между учителями и учениками в школе становится еще "теплее". Конечно в некоторых кабинетах немного прохладно из-за скопившейся там Темной энергии, но это не дает повода ученикам и учителям не ходить на занятия или же не заниматься своей работой.
<br>
<b>Время:</b>
День уже подошел к концу и вот-вот наступит новый. Часы на башне уже потихоньку пробивают полночь...
<br>
<b>НА УЛИЦЕ:</b><br>
<b>Погода:</b>
Весна с чистым небом и цветущими вишнями, вероятно, самое замечательное время года в Японии. На дворе май месяц, а точнее 24 число и погода удивительно хороша для прогулок. Тёплый воздух, который, казалось бы, должен утомлять, но нет, наоборот, ободрял, ведь от океана временами дул влажный, но лёгкий ветерок. Температура достигала +20 градусов, от чего школьникам совершенно не хотелось учиться.</div>
<br>
<center><a href="http://acspark.ru"><img src="http://imgs.su/tmp/1309767805-658.jpg" border="0"></a> <a href="http://ava-tar.ru/" target="_blank"><img src="http://i008.radikal.ru/0807/6d/76c0b18e4542.gif" title="Мастерская Аватаров" border="0" width="88" height="31"></a> <a href="https://forumd.ru/"><img src="https://upforme.ru/uploads/0007/e3/f7/48475-1.gif" title="ForumDesign TS" alt="Дизайн для форумов и техническая поддержка"></a> <a href="http://forum-top.ru/vote/6" title="Поддержать форум на Forum-top.ru" target="blank"><img src="http://forum-top.ru/uploads/buttons/forum-top_88x31_2.gif" alt="Поддержать форум на Forum-top.ru"></a></center></td>

<td width="40%"><img src="https://forumstatic.ru/files/000f/a8/05/73208.png"></td>
</tr>
</table>

<center><table>
<tr>
<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="https://forumstatic.ru/files/000f/a8/05/92251.png"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>
<b>Ссылки для PR</b><br>
<a href="http://soundofmusic.mybb.ru/viewtopic.php?id=28">Наша реклама</a> - 
<a href="http://soundofmusic.mybb.ru/viewtopic.php?id=29">Наши баннеры</a><br>
<a href="http://soundofmusic.mybb.ru/viewtopic.php?id=30">Ваша реклама</a> - 
<a href="http://soundofmusic.mybb.ru/viewtopic.php?id=31">Баннерообмен</a>
<br>
<br>
<b>Партнеры форума</b><br><br>
<a href="http://shugolove.anihub.ru/" target="_blank"><img src="http://s002.radikal.ru/i199/1107/ef/c17e3d40a48d.gif" border="0" alt="Форум ~Shugo chara!Love and Death~"></a> 
<a href="http://darckmoon.mybb.ru/"><img title="Academy Dark Moon [.plunged into darkness]" src="http://imgs.su/tmp/1314919910-433.jpg" alt="" width="88" height="31"></a> 
<a href="http://shadowdeath.mybb.ru"><img src="http://s006.radikal.ru/i214/1105/5f/0f9921cec8b4.gif" alt="Дыхание Смерти" border="0"></a>
<a href="http://whentheycry.rolebb.ru/"><img src="http://i033.radikal.ru/1109/75/2928c8d89c63.gif" border="0" alt="”Umineko" no="" naku="" koro="" ni”=""></a>  
<a href="http://animeschool.rolcity.ru/"><img src="http://s008.radikal.ru/i305/1102/93/cba72a9e7277.gif" alt="сделан на artvolg.ru" border="0"></a> <a href="http://blueexorcist.mybb.ru"><img title="Ao no Exorcist| ~the Black Flame" src="http://imgs.su/tmp/1316550538-346.jpg" alt="" width="88" height="31"></a><br>
<a href="http://soundofmusic.mybb.ru/viewtopic.php?id=34">Заявка на партнерство</a>
</DIV></div></DIV></td>


<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="https://forumstatic.ru/files/000f/a8/05/96034.png"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>
<div style="overflow: auto; width: 300px; height: 180px;"><center><b>Основное</b><br></center>
<a href="http://soundofmusic.mybb.ru/viewtopic.php?id=4">Сюжет</a><br>
<a href="http://soundofmusic.mybb.ru/viewtopic.php?id=24">Правила</a><br>
<a href="http://soundofmusic.mybb.ru/viewtopic.php?id=10">Расы ролевой</a><br>
<a href="http://soundofmusic.mybb.ru/viewtopic.php?id=32">Список ролей</a><br>
<a href="http://soundofmusic.mybb.ru/viewtopic.php?id=14">Занятые внешности</a><br>
<a href="http://soundofmusic.mybb.ru/viewtopic.php?id=5">Аction#о1. "Sing songs with love!"</a><br>
<a href="http://soundofmusic.mybb.ru/viewtopic.php?id=183">Аction#о2. "Composing music"</a><br>
<a href="http://soundofmusic.mybb.ru/viewtopic.php?id=108">Акции от наших игроков!</a><br>
<a href="http://soundofmusic.mybb.ru/viewtopic.php?id=7">Шаблон досье</a><br>
<a href="http://soundofmusic.mybb.ru/viewtopic.php?id=9">Упрощеный шаблон досье</a><br>
<a href="http://soundofmusic.mybb.ru/viewtopic.php?id=201">Краткая история нашего мира</a><br>
<br>
<br>
<center><b>Дополнительно</b><br></center>
<a href="http://soundofmusic.mybb.ru/viewtopic.php?id=200">Награды</a><br>
<a href="http://soundofmusic.mybb.ru/viewtopic.php?id=175">Магазин подарков</a><br>
<a href="http://soundofmusic.mybb.ru/viewtopic.php?id=13">Распределение по комнатам</a><br>
<a href="http://soundofmusic.mybb.ru/viewtopic.php?id=124">Ступени магических способностей</a><br>
<a href="http://soundofmusic.mybb.ru/viewtopic.php?id=122">Бестиарий нашего мира</a><br>
<a href="http://soundofmusic.mybb.ru/viewtopic.php?id=121">Боевые приемы для всех персонажей</a><br>
<a href="http://soundofmusic.mybb.ru/viewtopic.php?id=120">Магические навыки для высших существ</a><br>
<a href="http://soundofmusic.mybb.ru/viewtopic.php?id=11">Магические способности</a><br>
<a href="http://soundofmusic.mybb.ru/viewtopic.php?id=18">Шаблон подписи (!)</a><br>
<a href="http://soundofmusic.mybb.ru/viewtopic.php?id=210">Создание музыкальной группы (!!!)</a><br>
<a href="http://soundofmusic.mybb.ru/viewtopic.php?id=17">Заполнение профиля в колонке дополнительного поля</a></div>
</DIV></div></DIV></td>
</tr>
</table></center>

HTML в форме ответа

Код:

<script language="javascript">
document.getelementbyid("pun-ulinks").getelementsbytagname("ul")[0].innerhtml+="<li class=\"item7\"><a href=\"rss.php\">rss</a></li>"
</script>

<script language="JavaScript">
function popwnd()
{
var smiles = new Array
smiles.push("https://upforme.ru/uploads/000f/a8/05/112-1.gif")
smiles.push("https://upforme.ru/uploads/000f/a8/05/112-2.gif")
smiles.push("https://upforme.ru/uploads/000f/a8/05/112-3.gif")
smiles.push("https://upforme.ru/uploads/000f/a8/05/112-4.gif")
smiles.push("https://upforme.ru/uploads/000f/a8/05/112-5.gif")
smiles.push("https://upforme.ru/uploads/000f/a8/05/113-1.gif")
smiles.push("https://upforme.ru/uploads/000f/a8/05/113-2.gif")
smiles.push("https://upforme.ru/uploads/000f/a8/05/113-3.gif")
smiles.push("https://upforme.ru/uploads/000f/a8/05/113-4.gif")
smiles.push("https://upforme.ru/uploads/000f/a8/05/113-5.gif")
smiles.push("https://upforme.ru/uploads/000f/a8/05/114-1.gif")
smiles.push("https://upforme.ru/uploads/000f/a8/05/114-2.gif")
smiles.push("https://upforme.ru/uploads/000f/a8/05/114-3.gif")
smiles.push("https://upforme.ru/uploads/000f/a8/05/114-4.gif")
smiles.push("https://upforme.ru/uploads/000f/a8/05/114-5.gif")
smiles.push("https://upforme.ru/uploads/000f/a8/05/115-1.gif")
smiles.push("https://upforme.ru/uploads/000f/a8/05/115-2.gif")
smiles.push("https://upforme.ru/uploads/000f/a8/05/115-3.gif")
smiles.push("https://upforme.ru/uploads/000f/a8/05/115-4.gif")
smiles.push("https://upforme.ru/uploads/000f/a8/05/115-5.gif")
smiles.push("https://upforme.ru/uploads/000f/a8/05/116-1.gif")
smiles.push("https://upforme.ru/uploads/000f/a8/05/116-2.gif")
smiles.push("https://upforme.ru/uploads/000f/a8/05/116-3.gif")
smiles.push("https://upforme.ru/uploads/000f/a8/05/116-4.gif")
smiles.push("https://upforme.ru/uploads/000f/a8/05/116-5.gif")
smiles.push("https://upforme.ru/uploads/000f/a8/05/117-1.gif")
smiles.push("https://upforme.ru/uploads/000f/a8/05/117-2.gif")
smiles.push("https://upforme.ru/uploads/000f/a8/05/117-3.gif")
smiles.push("https://upforme.ru/uploads/000f/a8/05/117-4.gif")
smiles.push("https://upforme.ru/uploads/000f/a8/05/117-5.gif")
smiles.push("https://upforme.ru/uploads/000f/a8/05/118-1.gif")
smiles.push("https://upforme.ru/uploads/000f/a8/05/118-2.gif")
smiles.push("https://upforme.ru/uploads/000f/a8/05/118-3.gif")
smiles.push("https://upforme.ru/uploads/000f/a8/05/118-4.gif")
smiles.push("https://upforme.ru/uploads/000f/a8/05/118-5.gif")
smiles.push("https://upforme.ru/uploads/000f/a8/05/119-1.gif")
smiles.push("https://upforme.ru/uploads/000f/a8/05/119-2.gif")
smiles.push("https://upforme.ru/uploads/000f/a8/05/119-3.gif")
smiles.push("https://upforme.ru/uploads/000f/a8/05/119-4.gif")
smiles.push("https://upforme.ru/uploads/000f/a8/05/119-5.gif")
smiles.push("https://upforme.ru/uploads/000f/a8/05/120-1.gif")
smiles.push("https://upforme.ru/uploads/000f/a8/05/120-2.gif")
smiles.push("https://upforme.ru/uploads/000f/a8/05/120-3.gif")
smiles.push("https://upforme.ru/uploads/000f/a8/05/120-4.gif")
smiles.push("https://upforme.ru/uploads/000f/a8/05/120-5.gif")
smiles.push("https://upforme.ru/uploads/000f/a8/05/121-1.gif")
smiles.push("https://upforme.ru/uploads/000f/a8/05/121-2.gif")
smiles.push("https://upforme.ru/uploads/000f/a8/05/121-3.gif")
smiles.push("https://upforme.ru/uploads/000f/a8/05/121-4.gif")
smiles.push("https://upforme.ru/uploads/000f/a8/05/121-5.gif")
smiles.push("https://upforme.ru/uploads/000f/a8/05/122-1.gif")
smiles.push("https://upforme.ru/uploads/000f/a8/05/122-2.gif")
smiles.push("https://upforme.ru/uploads/000f/a8/05/122-5.gif")
smiles.push("https://upforme.ru/uploads/000f/a8/05/123-1.gif")
smiles.push("https://upforme.ru/uploads/000f/a8/05/123-2.gif")
smiles.push("https://upforme.ru/uploads/000f/a8/05/123-3.gif")
smiles.push("https://upforme.ru/uploads/000f/a8/05/123-4.gif")
smiles.push("https://upforme.ru/uploads/000f/a8/05/123-5.gif")
smiles.push("https://upforme.ru/uploads/000f/a8/05/124-1.gif")
smiles.push("https://upforme.ru/uploads/000f/a8/05/124-2.gif")
var msg = new String("")
msg = "<html><head><TITLE><Дополнительные смайлики></TITLE></head>\r\n"
msg += "<body bgcolor=#F5F5F5 >"
msg = msg + "<" + "script language=\"JavaScript\">\r\n"

msg += "function insert(a){\r\n"
msg += "txt = \"[img]\"+a.src+\"[/img] \";\r\n"
msg += "window.opener.smile(txt,'');\r\n"
msg += "window.focus()\r\n"
msg += "return false}\r\n"

msg = msg + "</" + "script>\r\n"

i=0

msg += "<div style=\"width: 100%; text-align : justify;\" >"
while(smiles[i])
{
msg = msg + "<img src=\"" + smiles[i] + "\" onclick=\"return insert(this)\">\r\n"
i++
}

msg += "</div><a href=\"\" onclick=\"window.close()\">Закрыть окно</a>"
msg += "</BODY></html>";

popup = window.open("","popDialog","height=500,width=500,directories=0 scrollbars=auto, status=0,location=0,copyhistory=0")
popup.document.write(msg)
popup.document.close()

return false
}
</script>

<script type="text/javascript">
if(form=document.getElementById("form-buttons"))
form.getElementsByTagName("tr")[0].insertCell(18).innerHTML="<a href=''  onclick=\"return popwnd()\"> <img title='Дополнительные смайлы' src='https://forumstatic.ru/files/000f/a8/05/91180.png' width='5' height='5' /></a>"
</script>

Поделиться6205.11.11 12:55

Автор: Vesta
Призрак
Последний визит:
28.07.12 16:21
Уважение: +311

1. Дата :
05.11. 2011
2. Никнейм + ссылка :
Vesta, http://clanofwildcats.rolka.su/
3. Код:

Структура style.css

Код:

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

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

/* A2 Deal with browser defaults and wonkiness
-------------------------------------------------------------*/

/* 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 68.75% verdana, arial, helvetica, sans-serif,  cassandra;
  }

/* 3.3 */
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
  font: 1em verdana, arial, helvetica, sans-serif, cassandra
  }

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

/* A3.5 */
.punbb h1 span, .punbb h2 span, .punbb legend span {
  font-size: 1.1em;
  }

/* A3.6 */
.punbb pre {
  font: 1.1em/140% monaco, "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: none
  }

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

/* 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,
#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: auto;
  width : 850px;
  padding: 0px 0px 0px 0px;
  border: none;
  border-top: none;
}

/* A5.2 */
.punbb {
  float: left;
  width: 850px;
  height: auto;
  }

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

/* A5.4 */
.punbb .section, .punbb .main {
  margin-bottom: 0em;
  }

/* 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: dotted dotted dotted dotted;
  border-width: 0px 0px 0px 0px
  }

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

/* 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 0px 0px 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 {
  display: block;
  border-top: 1px dashed #ffffff;
  width: auto;
  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: solid;
   border-width: 1px;
border: 1px solid  #a3691f;
border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
-moz-border-radius:10px;
  }

/* 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: 0px;
  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: normal;
  }

/* 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: right;
  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;
  }

/* 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;
  }

/* 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: solid;
  border-width: 1px;
  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
  }

/* 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: center;
  width: 50%;
  }

/* C2.2 */
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
  text-align: left;
  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.0em;
  font-weight: normal;
  }

/* 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 0px;
  padding: 0.4em 1em 0.4em 1em;
  }

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

    /* C2.14 */
 
.punbb td div.tclcon {
margin-left: 40px;
}
    /* C2.15 */
.punbb div.icon {
  float: right;
  display: block;
  height: 100px;
  width: 100px;
  margin-left: 7px;
  margin-right: 7px;
}


/* 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.1em;
  font-weight: bold;
  }

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

/* C3.9 */
li.pa-title {
  padding-bottom: 0.4em;
  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;
  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 {
  padding: 0 1em 0 0;
  height: 2em;
  line-height: 2em;
  margin-left: -19em;
  border-top-style: dashed;
  border-top-width: 1px;
  background: transparent;
  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;
  }

/* 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;
  }

/* 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.1 */
#pun-title {
  margin: 0;
  border: none;
}

/* D1.2 */
#pun-title h1 {
  display : block;
  height : 400px;
  margin-bottom: -1px;
}

/* D1.3 */
#pun-title .container {
  border-style: none ;
  padding: 0.2em 1em 0.8em 1em;
  }

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

#pun-title TABLE {
  border: none;
  height: 400px;
  width: 100%;
   
  margin-bottom: 0px; 
  margin-top: 0px;
}

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

#pun-title TD.title-logo-tdr {
  border: none;
  width: 320px;
  vertical-align: top;
  padding-top: 0px;
  padding-right: 200px;
}

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


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

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

/* D.3 */
#pun-navlinks li {
  display: inline;
  padding-right: 1em;
  }

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

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

/* D4.1 */
#pun-ulinks  {
  margin-top: 0;
  text-align: center;
  }

/* D4.2 */
#pun-ulinks .container {
  border-top: none;
  padding: 0.7em 1em;
  
  }

/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
  display: inline;
  border-left-style: solid;
  border-left-width: 1px;
  white-space: nowrap;
  }

/* D4.4 */
#pun-ulinks li a {
  padding: 0 0.3em 0 0.6em
  }

/* D4.5 */
#pun-ulinks li.item1, #pun-ulinks li.item1 a {
  border-left-style: none;
  border-left-width: 0;
  padding-left: 0
  }

/* 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
  }

/* 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 .parsedmsg, #pun-help .formal .parsedmsg .incode {
  padding-bottom: 0;
  }

 /*1. Настройка общего вида линков */

    #pun-navlinks a {
    display: inline-block;
    height: 30px;
    width: 90px;
    margin-left: 0px;
    }

    /*2. Настройка изображений */

    #navindex a {background: url(http://uploads.ru/i/D/K/0/DK0kC.png) no-repeat top center;}
    #navuserlist a {background: url(http://uploads.ru/i/V/P/t/VPt8u.png) no-repeat top center;}
    #navsearch a {background: url(http://uploads.ru/i/m/u/L/muL01.png) no-repeat top center;}
    #navprofile a {background: url(http://uploads.ru/i/d/U/X/dUXro.png) no-repeat top center;}
    #navpm a {background: url(http://uploads.ru/i/6/I/v/6Ivlk.png) no-repeat top center;}
    #navadmin a {background: url(http://uploads.ru/i/M/c/h/Mch5Y.png) no-repeat top center;}
    #navlogout a {background: url(http://uploads.ru/i/c/y/Y/cyYrs.png) no-repeat top center;}
    #navlogin a {background: url(http://uploads.ru/i/q/n/W/qnW1a.png) no-repeat top center;}
    #navregister  a {background: url(http://uploads.ru/i/m/n/g/mng1E.png) no-repeat top center;}



    /* Скрываем текстовые надписи */

    #pun-navlinks a span {display: none;}

Цвета style_cs.css

Код:

/* CS1 Background and text colours
-------------------------------------------------------------*/
html, body {
background: #e2dbbc url(http://savepic.su/558930.png);
background-repeat: no-repeat;
background-position: top center;
background-attachment: fixed;

} 

#pun { 
background-color: none;
background-image: url();
background-repeat: repeat;
}

.lastedit {
display: none;
}

.title-logo-tdr a img, .title-logo-tdr iframe, .title-logo-tdr object, #tieser-bottom{
  filter: alpha(opacity=40);
  opacity: 0.6;
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
}

.title-logo-tdr a img:hover, .title-logo-tdr iframe:hover, .title-logo-tdr objec:hover, #tieser-bottom:hover{
filter: alpha(opacity=100);
opacity: 1.0;
-moz-opacity: 1.0;
-khtml-opacity: 1.0;
}

#pun-stats ul.container {
background: transparent no-repeat 5px 5px;
padding-left: 120px; height: 100px;
}

/* CS1.1 */
.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: #000;
  
 
  }

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
  background-color: none;
  color: #000;
  font-style: Monotype corsiva;
  
  
  
  }

/* CS1.3 */

#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  color:  #7b3c1f;
  background-image: url();
  background-color: transparent;

  font-family: "Monotype corsiva";
text-decoration: none;
  font-size: 16px;
  font-weight: normal;
  text-align: center;
height: 45px;
padding-top: 15px!important;
}

/* CS1.4 */
#pun-title, #pun-title .container {
  background-image: url(http://uploads.ru/i/u/P/v/uPvoi.png);
  margin:  0 auto 0 auto;
  width:850px;
  background-color: transparent;
  }
  /* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  background-color: transparent;
  color: #7b3c1f;
   }
/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background-color: transparent;
  color: #000
  text-align: center;
  }
/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
  background-color: none;
background-image: url(http://uploads.ru/i/i/t/S/itSgF.png);
  color: #000
}
/* CS1.8 */
#pun-navlinks .container {
  background-color: transparent;
  color: #000;
  font-family: "Monotype corsiva"; 
font-size: 15px;
  font-weight: normal;
  text-align: center;
  }
.offline li.pa-online strong {
  font-weight: normal;
  }
.punbb textarea, .punbb select, .punbb input {
 background-color: none;
background-image: url(http://uploads.ru/i/b/l/O/blOQ2.png);
 color: #000;
 border: none;
  }
/* 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 .post-sig dt {
  border-top: 0px 
solid #f9fbfc
border-style:  dashed
;
 }
#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-color: #9436c0;
border-style: dotted dotted dotted dotted;
  border-width: 0px 0px 0px 0px
  }
li.pa-online {
border-color: transparent;
  }
#pun-main .post-author ul {border-color : #f9fbfc;
border-style: dotted dashed dashed dotted;
  border-width: 0px 0px 0px 0px
  }
.punbb .post-sig dt {border-color : #f9fbfc;
border-style: dotted dashed dashed dotted;
  border-width: 0px 0px 0px 0px
  }
/* 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: #7b3c1f
  }
.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #7b3c1f
  }
/* 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: #7b3c1f;
text-shadow: 0 0 0.2em #FFF;
  }
/* CS3.3 */
#pun-navlinks a {
  color: #7b3c1f;
  text-decoration: none 
  }
/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #7b3c1f;
  text-decoration: none;
  }
#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #7b3c1f;
  color: #7b3c1f;
 text-decoration: none;
text-shadow: 0 0 0.2em #FFF;
  }
/* CS4 Post status icons
 -------------------------------------------------------------*/
    div.icon {
            background: url(http://savepic.su/545725.png) no-repeat;
    }
 tr.inew div.icon {
            background: url(http://uploads.ru/i/k/A/x/kAxiR.png) no-repeat;
    }
tr.iclosed div.icon {
            background: url(http://uploads.ru/i/A/8/X/A8Xun.png) no-repeat;
    }
tr.isticky div.icon {
            background: url(http://savepic.su/530365.png) no-repeat;}
tr.iredirect div.icon {
        background: url(http://savepic.su/563132.png) no-repeat;
}

HTML верх

Код:

<style>
div .splLink {width: 160px; height: 40px; border: 0px solid #; background: #; text-align: center; font-family: Comic Sans Ms; font-size: 15px; padding: 5px;}
.spll {width: 160px; height: 70px; }
.spll div .splCont {height: auto; width: 200px; background:  url(http://uploads.ru/i/i/t/S/itSgF.png); padding: 3px; z-index: 1000; margin-top: 3px; border: 1px solid #a28770; border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
-moz-border-radius:10px; font-size: 12px; font-family: Times; text-align: center;}
</style>
<style>
#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 0; left: 550px; top:  center
}</style>
<style>
#pun-stats h2 span,
.category h2 span {
visibility:hidden!important;
}
</style>
<style>
.punbb .tclcon h3 a {font-size:17px;color: #7b3c1f; text-shadow: #BAA035 2px 2px 2px;}
.punbb .tclcon h3 a:hover {font-size:16px;color: #7b3c1f;}
</style>
<style type="text/css">
#pun-stats ul.container {
        background: transparent url(http://savepic.su/547682.png) no-repeat 20px 20px;
        padding-left: 200px;
}
</style>
<style>
#pun #pun-viewtopic, #pun .punbb, .formal textarea  {
font-family: Times;
font-size:12px;
}
</style>
<style type="text/css">
.post-author ul li ,
.post-author ul li.pa-reg {
width: 170px;
	text-align: center;
	padding: 2px;
	border: 1px solid #836f43;
	background: none;
	margin: 2px;
border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
-moz-border-radius:10px;
}
.post-author ul li.pa-posts, 
.post-author ul li.pa-respect {
	border-top: none;
	border-bottom: none;
	margin-top: 1px;
	margin-bottom: 1px;
}
.post-author ul li.pa-positive {
	margin-top: 0px;
	border-top: none;
	//border-bottom: none;
}
.post-author ul li.pa-online, .post-author ul li.pa-author {
	border: #836f43 solid 1px;
	padding: 2px;
	background: none;
	font-size: 11px;
border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
-moz-border-radius:10px;
}
.post-author ul li.pa-fld1 {
	border: #836f43 solid 1px;
	padding: 2px;
	background: none;
	font-size: 11px;
border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
-moz-border-radius:10px;
}
</style>

HTML низ

Код:

<!--Спойлер - контейнер-->
<script type="text/javascript" src="http://szenprogs.ru/scripts/jquery-1.3.2.js"></script>
<script type="text/javascript">
  $(document).ready(function(){
    $('.splLink').click(function(){
      $(this).parent().children('div.splCont').toggle('normal');
      return false;
    });
  });
</script>
<style>
#button-spoiler {background-image:url('http://uploads.ru/i/m/D/y/mDy0F.png'); padding:0; line-height:0; background-position:center; background-repeat:no-repeat; height:26px; width:100%}
</style>
<script type="text/javascript">
function tag_spoiler(){
	var y = prompt("Введите описание закрытой кнопки",'');
	if(y!='null' && y!='' && typeof(y)!='object' && typeof(y)!='undefined'){
	var x = prompt("Введите описание открытой кнопки",'');
	if(x=='null' || x=='' || typeof(x)=='object' || typeof(x)=='undefined') bbcode('[spoiler='+y+']','[/spoiler]'); else bbcode('[spoiler='+y+'|'+x+']','[/spoiler]');}
	else bbcode('[spoiler]','[/spoiler]')
}
function addSpoiler(str,from,internal){
	var pos=0,pos2=0,pos_c=0,pos_l=0,newpos=0,string='',close='',open='';
	if((pos=str.indexOf("[spoiler",from))==-1) return str;
	if((pos2=str.indexOf("[/spoiler]"),pos+9)==-1) return str;
	if(((pos_c=str.indexOf("]",pos+8))!=-1) && ((pos_c!=pos+8)&&(pos_c!=pos+9))){
	string = str.substring(pos+9,pos_c);
	if((pos_l = string.indexOf("|"))!=-1){
close = string.substring(0,pos_l);
open = string.substring(pos_l+1,string.length);
	}
	else{
close = string;
open = string;
	}
	}
	else{
close = 'Показать';
open = 'Скрыть';
	}
	newpos=str.indexOf("[spoiler",pos+9)
	if(newpos<pos2 && newpos!=-1) str=addSpoiler(str,pos+9,true)
	if((pos2=str.indexOf("[/spoiler]",pos+9))==-1) return str;
	str=str.substring(0,pos)+makeSpoiler(str.substring(pos_c+1,pos2),open,close)+str.substring(pos2+10,str.length)
	if( str.indexOf("[spoiler")!=-1 && internal==false) str=addSpoiler(str,0,false)
	return str;
}
function makeSpoiler(txt,open,close){
	txt='<div class="quote-box" style="padding:1px;background: none; border: 0;"><cite style="width:100%;margin:0;"><input id="'+open+'" class="spoiler-button" style="width:140px;font-size:10px; margin:0;" type="button" value="'+close+'"></cite><blockquote class="quote-box" style="display:none; width: 80%;border: 1px solid black;margin:0;">'+txt+'</blockquote></div>'
	return txt;
}
$(document).ready(function(){
	$("div.quote-box > cite > input.spoiler-button").click(function(){
$(this).parents("div.quote-box:first").find("blockquote.quote-box:first").toggle("slow");
var a = $(this).attr('value');$(this).attr('value',$(this).attr('id'));$(this).attr('id',a);
	});
});if((document.URL.indexOf("viewtopic.php")!=-1) || (document.URL.indexOf("post.php")!=-1)){
	elm=document.getElementById("pun-main").getElementsByTagName("div")
	for(x in elm) if(elm[x].className=="post-content"){
var post=elm[x]
post.innerHTML=addSpoiler(post.innerHTML,0,false)
	}
}
if(form=document.getElementById("form-buttons"))
	form.getElementsByTagName("tr")[0].insertCell(16).innerHTML="<img  id=\"button-spoiler\" title=\"Спойлер\" onclick=\"tag_spoiler('[spoiler]','[/spoiler]')\" src=\"/i/blank.gif\" />"
</script>
<script type="text/javascript"><!--Своя картинка в каждую категорию -->
    $(document).ready(function(){
myarray=new Array(
    "Гостевая", "http://uploads.ru/i/5/f/8/5f8k3.png",
    "Начало пути", "http://uploads.ru/i/C/D/9/CD9OS.png",
    "Лателон. Земли Атисов", "http://uploads.ru/i/N/w/J/NwJ0j.png",
"Матисские земли Наймаров", "http://uploads.ru/i/3/N/C/3NCEQ.png",
"Кардерон. Земли Кегронов", "http://uploads.ru/i/u/c/b/ucbZi.png",
"Свободные земли Кардиона", "http://uploads.ru/i/G/u/T/GuTiR.png",
    "За горизонтом", "http://uploads.ru/i/5/Z/i/5ZidI.png",
"Вне игры", "http://uploads.ru/i/P/i/o/Pioa5.png",
"Реклама", "http://uploads.ru/i/m/2/x/m2x0O.png",
"Архив", "http://uploads.ru/i/v/n/x/vnxal.png",
    "Статистика форума", "http://uploads.ru/i/B/x/z/BxzGb.png"    //Последний элемент без запятой! 
    )
$("#pun-index div.category h2,#pun-index #pun-stats h2").each(function (i) {
    for(q=0;q<myarray.length;q++){
var cssObj = {
      "height":"50px",
      "background-color": "transparent",
      "background-image":"url("+myarray[q+1]+")",
      "background-position":"50% 50%",
      "background-repeat":"no-repeat"       //Последний элемент без запятой!
    }
 if($(this).children("span").text()==myarray[q])$(this).css(cssObj);
            q++}
        });
    });
    </script>
<div align=center><a href="#" onclick=" obj=this.parentNode.childNodes[1].style;
    tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;">
    <img src="http://savepic.su/575359.png" ></a><div style="display: none">
 Тут банеры
 Тут банеры
 Тут банеры
Тут банеры
Тут банеры
Тут банеры
</div>
<script type="text/javascript">
var we=document.getElementsByTagName("ul")
var x=0
for (x=0; x<=(we.length-1); x++)
{if (we[x].innerHTML.indexOf("pa-online")!=-1)
{we[x].innerHTML=we[x].innerHTML.substring(0, (we[x].innerHTML.indexOf("pa-online")-11))+"<img src='http://uploads.ru/i/r/D/B/rDBNc.png' />"}
else if ((we[x].innerHTML.indexOf("pa-online")==-1)&&(we[x].innerHTML.indexOf("pa-author")!=-1))
{we[x].innerHTML=we[x].innerHTML+"<img src='http://uploads.ru/i/A/0/B/A0BUP.png' />"}
}
</script>
<style>.Myimge {position:absolute;margin-top: 0px; margin-left: 5px;}</style>
    <script type="text/javascript">
    PiarNik="PR";
    PiarPas="1111";
var L="<div id=\"PR_loginDiv\" style=\"display:none;\">\
    <form id=\"form_login\" name=\"login\" method=\"post\" action=\"login.php?action=in\" onsubmit=\"return check_form()\">\
    <fieldset>\
    <input type=\"hidden\" name=\"form_sent\" value=\"1\"/>\
    <input type=\"text\" id=\"fld1\" name=\"req_username\" size=\"21\" maxlength=\"25\"/>\
    <input type=\"text\" id=\"fld2\" name=\"req_password\" size=\"7\" maxlength=\"16\"/>\
    <input type=\"submit\" class=\"button\" name=\"login\"/>\
    </fieldset>\
    </form>\
    </div>\
    <span id=spMyimg><img class=\"Myimge\"  title=\"Быстрый вход для 'Пиарщиков'\" onclick=\"PiarIn()\" src=\"http://uploads.ru/i/S/m/w/SmwrF.png\" onmouseover=\"this.src='http://uploads.ru/i/S/m/w/SmwrF.png' \" onmouseout=\"this.src='http://uploads.ru/i/S/m/w/SmwrF.png'\" /></span>";
    if($("#navlogin").html()!=null){
$("#navlogin").append(L) //navlogin
    $("#PR_loginDiv #fld1").val(PiarNik)
    $("#PR_loginDiv #fld2").val(PiarPas)
    function PiarIn () {$("#PR_loginDiv input[type='submit']").click();}
    }
    </script>

Объявление

Код:

<center><table style="width: 90%">
<tr>
<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="http://uploads.ru/i/V/U/l/VUlDd.png"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
    <table width="190" >
    <tr>
    <td width="95" >111111111111
11111111111</td>
    <td>2222222222222
222222222222</td>
  </tr>
</table>
</DIV></DIV>
</div></td>
<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="http://uploads.ru/i/z/I/J/zIJ0w.png"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
<table width="190" >
    <tr>
    <td width="95" >111111111111
11111111111</td>
    <td>2222222222222
222222222222</td>
  </tr>
</table></DIV></DIV>
</div></td>
<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="http://uploads.ru/i/Z/2/N/Z2NhD.png"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
<table width="190" >
    <tr>
    <td width="95" >111111111111
11111111111</td>
    <td>2222222222222
222222222222</td>
  </tr>
</table></DIV></DIV>
</div></td>
<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="http://uploads.ru/i/Q/T/F/QTFZu.png"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
<table width="190" >
    <tr>
    <td width="95" >111111111111
11111111111</td>
    <td>2222222222222
222222222222</td>
  </tr>
</table></DIV></DIV>
</div></td>
<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="http://uploads.ru/i/F/m/J/FmJyA.png"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
<table width="190" >
    <tr>
    <td width="95" >111111111111
11111111111</td>
    <td>2222222222222
222222222222</td>
  </tr>
</table></DIV></DIV>
</div></td>
</tr>
</table></center>

HTML в форме ответа

Код:

<script type="text/javascript">
defaultPict = "http://uploads.ru/i/f/S/W/fSWXI.png"
var arr=document.getElementsByTagName("ul")
i=1
while(arr[++i]){
str=arr[i].innerHTML
if(str.indexOf("pa-avatar")==-1) {
q=str.toLowerCase()
if((pos=q.indexOf("<li class=pa-from>"))!=-1 || (pos=q.indexOf("<li class=\"pa-from\">"))!=-1 || (pos=q.indexOf("<li class=pa-reg>"))!=-1 || (pos=q.indexOf("<li class=\"pa-reg\">"))!=-1){
nstr =str.substring(0,pos)
nstr+="<li class=\"pa-avatar item2\"><img src="+ defaultPict +" alt=\"Аватар\" /></li>"
nstr+=str.substring(pos)
arr[i].innerHTML=nstr
}}}
</script>

4. Скриншот:

Подпись автора: • КАЛЕЙДОСКОП АВАТАР •

Поделиться6305.11.11 17:40

Автор: L Micaelis
Призрак
Последний визит:
01.07.12 18:37
Уважение: +796

1. 5.11.11
2. World, http://cwtruestars.rusff.ru/
3.

Структура|***

Код:

/*************************************************************
A - SETUP
**************************************************************/

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

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

/* A2 Deal with browser defaults and wonkiness
-------------------------------------------------------------*/

/* 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 68.75% verdana, arial, helvetica, sans-serif;
  }

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

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

/* A3.5 */
.punbb h1 span, .punbb h2 span, .punbb legend span {
  font-size: 1.1em;
  }

/* A3.6 */
.punbb pre {
  font: 1.1em/140% monaco, "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,
#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: 460px auto 30px auto;
  width: 850px;
  }

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

/* A5.3 */
#pun-redirect, #pun-maint {
  margin: 0px;
  width: 850px;
  text-align: center;
  float: none;
  }

/* A5.4 */
.punbb .section, .punbb .main {
  margin-bottom: 0em;
  }

/* 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 {
  display: block;
  border-top: 1px dashed #686887;
  width: 400px;
  margin: 5px 0;
  opacity: 0.8;
  }

/* 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-width: 1px;
  }

/* 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: -5em;
  left: 1em;
  width: 24em;
  color: #a29ba9;
  }

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

/* 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: #a29ba9;
  }

/* 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;
  }

/* 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: solid;
  border-width: 1px;
  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
  }

/* 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: center;
  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 td div.tclcon {
margin-left: 100px;
}

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

 /* 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%;
  text-align: center;
  }

/* C3.7 */
.pa-author {
  font-size: 1.1em;
  font-weight: bold;
  }

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

/* C3.9 */
li.pa-title {
  padding-bottom: 0.4em;
  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;
  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 {
  padding: 0 1em 0 0;
  height: 2em;
  line-height: 2em;
  margin-left: -19em;
  border-top-style: dashed;
  border-top-width: 1px;
  background: transparent;
  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;
  }

/* 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;
  }

/* 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-style: solid solid none solid;
  border-width: 0px 0px 0 0px;
  }

/* D1.2 */
#pun-title h1 {
  display: block;
  height: 0px;
  padding: 0em 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: 0px;
	width: 100%;
}

#pun-title td.title-logo-tdl {
    border: none;
    width: 1px;
    padding-left: 327px
}

#pun-title TD.title-logo-tdr {
    border: none;
    padding-left: 15px;
    padding-top: 1px;
    width: 500px;
    height: 88px;    
    background: url(https://forumstatic.ru/files/0010/16/c6/89164.png) no-repeat;
}

/* 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: 0px
}

/* 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: 0px;
  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-top: 0px;
  text-align: center;
  }

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

/* D3.3 */
#pun-navlinks li {
  display: inline;
  padding-right: 1em;
  }

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

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

/* D4.1 */
#pun-ulinks  {
  margin-top: 0;
  }

/* D4.2 */
#pun-ulinks .container {
  border-top: none;
  padding: 0.7em 1em;
  text-align: center;
  font-size: 7pt;
  font-family: Century Gothic;  
  }

/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
  display: inline;
  border-left-style: solid;
  border-left-width: 1px;
  white-space: nowrap;
  text-shadow: none;
  }

/* D4.4 */
#pun-ulinks li a {
  padding: 0 0.3em 0 0.6em
  }

/* D4.5 */
#pun-ulinks li.item1, #pun-ulinks li.item1 a {
  border-left-style: none;
  border-left-width: 0;
  padding-left: 0
  }


/* 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;
  display: none;
  }

/* 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: 1em 1em 1em 1em;
  }

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

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

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

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

/* D7.5 */
li#onlinelist div {
  border-top-style: solid;
  border-top-width: 1px;
  padding: 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 .parsedmsg, #pun-help .formal .parsedmsg .incode {
  padding-bottom: 0;
  }

Цвета|***

Код:

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

body {
	background: #a59eac url(http://uploads.ru/i/8/D/o/8DoB9.png) scroll no-repeat top center;
}

#pun {
 position: relative;
 background: #897f92;
}

#pun-main .post-links ul {
  border-top: 1px dashed #686887;
  opacity: 0.5;
}

.punbb textarea {
  background: url(https://forumstatic.ru/files/0010/16/c6/98482.png);
  color: #67636c;
  border: 1px dashed #686887;
}

.punbb select {
  background: #897f92;
  border: none;
  color: #686887;
}

.punbb input {
  background: url(https://forumstatic.ru/files/0010/16/c6/98482.png);
  color: #67636c;
  border: none;
}

.lastedit {
  display: none
}

/* CS1.1 */
.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: #bab2c2;
  }

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

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background: #a59eac url(https://forumstatic.ru/files/0010/16/c6/30099.png) bottom center no-repeat;
  color: #686887;  
  height: 25px;
  text-align: center;
  font-family: Century Gothic;
  font-size: 12pt;
}

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

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

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

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
  background: url(https://forumstatic.ru/files/0010/16/c6/98482.png);
  color: #67636c;
  }

/* CS1.8 */
#pun-navlinks .container {
  background-color: transparent;
  color: #FFFFFF;
  font-family: Century Gothic;
  font-size: 9pt;
  font-weight: bold;
  }

/* 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 {
  border: #686887;
  border-style: dashed;
  }

#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: 0px solid #dedfdf
  }

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


/* 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: #dcd3e6;
  border-bottom: 0px none #000;
  text-shadow: #777777 1px 1px 2px;
  text-decoration: none;
  }

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

/* 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: #dcd3e6;
  border-bottom: 0px none #000;
  text-shadow: #b8b8b8 1px 1px 2px;
  text-decoration: none;
  }

/* CS3.3 */
#pun-navlinks a {
  color: #dcd3e6;
  border-bottom: 0px none #000;
  text-shadow: #777777 1px 1px 2px;
  text-decoration: none;
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #dcd3e6;
  border-bottom: 0px none #000;
  text-shadow: #b8b8b8 1px 1px 2px;
  text-decoration: none;
  }

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

/* CS4 Post status icons
 -------------------------------------------------------------*/

div.icon {
  background: url(https://forumstatic.ru/files/0010/16/c6/91089.png) no-repeat;
}
tr.inew div.icon {
  background: url(https://forumstatic.ru/files/0010/16/c6/11658.png) no-repeat;
}
tr.isticky div.icon {
   background: url(https://forumstatic.ru/files/0010/16/c6/90806.png) no-repeat;
}
tr.iclosed div.icon {
    background: url(https://forumstatic.ru/files/0010/16/c6/91758.png) no-repeat;
}

ХТМЛ верх|***

Код:

<script type="text/javascript" src="http://sadhaka.moy.su/JS/jquery.js"></script>

<style>	
#menu {
margin-top: -5px;
width: 180px;
height: 60px;
background-repeat : no-repeat;}

#menu span {
text-align:center;
display:block;
color:#000000;
margin: 7px 0;
padding: 11px;
}
#submenu,#menu span {
    border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
background: transparent url(https://forumstatic.ru/files/0010/16/c6/98482.png);
  color: #67636c;
  border: 1px dashed #686887;;
}

#menu .tabactive {
color: #000000;
    background:#bab2c2;
}

#submenu {
padding: 3px;
height: 180px;
text-align: center;
font-size: 12px;
width: 540px;
}

.submenutext {
display: none; 
height: 40px;
}
</style>

ХТМЛ низ|***

Код:

<div class="container"><div class="main" id="spo_all"><div class="category" id="spo_top" onclick="obj=this.parentNode.childNodes[1].style; tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;"><div align="center"><img src="https://forumstatic.ru/files/0010/16/c6/35066.png"></center></div></div><div id="spoiler4" style="display: none;">
<center><b>Ваши баннеры</b><br>
...</center>
</div>

<!-- Выделение кода по клику -->
<script type="text/javascript">
function select_text(elem) {
	if(window.getSelection) {   
var s=window.getSelection();   
if(s.setBaseAndExtent){   
	s.setBaseAndExtent(elem,0,elem,elem.innerText.length-1);   
}
else {   
	var r=document.createRange();   
	r.selectNodeContents(elem);   
	s.removeAllRanges();   
	s.addRange(r);
}   
	}
	else if(document.getSelection){   
var s=document.getSelection();   
var r=document.createRange();   
r.selectNodeContents(elem);   
s.removeAllRanges();   
s.addRange(r);   
	}
	else if(document.selection){   
var r=document.body.createTextRange();   
r.moveToElementText(elem);   
r.select();
	}   
}
</script>
<script type="text/javascript">
var div = document.getElementById('pun-main').getElementsByTagName('div');
for(x in div){
	if(div[x].className=='code-box'){
div[x].getElementsByTagName('strong')[0].innerHTML = '<a href="#" onclick="select_text(this.parentNode.parentNode.childNodes[1].getElementsByTagName(\'pre\')[0]); return false;">Выделить код</a>';
	}
}
</script>


<!-- Пиар-вход -->
<script type="text/javascript">
PiarNik="PR";
PiarPas="1111";
var L="<div id=\"PR_loginDiv\" style=\"display:none;\">\
<form id=\"form_login\" name=\"login\" method=\"post\" action=\"login.php?action=in\" onsubmit=\"return check_form()\">\
<fieldset>\
<input type=\"hidden\" name=\"form_sent\" value=\"1\"/>\
<input type=\"text\" id=\"fld1\" name=\"req_username\" size=\"21\" maxlength=\"25\"/>\
<input type=\"text\" id=\"fld2\" name=\"req_password\" size=\"7\" maxlength=\"16\"/>\
<input type=\"submit\" class=\"button\" name=\"login\"/>\
</fieldset>\
</form>\
</div>\
<li id=\"navpiar\"><span id=spMyimg><a onclick=\"PiarIn()\">Пиар-Вход</a></span></li>";
if($("#navlogin").html()!=null){
$("#navlogin").after(L) //navlogin
$("#PR_loginDiv #fld1").val(PiarNik)
$("#PR_loginDiv #fld2").val(PiarPas)
function PiarIn () {$("#PR_loginDiv input[type='submit']").click();}
}
</script>



<!-- Таблица -->
<script type="text/javascript">
$(document).ready(function() {
$("td.#MenuTxT div.submenutext").hide();
<!--$(".tabs span:first").addClass("active").show(); -->
$("td.#MenuTxT div.submenutext:first").show();
$("div.#menu span").click(function() {
    $("div.#menu span").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("td.#MenuTxT div.submenutext").hide();
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).fadeIn();
    return false; });
});
</script>

Объявление|***

Код:

<center><table style="width: 800px">
 <tbody>
  <tr>
   <td valign=top>
    <div id="menu"> <b>
<span alt="#sm1" style="cursor: pointer;">Новости</span>
<span alt="#sm2" style="cursor: pointer;">Племена</span>
<span alt="#sm3" style="cursor: pointer;">Администрация</span>
<span alt="#sm4" style="cursor: pointer;">Партнеры</span>
           </b>
    </div>
   </td>
   <td id="MenuTxT"  align="center" valign="top">
    <div id="submenu" align="center"> 
      <div id="sm1" class="submenutext">
Новости
</div>
     <div id="sm2" class="submenutext" style="display:block;">
<table width="100%">
<tr>
<td width="25%">Первое племя</td>
<td width="25%">Второе племя</td>
<td width="25%">Третье племя</td>
<td width="25%">Четвертое племя</td></tr>
</table>
</div>
     <div id="sm3" class="submenutext">
Администрация форума
</div>
     <div id="sm4" class="submenutext">
Баннеры партнеров
</div>
</div>
   </td>
</tr>
 </tbody>
</table></center>

Поделиться6610.01.12 21:15

Автор: Shirosaki Hichigo
Призрак
Последний визит:
13.03.13 18:42
Уважение: +257

1. Дата
26.12.2011
2. Никнейм + ссылка
Pokemoshka
http://dnn.rolbb.ru/
3. Код

Структура style.css

Код:

/*************************************************************
A - SETUP
**************************************************************/

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

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

/* A2 Deal with browser defaults and wonkiness
-------------------------------------------------------------*/
/* 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: 99%;
  }

/* A3.2 */
.punbb {
  font: normal 70.75% Verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
  }

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


/* A3.4 */
.punbb h1, .punbb h2, .punbb h3 {
  font-size: 1em;
  font-weight: bold;
  }

.punbb th   {
  font-size: 0.9em;
  font-weight: bold;
  }
.punbb h4, .punbb table {
  font-size: 1em;
  font-weight: normal;
  }

/* A3.5 */
.punbb h1 span, .punbb h2 span, .punbb legend span {
  font-size: 1.1em;
  }

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

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

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

/* 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,
#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: 0px auto auto auto;
  width : 800px;
  padding: 0px 0px 0px 0px;
  border: none;
}
/* 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 {
  margin-bottom: 1em;
  }
/* A5.5 */
.punbb .category, .punbb .post {
  margin-top: 0.4em;
  }
/* A5.6 */
.punbb #pun-category1, .punbb .toppost, .punbb .topicpost {
  margin-top: 12;
  }
/* 5.7 */
#pun-post .topic {
  margin-top: 12em;
  }
/* 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 */
#pun-main h1, .punbb .section h2, #pun-stats h2, #pun-debug h2 {
  padding: 6px 1em 6px 1em;
  border-style: none;
  border-width: 1px 1px 0px 1px;
  }
#pun-main h2 {
  padding: 6px 1em 6px 1em;
  border-style: none;
  border-width: 1px 1px 0 1px;
}

/*************************************************************
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 {
  display: block;
  border-top: 1px solid transparent; ;
  width: 250px;
  margin: 5px 0;
  }
/* B1.3 */
.punbb .post-content p {
  margin: 0;
  padding: 0 0 1em 0;
  line-height: 99%;
  }
/* B1.4 */
.punbb .post-content img {
  vertical-align: text-top
  }
/* 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: solid;
  border-width: 1px;
  }
/* 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: -4.2em;
  left: 1em;
  width: 24em;
  }
/* B3.4 */
.linkst .postlink {
  position: absolute;
  top: -4.2em;
  right: 1em;
  width: 16em;
  text-align: right;
  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;
  }
/* 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;
  }
/* 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: solid;
  border-width: 1px;
  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
  }
/* 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 4em 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;
  }
.punbb .helplinks span INPUT {
  margin: 0px 2px 2px 0px;
}
/* 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: right;
  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 {
  padding: 3px 1em 4px 1em;
  border-bottom: 1px solid transparent;;
  border-left: none;
  border-top: none;
  }
/* C2.13 */
.punbb .main .tcl {
  border-left-style: none;
  border-left-width: 0;
  }
* html .tclcon {height: 1px}
/* C2.14 */
.punbb td div.tclcon {
  margin-left: 54px;
}
/* C2.15 */
.punbb div.icon {
  float: left;
  display: block;
  width: 65px;
  height: 61px;
  padding-top: 1px;
repeat: no-repeat;
  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 {
  border-left: 1px solid transparent;;
  padding: 0.5em 1em;
  display: block;
  margin-left: 19em;
  }
/* 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: 120%;
  }
/* C3.7 */
.pa-author {
  font-size: 1.1em;
  font-weight: bold;
  }
/* C3.8 */
.pa-author a {
  text-decoration: none
  }
/* C3.9 */
li.pa-title {
  padding-bottom: 0.4em;
  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;
  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 {
  padding: 0 1em 0 0;
  height: 2em;
  line-height: 2em;
  margin-left: -19em;
  border-top-style: dashed;
  border-top-width: 1px;
  background: transparent;
  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;
  margin-top: 4px;
  }
/* 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;
  }
/* 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;
  }
/* 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: none;
}
/* D1.2 */
#pun-title h1 {
  display : block;
  height: 60px;
  margin: -1px 0px 0px -43px;
}
/* D1.3 */
#pun-title .container {
  border-style: none ;
  padding: 0.2em 1em 0.8em 1em;
}
/* D1.4 */
#pun-title h1 span {
  display: none;
}
#pun-title TABLE {
  border: none;
  height: 60px;
  width: 100%;
}
#pun-title TD.title-logo-tdl {
  border: none;
  width: 100%;
}
#pun-title TD.title-logo-tdr {
  border: none;
  width: 468px;
  vertical-align: top;
  padding-top: 3px;
  position: absolute;
  left: 31%;
  top: 0;
}
/* 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 {
  border: none;
  margin: 0;
  }
#pun-navlinks .container {
  border: none;
  margin: 0;
  }
/* D3.2 */
#pun-navlinks .container {
  padding-top: 0px;
  height: 110px;
  font-weight:bold;
  text-align: center;
  letter-spacing:-1px;
  }
/* D.3 */
#pun-navlinks li {
  display: inline;
  margin: 0.3%;
  padding: 5px 0px 5px 10px;
  }
/* D3.4 */
#pun-navlinks li a {
  font-size: 1.3em;
  font-family: cambria;
  }


/* D4 User links
-------------------------------------------------------------*/
/* D4.1 */
#pun-ulinks  {
  margin-bottom: 0px;
  border: solid 1px transparent;

  }
/* D4.2 */
#pun-ulinks .container {;
  text-align: center;
  border: none;
  padding-top: 5px;
  height: 10px;
  }
/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
  display: inline;
  white-space: nowrap;
  }
/* D4.4 */
#pun-ulinks li a {
  padding: 0 0.1em 0 0.1em;
  }
/* D4.5 */
#pun-ulinks li.item1, #pun-ulinks li.item1 a {
  border-left-style: none;
  border-left-width: 0;
  padding-left: 0
  }

/* D4.6 */
#pun-ulinks li a {
  font-size: 1.2em;
  font-family: tahoma;
  text-transform: lowercase;
 }


/* 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
  }
/* 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 .parsedmsg, #pun-help .formal .parsedmsg .incode {
  padding-bottom: 0;
  }

Цвета style_cs.css

Код:

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


body {
background-color: #b9bfc8;
}

html, body {background-color: #b9bfc8; background-image: url(http://uploads.ru/i/d/C/F/dCFVJ.png); background-repeat: repeaty; background-attachment: fixed; background-position: center; color: black;}
BODY {background:fixed;}body {
background-color: #;
}

    #pun-title.section { background-image: url();  background-repeat: no-repeat;
background-position: top center;
height: 470px;}
#pun-title .title-logo span {display: none;}




/* CS1.1 */
.punbb .main .container,
.punbb td.tc3,
.punbb .section .container,
.punbb .section .formal .container,
.punbb .formal fieldset,
#viewprofile li strong, #viewprofile li div,
#setmods dd, .punbb .post-body,
.post-box, .punbb .post-links,
.punbb-admin #pun-admain .adcontainer,
.punbb .info-box, .punbb #pun-main .info-box .legend {
background-color: transparent;
  color: #6472a4;
  line-height:10px;
  }

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

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
background-image: url(http://uploads.ru/i/h/O/l/hOl9q.png);
background-position: center top;
background-repeat: no-repeat;
height: 30px;
color: #aeb8c6;
font-size:15px; 
text-align:center; 
font-family:Courier;
 text-transform: uppercase; 
   
 }

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
background-color: transparent;
  color: #838fba;
  }

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

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

   /* CS1.7 */
.punbb .quote-box, .punbb .code-box {background:transparent url(http://uploads.ru/i/8/h/o/8hoYR.png) repeat top center;
color: #4b5c9b
}

/* 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 {
  border-color: #C4C4C6 #FFFFFF #FFFFFF #C4C4C6;
  }

#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 #dedfdf
  }

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

.punbb .post-sig dt {
  border-top-color: transparent;!important;
  }



/* 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: #5c6fb3;
border-bottom: 0px none #000;
 text-decoration: none;
font-style: none; 
}

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

/* 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 {
  text-decoration: none;
  color: #7888c1; 
}

/* CS3.3 */
#pun-navlinks a {
  color: #5c6fb3;
    border-bottom: 0px none #000;
text-transform: uppercase;
  text-decoration: none;
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #7888c1;
  border-bottom: 0px none #000;
  text-decoration: none;
  }

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

       .post-content td {border-color: #020000;}


/* CS4 Post status icons
-------------------------------------------------------------*/

#pun-stats h2 {
 background: url(http://uploads.ru/i/L/j/z/LjzIA.png) no-repeat top center;
 height: 70px; font-size: 0 !important;
}

div.icon {
        background: url(http://uploads.ru/i/J/q/o/JqoxC.png) no-repeat;
}
tr.inew div.icon {
        background: url(http://uploads.ru/i/r/M/y/rMy9s.png) no-repeat;
}
tr.iclosed div.icon {
        background: url(http://uploads.ru/i/n/B/3/nB3hC.png) no-repeat;
}
tr.isticky div.icon {
        background: url(http://uploads.ru/i/y/g/a/ygaz5.png) no-repeat;
}

HTML верх

Код:

<style>
body {  background: url(http://uploads.ru/i/c/J/p/cJpug.png) no-repeat top center;}
</style>

<style type="text/css">
.post-author ul li {
	text-align: center;
	padding: 2px;
	border: 1px solid #8d9096;
	background: #b1b7c5;
	margin: 2px;
}
.post-author ul li.pa-reg {
	border-bottom: none;
	margin-bottom: 0px;
}
.post-author ul li.pa-posts, 
.post-author ul li.pa-respect {
	border-top: none;
	border-bottom: none;
	margin-top: 0px;
	margin-bottom: 0px;
}
.post-author ul li.pa-positive {
	margin-top: 0px;
	border-top: none;
	//border-bottom: none;
}
.post-author ul li.pa-online, .post-author ul li.pa-author {
	border: #8d9096 solid 1px;
	padding: 2px;
	background: #b1b7c5;
	font-size: 11px;
}
.post-author ul li.pa-fld1 {
	border: #8d9096 solid 1px;
	padding: 2px;
	background: #b1b7c5;
	font-size: 11px;
}
</style>
<style>
style type="text/css">
#pun-stats ul.container {
        background: transparent url(http://uploads.ru/i/y/d/g/ydgDb.png) no-repeat 20px 0px;
        padding-left: 50px;
}
</style>

HTML низ

Код:

<div align=center><a href="#" onclick=" obj=this.parentNode.childNodes[1].style; 
tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;"> 
<img src="http://uploads.ru/i/0/X/d/0XdcM.png" ></a><div style="display: none">
Баннеры

<script><!--Свои картинки в панель навигации со сменой картинки по наведению курсора" -->
       navlinks=new Array(

  "navindex",    // Форум
    "http://uploads.ru/i/u/1/l/u1lxb.png","http://uploads.ru/i/f/A/z/fAzmh.png",
      "navuserlist", // Участники
    "http://uploads.ru/i/Y/G/l/YGlu9.png","http://uploads.ru/i/p/m/b/pmbQN.png",
    "navsearch",    // Поиск
    "http://uploads.ru/i/3/e/b/3ebUg.png","http://uploads.ru/i/B/j/w/BjwnL.png",
      "navprofile",    // Профиль
    "http://uploads.ru/i/S/0/Y/S0YTb.png","http://uploads.ru/i/A/q/t/AqtKi.png",
      "navpm",    // Сообщения
    "http://uploads.ru/i/q/P/Z/qPZOH.png","http://uploads.ru/i/x/Y/P/xYPaQ.png",
      "navadmin",    // Администрирование
    "http://uploads.ru/i/g/M/b/gMbsd.png","http://uploads.ru/i/a/F/X/aFXLn.png",
      "navregister", // Регистрация
    "http://uploads.ru/i/o/A/u/oAuPT.png","http://uploads.ru/i/D/6/p/D6poR.png",
      "navlogin",    // Войти
    "http://uploads.ru/i/n/a/d/nad0l.png","http://uploads.ru/i/m/O/d/mOdFu.png",
      "navlogout",    // Выход
    "http://uploads.ru/i/5/4/m/54mqh.png","http://uploads.ru/i/G/B/Q/GBQdA.png"  // !ПОСЛЕДНИЙ элемент без запятой
    )
    var s0,s1,s2,s3,i; for (i=0; i < navlinks.length; i++){s0=navlinks[i+1];s1="onmouseover=\"this.src='"+navlinks[i+2]+"'\""; s2="onmouseout=\"this.src='"+s0+"'\"";s3='<img class="navlinks" src="'+s0+'" '+s1+' '+s2+' border="0" />';$("#"+navlinks[i]+" a").html("<span>"+s3+"</span>");i++;i++; }
    </script>

4. Скриншот
К сожалению, с ноутбука не могу сделать, не все показывать. Если уменьши экран, то все будет ужасно мелким.

Поделиться6824.01.12 09:28

Автор: Decadence
Призрак
Последний визит:
19.12.15 19:00
Уважение: +841

1. Дата 24.01.2012
2. Никнейм + ссылка
Шериан
http://reilana.mybb.ru/
3. Код

Структура

Код:

/*************************************************************
A - SETUP
**************************************************************/

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

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

/* A2 Deal with browser defaults and wonkiness
-------------------------------------------------------------*/

/* 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 68.75% verdana, arial, helvetica, sans-serif;
}

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

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

/* A3.5 */
.punbb h1 span, .punbb h2 span, .punbb legend span {
font-size: 1.1em;
position: relative;
top: 5px;
}

#pun-stats h2 span {display: none;}

/* A3.6 */
.punbb pre {
font: 1.1em/140% monaco, "times new roman", "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: none;
}

/* 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,
#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: 0px auto auto auto;
width: 900px;
}

/* A5.2 */
.punbb {
float: left;
width: 890px;
height: auto;
padding-left: 5px;
padding-right: 5px;
}

/* A5.3 */
#pun-redirect, #pun-maint {
margin: 50px 20% 12px 20%;
width: auto;
float: none;
  background: url("");
  color: #6e2e25;
padding: 6px;
border-radius:15px; -webkit-border-radius:15px; -khtml-border-radius:15px; -moz-border-radius:15px; -o-border-radius:15px; box-shadow: 0px 5px 18px #000; -webkit-box-shadow:0px 5px 18px #000; -khtml-box-shadow:0px 5px 18px #000; -moz-box-shadow:0px 5px 18px #000;
}

/* A5.4 */
.punbb .section, .punbb .main {
margin-bottom: 0em;
}

/* 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 none none;
border-width: 0px 0px 0px 0px
}

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

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

#pun-main h2 {
padding: 10px 1em 10px 1em;
border-style: none none none none;
border-width: 0 0 0 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 {

  display: block;
border-top: 1px dashed #6e2e25;
width: 548px;
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;
  margin-left: 10px;

  }



/* 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: solid;

  border-width: 1px;

  }



/* 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: none;

  border-width: 0px;

  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: -3em;

  left: 1em;

  width: 24em;

  }



/* B3.4 */

.linkst .postlink {

  position: absolute;

  top: -4em;

  right: 1em;

  width: 16em;

  text-align: right;

  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;

  }



/* 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;

  }



/* 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 {
  width: 100%;

  border-style: none;

  border-width: 0px;

  padding: 0 0px 0 0px;

  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

  }



/* 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%;
  padding-right: 1px;
 
  }

/* 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: none none none none;
  border-width: 0px 0 0 0px;
  padding: 0.8em 1em;
  }

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

/* C2.13 */
.punbb .main .tcl {
  border-left-style: none;
  border-left-width: 0
  }
* html .tclcon {height: 1px}
/* C2.14 */
.punbb td div.tclcon {
        margin-left: 10px;
}
/* C2.15 */
.punbb div.icon {
    float: left;
    display: block;
    width: 70px;
    height: 70px;
margin-left: 0px;}

/* C3 Topics

-------------------------------------------------------------*/



/* C3.1 */

.punbb .post .container {

  border-style: none none none none;

  border-width: 0px;

  margin-top: -1px;

  padding-bottom: 1px;

  }



/* C3.2 */

.punbb .post h3 {

  border-style: none none none none;

  border-width: 0px;

  }



/* C3.3 */

.punbb .post h3 span {

  padding: 0.5em 1em;

  display: block;

  margin-left: 215px;

  border-left-style: none;

  border-left-width: 0px
  

  }



/* C3.4 */

.punbb .post h3 strong {

  float: right;

  width: 5em;

  text-align: right;

  font-weight: normal;
  padding-right: 30 px;

  }



/* C3.5 */

.punbb .post .post-author {

  float: left;

  width: 215px;

  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%;

  text-align: left;

  }



/* C3.7 */

.pa-author {

  font-size: 1.1em;

  font-weight: bold;

  }



/* C3.8 */

.pa-author a {

  text-decoration: none

  }



/* C3.9 */

li.pa-title {

  padding-bottom: 0.4em;

  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: 215px;

  border-left-style: none;

  border-left-width: 0px;

  padding: 0 0 1px 0;
  padding-right: 20px;

  }



/* C3.12 */

.punbb .post-box {

  padding: 1em;

  }



/*C3.13 */

.punbb fieldset .post-box {

  margin-bottom: 0.8em

  }



/* C3.14 */

.punbb .post-links {

  margin-left: 215px;

  border-left-style: solid;

  border-left-width: 1px;

  }



/* C3.15 */

.punbb .post-links ul {

  padding: 0 1em 0 0;

  height: 2em;

  line-height: 2em;

  margin-left: -215px;

  border-top-style: none;

  border-top-width: 0px;

  background: transparent;

  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: 165px;

  }



/* C6.2 */

#profilenav {

  float: left;

  width: 145px;

  margin-left: -13.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 25px 0.8em 0px;

  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;

  }



/* 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 {

    border-style: none;
    border-width: 0;
    position: relative;
    

  }



/* D1.2 */

#pun-title h1 {

  display : block;

  height : 40px;

  padding: 2em 1em 0 1em;

  }



/* D1.3 */

#pun-title .container {

  border-style: none none none none;
top: 0px;

  }



/* D1.4 */

#pun-title h1 span  {

  font-size: 1.5em;

  }



#pun-title table {

	border: none;

	height: 500px;

	width: 1500px;
top: 0px;

}



#pun-title td.title-logo-tdl {

	border: none;

	width: 100%;
        margin-top: 1px;
        

}



#pun-title TD.title-logo-tdr {
    border: medium none;
    padding-left: 191px;
    width: 468px;

}



/* 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;
  width: 360px;
  line-height: 10px;
  border-width: 0;
  left: 130px;
  top: -97px;
  text-align: center;
  position: relative;
  }



/* D3.2 */

#pun-navlinks .container {

  padding: 0.7em 1em;


  }



/* D.3 */

#pun-navlinks li {

  display: inline;

  padding-right: 1em;

  }



/* D3.4 */

#pun-navlinks li a {

  font-size: 1.1em;

  }



/* D4 User links

-------------------------------------------------------------*/



/* D4.1 */

#pun-ulinks  {

  margin-top: -30px;
  text-align: center;
  padding-top: 0px;
  }



/* D4.2 */

#pun-ulinks .container {

  border-top: none;

  padding: 0em 0em;

  }



/* D4.3 */

#pun-ulinks li, #pun-ulinks li a {

  display: inline;

  border-left-style: solid;

  border-left-width: 1px;

  white-space: nowrap;

  }



/* D4.4 */

#pun-ulinks li a {

  padding: 0 0em 0 0em

  }



/* D4.5 */

#pun-ulinks li.item1, #pun-ulinks li.item1 a {

  border-left-style: none;

  border-left-width: 0;

  padding-left: 0

  }



/* D5 Welcome box and Top Breadcrumbs

-------------------------------------------------------------*/



/* D5.1 */

#pun-status, #pun-status .container {

  border-bottom: none;

  margin-bottom: 0;
  width: 890px;

  }



/* D5.2 */

#pun-status .container {

  padding: 0.8em 1em 1em 1em;
   width: 890px;

  }



/* 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;
  margin-right: 35px;
  }



/* 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;
  display: none;
  }



/* D6.3 */

#pun-announcement .container {

  padding: 4.3em 1em 1em 1em;

  }



/* D7 Statistics

-------------------------------------------------------------*/



/* D7.1 */

#pun-stats .container {

  padding: 0.8em 1em

  }



/* 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: none;

  border-bottom-width: 0px;

  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: none;

  border-bottom-width: 0px;

  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 .parsedmsg, #pun-help .formal .parsedmsg .incode {

  padding-bottom: 0;

  }

Цвета

Код:

/* CS1 Background and text colours
-------------------------------------------------------------*/
#pun-title h1 span {display: none;} 


body {
	background-color: #c5b582;
        background-image: url("http://uploads.ru/i/A/d/W/AdW2Z.jpg"); 
        background-repeat: repeat-y; 
        background-attachment: fixed; 
        background-position: top center;
        overflow-x: hidden;
}


.lastedit {display:none}




/* CS1.1 */
.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: none;
  color: #6e2e25;
  }


/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
  background: none;
  color: #6e2e25;
  }
/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background: url("http://i27.fastpic.ru/big/2011/1204/c9/72fd8212e3ebe8736516da96c57174c9.png");
  background-position: top center;
  background-repeat: no-repeat;
  text-shadow: 0px 2px 6px black;
  height: 50px;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  color: gold;
  font-family: Monotype Corsiva, Arial, Helvetica, sans-serif;
-moz-border-radius: 15px; /* Для Firefox 3 */
    -webkit-border-radius: 15px; /* Для Safari 4 и Chrome */
    border-radius: 15px;
   }

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background: none;
  color: #6e2e25;
  }


#pun-title, #pun-title .container{
  background: url(http://uploads.ru/i/a/9/V/a9VJi.png);
width: 1500px;
  color: #6e2e25;
  height: 500px;
  background-position: top center;
margin: 0px 0 0px -300px;
  }

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

/* CS1.6 */
.punbb th, #viewprofile li, #setmods dl  {
  background-color: none;
  color: #6e2e25;
  text-align: center;
  }
.punbb .post h3 span {
  text-align: left;
  }

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
  background: url("http://i27.fastpic.ru/big/2011/1204/3b/2d3d0ee8ed2b9f8d76cbab2b0ce4563b.png");
background-repeat: repeat-y;
background-position: top left;
background-color: #c4ad6a;
  color: #6e2e25;
-moz-border-radius: 15px; /* Для Firefox 3 */
    -webkit-border-radius: 15px; /* Для Safari 4 и Chrome */
    border-radius: 15px;
-webkit-box-shadow: 7px 7px 5px rgba(0,0,0,0.6); /* Для Safari 3.0 */
    -moz-box-shadow: 7px 7px 5px rgba(0,0,0,0.6); /* Для Firefox 3.5 */
    box-shadow: 7px 7px 5px rgba(0,0,0,0.6);
  }
/* CS1.8 */
#pun-navlinks .container {
  background: none;
  background-position: top center;
  background-repeat: no-repeat;
  color: #6e2e25;
  height: 20px;
  }
.offline li.pa-online strong {
  font-weight: normal
  }

.punbb select, .punbb input {
     background: url("http://i27.fastpic.ru/big/2011/1204/55/e8dfcc2718577382a59323573c5f3955.png");
background-repeat: repeat-y;
background-position: top left;
background-color: #c4ad6a;
}

.punbb textarea{
    background: url("http://i27.fastpic.ru/big/2011/1204/55/e8dfcc2718577382a59323573c5f3955.png");
background-repeat: repeat-y;
background-position: top left;
background-color: #c4ad6a;
}



/* CS2 Border colours
-------------------------------------------------------------*/
/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
  border-color: transparent transparent transparent 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 {
  border-color: transparent transparent transparent transparent;
  }
#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 transparent transparent transparent
  }
.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 0px solid transparent
  }
li.pa-online {
  border-left-color: transparent;
  }
.punbb .post-sig dt {
  border-top-color: #6e2e25; !important;
  }
/* 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: #603030;
  border-bottom: 0px none #000;
  text-decoration: none;
  font-weight: bold;
  font-family: Times New Roman, Arial, Helvetica, sans-serif;
  font-size: 11pt;
  }
.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #ffdb58;
  font-weight: bold;
  font-family: Times New Roman, Arial, Helvetica, sans-serif;
  text-shadow: 0px 1px 4px #b8860b;
  font-size: 11pt;
  }
/* 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: #ffdb58;
    border-bottom: 0px solid #5b4d4e;
  text-decoration: none;
  font-weight: bold;
  font-family: Times New Roman, Arial, Helvetica, sans-serif;
  text-shadow: 0px 1px 4px #b8860b;
  font-size: 11pt;
  }
/* CS3.3 */
#pun-navlinks a {
  color: gold;
    border-bottom: 0px none #000;
  text-decoration: none;
  font-weight: bold;
  font-family: Monotype Corsiva, Times New Roman, Arial, Helvetica, sans-serif;
  font-size: 11pt;
  }
/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #ffdb58;
  font-weight: bold;
  font-family: Monotype Corsiva, Times New Roman, Arial, Helvetica, sans-serif;
  text-shadow: 0px 1px 4px #b8860b;
  border-bottom: 0px dashed #8d3a34;
  text-decoration: none;
  font-size: 11pt;
  }
#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: none;
  font-weight: bold;
  font-family: Times New Roman, Arial, Helvetica, sans-serif
  color: #ffdb58;
  text-shadow: 0px 1px 4px #b8860b;
  font-size: 11pt;
  }
/* CS4 Post status icons
-------------------------------------------------------------*/
#pun-main table Div.icon {padding-left: 10px; padding-top: 10px; padding-bottom: 10px;}
Div.icon {
background-image : url(http://uploads.ru/i/8/U/k/8UkXT.png);
background-repeat: no-repeat;
}
TR.inew Div.icon {
background-image : url(http://uploads.ru/i/r/w/G/rwGng.png);
background-repeat: no-repeat;
}
TR.iclosed Div.icon {
background-image : url(http://uploads.ru/i/I/L/m/ILmPG.png);
background-repeat: no-repeat;
}
TR.isticky Div.icon {
background-image : url(http://uploads.ru/i/c/g/7/cg79T.png);
background-repeat: no-repeat;
}
TR.iredirect Div.icon {
background-image : url(https://upforme.ru/uploads/000f/e9/26/36-1.png); background-repeat: no-repeat; }

#pun-stats ul.container {
        background: transparent url(http://uploads.ru/i/6/a/y/6ay25.png) no-repeat 6px 10px;
        padding-left: 80px;
}

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


#menu {width: 600px; height: 55px; margin-top: 10px;}
#menu span {
width: 115px;
text-decoration: none;
}

#submenu {
padding: 5px;
height: 220px;
text-align: center;
width: 604px;
}

.submenutext {
display: none; 
height: 60px;
}

li#navawards a span {display: none;}

.punbb .category h2 span {display: none;}

li.pa-author, li.pa-title, li.pa-avatar.item2 {text-align: center;}

#pun-main .post-author ul {
border-color: #6e2e25;
border-style: dotted dashed dashed dotted;
border-width: 0px 1px 0px 0px;
}
.punbb .post-sig {
padding-top: 60px;}

ХТМЛ-низ

Код:

<script type="text/javascript">
var we=document.getElementsByTagName("ul")
var x=0
for (x=0; x<=(we.length-1); x++)
{if (we[x].innerHTML.indexOf("pa-online")!=-1)
{we[x].innerHTML=we[x].innerHTML.substring(0, (we[x].innerHTML.indexOf("pa-online")-11))+"<center><img src='http://uploads.ru/i/3/K/g/3KgyH.png' /></center>"}
else if ((we[x].innerHTML.indexOf("pa-online")==-1)&&(we[x].innerHTML.indexOf("pa-author")!=-1))
{we[x].innerHTML=we[x].innerHTML+"<center><img src='http://uploads.ru/i/i/4/h/i4h0V.png' /></center>"}
}
</script>

<script type="text/javascript"><!--Своя картинка в каждую категорию -->
    $(document).ready(function(){
    myarray=new Array(
    "Статистика форума", "http://i30.fastpic.ru/big/2011/1206/e5/cb9f44859799de0017f03736942469e5.png",
    "Закрытая зона", "http://i30.fastpic.ru/big/2011/1206/cb/e944d5549a164ac5d451b6bfd8a0accb.png",
"Свободное общение", "http://i30.fastpic.ru/big/2011/1206/73/41d9c1446207c7f69890683a0bdd9e73.png",
"Вне времени", "http://i30.fastpic.ru/big/2011/1206/19/dabbb91a865045998891b78d55eb3f19.png",
"Фалмарил", "http://i30.fastpic.ru/big/2011/1206/2e/ea8efb994ecabb92b554b237ecb7782e.png",
"Лунный край", "http://i30.fastpic.ru/big/2011/1206/9a/a5c97060142a372f7f6f215bf22b879a.png",
"о. Силва", "http://i30.fastpic.ru/big/2011/1206/b8/e281ce4a65041f1ed38462da168c83b8.png",
"Остебен", "http://i30.fastpic.ru/big/2011/1206/ae/5b375ae6b9b9ee1874ac5aea8448d1ae.png",
"Чертова Кабала", "http://i30.fastpic.ru/big/2011/1206/0f/12300ff2e2f58c72fae7f5c002d8ad0f.png",
"Альянс Девяти", "http://i30.fastpic.ru/big/2011/1206/e2/40be49eed20111a454ee0d8500e5e1e2.png",
"Северные земли", "http://i30.fastpic.ru/big/2011/1206/e3/5b88a46c1661518d8a680dc4e89d93e3.png",
"Админка", "http://i30.fastpic.ru/big/2011/1206/af/9fb4701c505c6c97a28431bc3dfe29af.png",
"Организация игры", "http://i30.fastpic.ru/big/2011/1206/9c/1b38d105da7029417174db50d513249c.png"
    )
            $("#pun-index div.category h2,#pun-index #pun-stats h2").each(function (i) {
    for(q=0;q<myarray.length;q++){
    var cssObj = {
      "height":"50px",
      "background-color": "transparent",
      "background-image":"url("+myarray[q+1]+")",
      "background-position":"top center",
      "background-repeat":"no-repeat"
    }
            if($(this).children("span").text()==myarray[q])$(this).css(cssObj);
            q++}
        });
    });
    </script>




<div class="container"><a title="Баннеры" onclick="obj=this.parentNode.childNodes[1].style; tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;" class="tagcutflag"><b><center><img src="http://i30.fastpic.ru/big/2011/1204/eb/ec3f629a6eddc9a6f1b561fa28cdf7eb.png"></center></b></a><div style="display: none"> <center>баннеры</center></div></div>
<div><img src="http://i27.fastpic.ru/big/2011/1206/c5/bbb85fcfc78fd50e5fc4f662ab7798c5.png" align="right"></div>
 

<script>
<!--
indexof="<img src='http://i30.fastpic.ru/big/2011/1206/33/bcec1dcc1843678bcd82d39b00fc9133.png' />"
str = document.getElementById("navindex").innerHTML
pos = str.indexOf("Форум")
document.getElementById("navindex").innerHTML=str.substring(0,pos)+indexof+str.substring(pos+5,str.length-1)
-->
</script>
<script>
<!--
userof="<img src='http://i30.fastpic.ru/big/2011/1206/a3/8a37bd234163db25ee01055733ef23a3.png' />"
str = document.getElementById("navuserlist").innerHTML
if( (pos=str.indexOf("Участники")) != -1 )
document.getElementById("navuserlist").innerHTML=str.substring(0,pos)+userof+str.substring(pos+9,str.length-1)
-->
</script>
<script>
<!--
pravilof="<img src='http://i30.fastpic.ru/big/2011/1206/64/36aef5f77e3c1fff6d68018a529ce364.png' />"
str = document.getElementById("navrules").innerHTML
pos = str.indexOf("Правила")
document.getElementById("navrules").innerHTML=str.substring(0,pos)+pravilof+str.substring(pos+14,str.length-1)
-->
</script>
<script>
<!--
findof="<img src='http://i30.fastpic.ru/big/2011/1206/34/2e9823225018a95f359cae4bfeb95a34.png' />"
str = document.getElementById("navsearch").innerHTML
pos = str.indexOf("Поиск")
document.getElementById("navsearch").innerHTML=str.substring(0,pos)+findof+str.substring(pos+5,str.length-1)
-->
</script>
<script>
<!--
faseof="<img src='http://i30.fastpic.ru/big/2011/1206/40/6f2ebf39fb7a0b54e1ab3a590d7f0a40.png' />"
str = document.getElementById("navprofile").innerHTML
pos = str.indexOf("Профиль")
document.getElementById("navprofile").innerHTML=str.substring(0,pos)+faseof+str.substring(pos+14,str.length-1)
-->
</script>
<script>
pismaof = "<img src='http://i30.fastpic.ru/big/2011/1206/1a/2c4ae1c3df5b6eff54f35d2aa33cd01a.png' />";
pismaon = "<img src='http://uploads.ru/i/J/9/y/J9ylS.png' />";
str = document.getElementById("navpm").innerHTML;
if (str.indexOf("(") == -1) document.getElementById("navpm").innerHTML = str.substring(0,str.indexOf("Сообщения")) + pismaof + str.substring(str.indexOf("Сообщения") + 9,str.length - 1);
else if (str.indexOf(")") != -1) document.getElementById("navpm").innerHTML = str.substring(0,str.indexOf("Сообщения")) + pismaon + str.substring(str.indexOf(")") + 1,str.length - 1);
</script>
<script>
<!--
godof="<img src='http://i30.fastpic.ru/big/2011/1206/1d/0577475235aae0404155d3371a49961d.png' />"
str = document.getElementById("navadmin").innerHTML
pos = str.indexOf("Администрирование")
document.getElementById("navadmin").innerHTML=str.substring(0,pos)+godof+str.substring(pos+17,str.length-1)
-->
</script>
<script>
<!--
valiof="<img src='http://i30.fastpic.ru/big/2011/1206/af/b01109178bd7ec889bb27bc69acbd1af.png' />"
str = document.getElementById("navlogout").innerHTML
pos = str.indexOf("Выход")
document.getElementById("navlogout").innerHTML=str.substring(0,pos)+valiof+str.substring(pos+5,str.length-1)
-->
</script>
<script>
<!--
vxodiof="<img src='http://i30.fastpic.ru/big/2011/1206/1c/0c16b38985395ea7b4951ced99e96c1c.png' />"
str = document.getElementById("navlogin").innerHTML
pos = str.indexOf("Войти")
document.getElementById("navlogin").innerHTML=str.substring(0,pos)+vxodiof+str.substring(pos+5,str.length-1)
-->
</script>
<script>
<!--
regof="<img src='http://i30.fastpic.ru/big/2011/1206/bb/a76b805f8b0192f107ac45c249f2debb.png' />"
str = document.getElementById("navregister").innerHTML
pos = str.indexOf("Регистрация")
document.getElementById("navregister").innerHTML=str.substring(0,pos)+regof+str.substring(pos+18,str.length-1)
-->
</script>


<style>
#pun-main #profile1[action$="id=11"]{
display:none;
}
</style>

<style>.Myimge {position:absolute;margin-left: -119px; margin-top: 30px;}</style>
<script type="text/javascript">
PiarNik="Реклама";
PiarPas="1111";
var L="<div id=\"PR_loginDiv\" style=\"display:none;\">\
<form id=\"form_login\" name=\"login\" method=\"post\" action=\"login.php?action=in\" onsubmit=\"return check_form()\">\
<fieldset>\
<input type=\"hidden\" name=\"form_sent\" value=\"1\"/>\
<input type=\"text\" id=\"fld1\" name=\"req_username\" size=\"21\" maxlength=\"25\"/>\
<input type=\"text\" id=\"fld2\" name=\"req_password\" size=\"7\" maxlength=\"16\"/>\
<input type=\"submit\" class=\"button\" name=\"login\"/>\
</fieldset>\
</form>\
</div>\
<span id=spMyimg><img class=\"Myimge\"  title=\"Быстрый вход для 'Пиарщиков'\" onclick=\"PiarIn()\" src=\"http://uploads.ru/i/x/k/c/xkcu6.png\" onmouseover=\"this.src='http://uploads.ru/i/x/k/c/xkcu6.png' \" onmouseout=\"this.src='http://uploads.ru/i/x/k/c/xkcu6.png'\" /></span>";
if($("#navlogin").html()!=null){
$("#navlogin").append(L) //navlogin
$("#PR_loginDiv #fld1").val(PiarNik)
$("#PR_loginDiv #fld2").val(PiarPas)
function PiarIn () {$("#PR_loginDiv input[type='submit']").click();}
}
</script>

Объявление

Код:

<center>
<table border="0" cellspacing="2" cellpadding="2" style="background: url(http://uploads.ru/i/y/Z/q/yZq3e.png) no-repeat top center; height: 340px; width: 890px;">
<tbody><tr>
<td align="center" style="height: 60px;">
<!--- Кнопки меню --->
<div id="menu"> 
<span alt=#sm1 style="cursor: pointer;"><img src="http://uploads.ru/i/Q/3/i/Q3iX5.png" alt="" width="115" height="50" border="0"></span>
<span alt=#sm2 style="cursor: pointer;"><img src="http://uploads.ru/i/f/p/c/fpcA8.png" alt="" width="115" height="50" border="0"></span>
<span alt=#sm3 style="cursor: pointer;"><img src="http://uploads.ru/i/6/U/k/6UkV8.png" alt="" width="115" height="50" border="0"></span>
<span alt=#sm4 style="cursor: pointer;"><img src="http://uploads.ru/i/F/v/A/FvArK.png" alt="" width="115" height="50" border="0"></span>
<span alt=#sm5 style="cursor: pointer;"><img src="http://uploads.ru/i/D/5/r/D5rCj.png" alt="" width="115" height="50" border="0"></span>
<!--- Конец кнопок меню --->
</td>
</tr>
<tr><td align="center" id="MenuTxT" valign="top">

<div id="submenu" align="center"> 
<!--- контент событий --->
<div id="sm1" class="submenutext" style="display:block;">
<div style="border-bottom: 2px dotted #925E3D; border-top: 2px dotted #925E3D; width: 600px; height: 215px; overflow: auto; overflow-x: hidden; padding: 2px;">

<img align="center" src="http://i32.fastpic.ru/big/2011/0905/9e/7281c240b775b8146f64dec10df8be9e.png">
<br><br>
Содержимое новостей
<br><br>

</div>
</div>
<!--- Контент времени и даты --->
<div id="sm2" class="submenutext">

<b>Дата:</b><br><br>14й день страдника месяца<br><br><b>Время:</b><br><br>вечер (18.00-21.00)

</div>
<!--- Контент погоды --->
<div id="sm3" class="submenutext">
<div style="border-bottom: 2px dotted #925E3D; border-top: 2px dotted #925E3D; width: 600px; height: 215px; overflow: auto; overflow-x: hidden; padding: 2px;">

В общих чертах: погода вполне летняя<br><br> <b>Северные земли: </b><br>
<br><i>Сеонес</i> <br>
температура воздуха +20 <br>температура воды +17<br>дует слабый южный ветер, море спокойно
<br><i>Мирдан</i> <br>
температура воздуха +17<br>температура воды +10<br>Небо затянуто, идет дождь
<br><b>Остебен: </b>
<br><i>Берсель</i> <br>
температура воздуха +27 <br>безветренно, осадков не планируется

</div>
</div>
<!--- Контент навигации --->
<div id="sm4" class="submenutext">
<center>

<table cellpadding="0" cellspacing="0" width="520" height="230" border="0">
<tr height="25%">
<td width="33%">

<a href="http://reilana.mybb.ru/viewtopic.php?id=3"><img src="http://i25.fastpic.ru/big/2011/0818/bf/c6af7a78bf11fca55f24a062074bbabf.png"></a>

</td>

<td width="33%" rowspan="4">

<div id="yoblako" align="center"><noindex>
<a style="font-size:12pt;" href="http://reilana.mybb.ru/viewtopic.php?id=288" rel="nofollow" class="eTag eTagGr8">Список должностей</a>
 
<a style="font-size:12pt;" href="http://reilana.mybb.ru/viewtopic.php?id=62" rel="nofollow" class="eTag eTagGr8">Поиск персонажей</a> 

<a style="font-size:12pt;" href="http://reilana.mybb.ru/viewtopic.php?id=11#p13" rel="nofollow" class="eTag eTagGr8">Шаблон Анкеты</a> 

<a style="font-size:12pt;" href="http://reilana.mybb.ru/viewtopic.php?id=9" rel="nofollow" class="eTag eTagGr8">Законы государств</a> 

<a style="font-size:12pt;" href="http://reilana.mybb.ru/viewtopic.php?id=29" rel="nofollow" class="eTag eTagGr8">Религия</a> 

<a style="font-size:12pt;" href="http://reilana.mybb.ru/viewtopic.php?id=51" rel="nofollow" class="eTag eTagGr8">Бестиарий</a>

<a style="font-size:12pt;" href="http://reilana.mybb.ru/viewtopic.php?id=289" rel="nofollow" class="eTag eTagGr8">Наши партнёры</a>
</noindex></div>

</td>

<td width="33%">

<a href="http://reilana.mybb.ru/viewtopic.php?id=23"><img src="http://i24.fastpic.ru/big/2011/0818/f7/45667f3da29fea2e079958bc66b865f7.png"></a>

</td></tr>

<tr height="25%">
<td>

<a href="http://reilana.mybb.ru/viewtopic.php?id=2#p4216"><img src="http://i24.fastpic.ru/big/2011/0818/19/a3ea063decff4c9a8bfb83f098673e19.png"></a>

</td>

<td>

<a href="http://reilana.mybb.ru/viewtopic.php?id=141"><img src="http://i24.fastpic.ru/big/2011/0818/a9/f546baa615643924c60a13deb668cfa9.png"></a>

</td></tr>

<tr height="25%">
<td>

<a href="http://reilana.mybb.ru/viewtopic.php?id=4"><img src="http://i26.fastpic.ru/big/2011/0818/94/6bd93b0de2e8a5684eaa28d15bd05194.png"></a>

</td>

<td>

<a href="http://reilana.mybb.ru/viewtopic.php?id=26"><img src="http://i24.fastpic.ru/big/2011/0818/fe/1d91356a21c5afb131a1001f96b953fe.png"></a>

</td></tr>

<tr valign="top" height="25%">

<td>

<a href="http://reilana.mybb.ru/viewtopic.php?id=21"><img src="http://i24.fastpic.ru/big/2011/0818/73/fc69b9746be5c726db356bc6a53d4e73.png"></a>

</td>

<td>

<a href="http://reilana.mybb.ru/viewtopic.php?id=10"><img src="http://i26.fastpic.ru/big/2011/0818/c4/bc0fe250f8503551daf6c6903f4f2bc4.png"></a>

</td></tr>

</table>
</center>

</div>
<!--- Контент администрации --->
<div id="sm5" class="submenutext">

<table align="center" width="100%" height="200" cellspacing="1" cellpadding="1" border="1" style="margin-top: 20px;">
<tr>
	<td width="20%" align="center" style="height: 40px;" valign="bottom"><img align="center" src="http://i28.fastpic.ru/big/2011/1106/e5/825577d124b64c10d2487621412ac0e5.png"></td>
	<td width="20%" align="center" style="height: 40px;" valign="bottom"><img align="center" src="http://i28.fastpic.ru/big/2011/1106/8e/53bcb1e6fe5abe051ff70901a58acf8e.png"></td>
	<td width="20%" align="center" style="height: 40px;" valign="bottom"><img align="center" src="http://i29.fastpic.ru/big/2011/1106/e3/1fe9c24c7cd5e9f39f7aa7eef4bfebe3.png"></td>
	<td width="20%" align="center" style="height: 40px;" valign="bottom"><img align="center" src="http://i27.fastpic.ru/big/2011/1106/9c/540987d1879d3268f155186ee0b5519c.png"></td>
	<td width="20%" align="center" style="height: 40px;" valign="bottom"><img align="center" src="http://i30.fastpic.ru/big/2011/1106/ee/5243284ec2abfa4a3679f457dfe252ee.png"></td>
</tr>
<tr>
	<td width="20%" align="center"><a href="ссылка на профиль"><img src="http://uploads.ru/i/F/3/5/F35tp.png" alt="аватар 1" border="0" style="width: 100%;"></a></td>
	<td width="20%" align="center"><a href="ссылка на профиль"><img src="http://uploads.ru/i/u/k/Q/ukQep.png" alt="аватар 2" border="0" style="width: 100%;"></a></td>
	<td width="20%" align="center"><a href="ссылка на профиль"><img src="http://uploads.ru/i/l/8/i/l8iWM.png" alt="аватар 3" border="0" style="width: 100%;"></a></td>
	<td width="20%" align="center"><a href="ссылка на профиль"><img src="http://uploads.ru/i/p/s/Q/psQNt.png" alt="аватар 4" border="0" style="width: 100%;"></a></td>
	<td width="20%" align="center"><a href="ссылка на профиль"><img src="http://uploads.ru/i/9/L/P/9LPeO.png" alt="аватар 5" border="0" style="width: 100%;"></a></td>
</tr>
</table>

</div>

</div>

</td>
</tr></tbody>
</table>
</center>



<script type="text/javascript">
$(document).ready(function() {
$("td.#MenuTxT div.submenutext").hide();
<!--$(".tabs span:first").addClass("active").show(); -->
$("td.#MenuTxT div.submenutext:first").show();
$("div.#menu span").click(function() {
    $("div.#menu span").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("td.#MenuTxT div.submenutext").hide();
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).fadeIn();
    return false; });
});
</script>

4. Скриншот

скрин кликается

Подпись автора

Моя власть распространяется на: все темы заказов, вопросы и уроки по css и Photoshop, вопросы от новичков.
Также я отвечаю за: подсчет и статистику заказов, чистку тем, ответы на организационные вопросы пользователей, прием новых кадров.
Я работаю: со всеми видами статики и анимации, кроме ручной отрисовки.
Мне нельзя писать в ЛС: если у вас вопрос, который без проблем решается в одной из тем; просьба взять заказ вне очереди; вопросы из серии где/куда/зачем - на форуме есть навигация в каждом разделе.
Мне можно писать в ЛС: если хочется просто поболтать, вопросы по использованному в той или иной работе шрифту, текстуре, колорке либо просьба чуть-чуть подправить заказ, если не успели это сделать до переноса в тему выполненных.

ЗАКАЗЫ В ЛС НЕ ДЕЛАЮ!

Поделиться6931.01.12 21:04

Автор: Ade-san
Призрак
Последний визит:
04.06.13 22:02
Уважение: +423

1. Дата
31.01.12.
2. Никнейм + ссылка
history
http://paradisehell.rolevaya.ru/
3. Код

Первое окошко стиля

Код:

/*************************************************************
A - SETUP
**************************************************************/

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

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

/* A2 Deal with browser defaults and wonkiness
-------------------------------------------------------------*/

/* 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 68.75% verdana, arial, helvetica, sans-serif;
  }

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

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

/* A3.5 */
.punbb h1 span, .punbb h2 span, .punbb legend span {
  font-size: 1.1em;
  }

/* A3.6 */
.punbb pre {
  font: 1.1em/140% monaco, "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,
#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: 0px auto 0px auto;
  width : 850px;
position: relative;
  background: #d7b77c url("http://savepic.su/1181320.png") repeat;
border-left: 2px solid #b29041;
border-right: 2px solid #b29041;
border-bottom: 2px solid #b29041;
    }

  

/* 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 {
  margin-bottom: 1em;
  }

/* 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 {
  display: block;
  border-top: 1px solid #888;
  width: 250px;
  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: solid;
  border-width: 1px;
  }

/* 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: right;
  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;
  }

/* 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;
  }

/* 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: solid;
  border-width: 1px;
  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
  }

/* 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 td div.tclcon {
margin-left: 110px;
}

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

 /* 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.1em;
  font-weight: bold;
  }

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

/* C3.9 */
li.pa-title {
  padding-bottom: 0.4em;
  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;
  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 {
  padding: 0 1em 0 0;
  height: 2em;
  line-height: 2em;
  margin-left: -19em;
  border-top-style: dashed;
  border-top-width: 1px;
  background: transparent;
  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;
  }

/* 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;
  }

/* 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.1 */
    #pun-title {
      margin: 0;
      border: none;
    }

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

    /* D1.3 */
    #pun-title .container {
      border-style: none ;
      padding: 0.2em 1em 0.8em 1em;
      }

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

    #pun-title TABLE {
      border: none;
      height: 0px;
      width: 100%;
      margin-bottom: 0px;
      margin-top: 0px;
    }

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

    #pun-title TD.title-logo-tdr {
      border: none;
      width: 468px;
      vertical-align: top;
      padding-top: 0px;
      padding-right: 0px;
    }

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

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

/* 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: 0;
  }

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

/* D.3 */
#pun-navlinks li {
  display: inline;
  padding-right: 1em;
  }

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

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

/* D4.1 */
#pun-ulinks  {
  margin-top: 0;
  }

/* D4.2 */
#pun-ulinks .container {
  border-top: none;
  padding: 0.7em 1em;
 text-align:  center;
  }

/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
  display: inline;
  border-left-style: solid;
  border-left-width: 1px;
  white-space: nowrap;
  }

/* D4.4 */
#pun-ulinks li a {
  padding: 0 0.3em 0 0.6em
  }

/* D4.5 */
#pun-ulinks li.item1, #pun-ulinks li.item1 a {
  border-left-style: none;
  border-left-width: 0;
  padding-left: 0
  }

/* 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
  }

/* 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 .parsedmsg, #pun-help .formal .parsedmsg .incode {
  padding-bottom: 0;
  }

Второе

Код:

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

    #pun {
    width: 850px;
    margin: 0 auto;
    }

    html {
    background: #333333 url(http://savepic.su/1207959.png) repeat !important;
    }

    body {
    background: transparent url(http://savepic.su/1297914.png) no-repeat top center !important;
    padding-top: 347px !important;
    }
    
  
    /* CS1.1 */
.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: #000000;
  }

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

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background: url(http://savepic.su/1192830.png) center no-repeat;
  color: #6b5c3f;
  font-weight: bold;
font-style: normal;
text-align: center;
height: 61px;
line-height: 120px;
font-size: 14px; 
font-family: Century Gothic;
  }

 
   /* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background-color: transparent;
  color: #000000;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
  }

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

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

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
  background-color: #transparent;
  color: #000000
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
border: 0px solid #8f99a5;
box-shadow: 0px 5px 18px #000;
    -webkit-box-shadow:0px 5px 18px #000;
    -khtml-box-shadow:0px 5px 18px #000;
    -moz-box-shadow:0px 5px 18px #000;
  }

/* CS1.8 */
#pun-navlinks .container {
  background-color: transparent;
  color: #000000;
  }

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

.punbb textarea, .punbb select, .punbb input {
  background: transparent;
  color: #000000;
border: 4px double #b29041;
}

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

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
  border-color: transparent transparent transparent 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 {
  border-color: transparent transparent transparent transparent;
  }

#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 transparent transparent transparent;
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 0px solid transparent;
  }

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

.punbb .post-sig dt {
  border-top-color: transparent !important;
  }


/* 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: #6b5c3f;
    border-bottom: 0px none #000;
  text-decoration: none;

  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #6b5c3f;

  }

/* 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: #6b5c3f;
    border-bottom: 0px none #000;
  text-decoration: none;

  }

/* CS3.3 */
#pun-navlinks a {
  color: #6b5c3f;
    border-bottom: 0px none #000;
  text-decoration: none;

  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #6b5c3f;
  font-weight: normal;
font-style: normal;
  border-bottom: 0px none #000;
  text-decoration: none;

  }

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

/* CS4 Post status icons
 -------------------------------------------------------------*/

       div.icon {
            background: url(http://savepic.su/1186687.png) no-repeat;
    }

    tr.inew div.icon {
            background: url(http://savepic.su/1184639.png) no-repeat;
    }

    tr.iclosed div.icon {
            background: url(http://savepic.su/1185663.png) no-repeat;
    }

    tr.iredirect div.icon {
            background: url(http://savepic.su/1185663.png) no-repeat;
    }

    tr.isticky div.icon {
            background: url(http://savepic.su/1240958.png) no-repeat;
    }

#pun-title h1 span  {display: none;}



.punbb .post-sig dt {
  border-top-color: #cca164 !important;
  }

хтмл-верх

Код:

<style>
.memdetails
{
   background: #transparent;
   border: 1px solid #c19149;
   text-align: center;
   border-bottom-width: 2px;
   border-right-width: 2px;
   padding: 4px 3px 4px 3px;
   margin: 3px 1px 3px 1px;
box-shadow: black 1px 1px 2px; 

}
</style>

хтмл-низ

Код:

<div id=banners align=center><span onclick="BANNERS_TOGGLE()"><center><img src="http://savepic.su/1185485.png"></center></span></b></a>
    <div id=ba_0 style="display: none">
    <style id=BanersHide>/*
    <center>

    Ваши баннеры

    Ваши баннеры

    Ваши баннеры

    </center>
    */</style>
    </div></div>
    <script>
    function BANNERS_TOGGLE(){if($("#ba_0").css("display")=="none"){var V=$("#ba_0 #BanersHide");if(V.html()!=null){var V1=V.html().replace(/^\/\*([\s\S]*)\*\//img,"$1");$("#ba_0").html(V1);}$("#ba_0").fadeIn("slow");
    scrollTo(0, document.body.scrollHeight);
    }else $("#ba_0").hide();}</script>


<script type="text/javascript">
  LinkEndColor = '000000';
</script>
<script type="text/javascript" src="http://szenprogs.ru/scripts/JSFX.js"></script>
<script type="text/javascript">
var arr=document.getElementsByTagName("li")
i=0
str=document.URL
while(arr[i] ){
if((arr[i].className=="pa-author online") || (arr[i].className=="pa-author") || (arr[i].className=="pa-title") || (arr[i].className=="pa-avatar item2") || (arr[i].className=="pa-reg") || (arr[i].className=="pa-posts") || (arr[i].className=="pa-respect") || (arr[i].className=="pa-positive") || (arr[i].className=="pa-ip") || (arr[i].className=="pa-online")){
name=arr[i].innerHTML
name=name.substring(0)
arr[i].innerHTML="<div class=memdetails>"+name+"</div>"
}
i++
}
</script>

<script type="text/javascript">
var we=document.getElementsByTagName("ul")
var x=0
for (x=0; x<=(we.length-1); x++)
{if (we[x].innerHTML.indexOf("pa-online")!=-1)
{we[x].innerHTML=we[x].innerHTML.substring(0, (we[x].innerHTML.indexOf("pa-online")-11))+"<img src='http://savepic.su/1221290.png' />"}
else if ((we[x].innerHTML.indexOf("pa-online")==-1)&&(we[x].innerHTML.indexOf("pa-author")!=-1))
{we[x].innerHTML=we[x].innerHTML+"<img src='http://savepic.su/1222314.png' />"}
}
</script>

Объявление

Код:

<center>

<table width="100%" cellspacing="1" cellpadding="0" border="0"><tbody>
<tr>
<td align="center">
<!-- Вложенная таблица кнопок меню -->
<div id="menu"><table width="100%" height="40" cellspacing="1" cellpadding="1" border="0">
<tr>
<td width="16%" align="center">
<span alt=#sm1 "style="cursor: pointer;"><img src="http://savepic.su/1213130.png" /></span>
</td>
<td width="16%" align="center">
<span alt=#sm2 "style="cursor: pointer;"><img src="http://savepic.su/1218250.png" /></span>
</td>
<td width="16%" align="center">
<span alt=#sm3 "style="cursor: pointer;"><img src="http://savepic.su/1211082.png" /></span>
</td>
<td width="16%" align="center">
<span alt=#sm4 "style="cursor: pointer;"><img src="http://savepic.su/1210058.png" /></span>
</td>
<td width="16%" align="center">
<span alt=#sm5 "style="cursor: pointer;"><img src="http://savepic.su/1196746.png" /></span>
</td>
<td width="16%" align="center">
<span alt=#sm6 "style="cursor: pointer;"><img src="http://savepic.su/1202890.png" /></span>
</td>
</tr>
</table></div>
<!-- конец вложенной таблицы-->
</td>
</tr>
<tr>
<td id="MenuTxT"  align="center" valign="top" height="390">
<div id="submenu" align="center">
     <div id="sm1" class="submenutext" style="display:block;">
<div style="width: 100%; height: 383px; overflow: auto; overflow-x: hidden;"><br><br><br>

<b>.Д</b>орогие игроки и гости ролевой. К сожалению наша ролевая на время закрывается. Приносим извинения за временные неудобства.

<br>
<br>
<br>

<object type="application/x-shockwave-flash" data="http://flv-mp3.com/i/pic/ump3player_500x70.swf" height="44" width="300"><param name="wmode" value="transparent" /><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="movie" value="http://flv-mp3.com/i/pic/ump3player_500x70.swf" /><param name="FlashVars" value="way=http://files.realmusic.ru/download/931881/rolka_123_-_aka.mp3&amp;swf=http://flv-mp3.com/i/pic/ump3player_500x70.swf&amp;w=150&amp;h=22&amp;time_seconds=0&amp;autoplay=0&amp;q=&amp;skin=black&amp;volume=45&amp;comment=" /></object>

<br>
<br>
<br>

<br>
<br>
<br>



</div>

</div>
     <div id="sm2" class="submenutext">
.<b>А</b>дминистрация:
<br>
<br>
<center>
<table>
<tr>
<td><a href="http://paradisehell.rolevaya.ru/" class="rollover1"></a><style type="text/css">
A.rollover1 {
background: url(http://hostingkartinok.com/image/012011 … 4345f7.png); /* Путь к файлу с исходным рисунком */
display: block; /* Рисунок как блочный элемент */
width: 100px; /* Ширина рисунка */
height: 143px; /* Высота рисунка */
}
A.rollover1:hover {
background: url(http://s60.radikal.ru/i169/1107/58/22c434462235.png); /* Путь к файлу с заменяемым рисунком */
}
</style></td>
</tr>
<td><b>ICQ:</b> 644264185</td>
</table>
</center>
<br>

</div>
     <div id="sm3" class="submenutext">

<b>Время</b>
<br>
<br>   
<u>Утро</u> (6:00 - 12:00)  <u>День</u></u> (12:00 - 18:00) <u>Вечер</u> (18:00 - 00:00)    <u>Ночь</u> ( 00:00 - 6:00)
<br>
<br><font size=3><b><u>Внимание!</u></b></font>
<br>
<bt>
В игре утро, день, вечер и ночь буду длится по 3 реальных дня.
<br>
<br>
<font size=3>Погода:</font>
<br>
<u>Осадки:</u> <br>
<p align="left">- Утром - нет<br>
- Днем - нет<br>
- Вечером - снег<br>
- Ночью - снег<br></p>
<u>Облачность: </u><br>
<p align="left">- Утром - мороз <br>
- Днем -мороз <br>
- Вечером - ясно<br>
- Ночью - облачно<br></p>
<u>Ветер:</u> <br>
<p align="left">- Утром - 3 м/с <br>
- Днем - 5м/с <br>
- Вечером - 7 м/с <br>
- Ночью - 10 м/с<br></p>

</div>
     <div id="sm4" class="submenutext">
<br><br>
<a href="http://forum-top.ru/vote/161" title="Поддержать форум на Forum-top.ru" target="blank"><img src="http://forum-top.ru/uploads/buttons/forum-top_88x31_1.gif" alt="Поддержать форум на Forum-top.ru" /></a>

<a href='http://wizardtop.ru/in.php?id=979' target='_blank' title='Волшебный рейтинг игровых сайтов'><img src='http://wizardtop.ru/b/1.gif' border='0' width='88' height='31' alt='Волшебный рейтинг игровых сайтов'></a>

<a href="http://top.roleplay.ru/15369" title="Рейтинг Ролевых Ресурсов - RPG TOP" target="top_">
<img src="http://img.rpgtop.su/88x31x11x7.gif" alt="Рейтинг Ролевых Ресурсов - RPG TOP" border="0" width="88" height="31"></a><a title="Каталог фэнтези сайтов Палантир" href='http://palantir.in/?from=13639' target='_blank'>
<script type="text/javascript">
Md=document;Mnv=navigator;
Mrn=Math.random();Mn=(Mnv.appName.substring(0,2)=="Mi")?0:1;Mp=0;Mz="p="+Mp+"&";
Ms=screen;Mz+="wh="+Ms.width+'x'+Ms.height;My="<img src='http://palantir.in/count.php?id=13639&cid=concept2.png";My+="&cntc=none&rand="+Mrn+"&"+Mz+"&referer="+escape(Md.referrer)+'&pg='+escape(window.location.href);My+="'  alt='Palantir' title='Каталог фэнтези сайтов Палантир' border='0' width='88px' height='31px'>";Md.write(My);</script>
<noscript><img src="http://palantir.in/count.php?id=13639&cid=concept2.png" alt='Palantir' title="Каталог фэнтези сайтов Палантир" border=0 width="88px" height="31px"></noscript>
</a><a href="http://anime-club.info/top100/in?id=10814" target="_blank"><IMG src="http://anime-club.info/top100/img/logo.gif?" border="0" alt="http://anime-club.info/top100/"></a>

</div>
     <div id="sm5" class="submenutext">
<br>
<br>
<a href="http://demonvendetta.mybb.ru/" target="_blank">
<img src="http://s005.radikal.ru/i211/1009/f7/6a8d8529a8a8.gif"
title="Демоны сумерек"
border="1" width="88" height="31"></a>
<a href="http://utopiya.rolka.su/" title="Утопия 'Шанс выжить дается не каждому...'" target="blank"><img src="http://i47.tinypic.com/2ah5u3a.gif" border="0"></a>
<a href=" http://venlian.2bb.ru/"> <img src=" http://s2.itrash.ru/idb/e41bdae0ce94514 … .jpg" title="Steampunk.Механика Власти" border="0" width="88" height="31"></a>
<a href="http://houjou.anihub.ru/"; target=_blank> <img src="http://imgs.su/tmp/1316850054-417.jpg"; border="0" alt="houjou sekai"></a>

<a target="_blank" href="http://academyshien.rolbb.ru/"><img src="http://i010.radikal.ru/1110/df/4edb19940e9d.gif" ></a>

<a href="http://tnc.0bb.ru"><img src="http://imgs.su/tmp/1322177350-480.jpg" border="0" alt="" width="88" height="31" /></a>
<br>
<br>

<img src="http://savepic.su/1237703.png" />

</div>
     <div id="sm6" class="submenutext">
<br>
<br>
<a href="http://paradisehell.rolevaya.ru/viewtopic.php?id=29"><b>.С</b><font align=center>южет</font></a>
<br><br>
<a href="http://paradisehell.rolevaya.ru/viewtopic.php?id=28"><b>.И</b><font align=center>стория мира</font></a>
<br><br>
<a href="http://paradisehell.rolevaya.ru/viewtopic.php?id=79"><b>.П</b><font align=center> одробное описание мира</font></a>
<br><br>
<a href="http://paradisehell.rolevaya.ru/viewtopic.php?id=26"><b>.П</b><font align=center>равила</font></a>
<br><br>
<a href="http://paradisehell.rolevaya.ru/viewtopic.php?id=13"><b>.Ш</b><font align=center>аблон анкет</font></a>
<br><br>
<a href="http://paradisehell.rolevaya.ru/viewtopic.php?id=74"><b>.Р</b><font align=center>асы</font></a>
<br><br>
<a href="http://paradisehell.rolevaya.ru/viewtopic.php?id=80#p146"><b>.С</b><font align=center>пособности</font></a>
<br><br>
<a href="http://paradisehell.rolevaya.ru/viewtopic.php?id=143#p1749"><b>.А</b><font align=center>кции</font></a>

</div>

</div>
</td>
</tr></tbody>
</table>

</center>
<!-- Скрипт переключения содержимого меню -->
<script type="text/javascript">
$(document).ready(function() {
$("td.#MenuTxT div.submenutext").hide();
<!--$(".tabs span:first").addClass("active").show(); -->
$("td.#MenuTxT div.submenutext:first").show();
$("div.#menu span").click(function() {
    $("div.#menu span").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("td.#MenuTxT div.submenutext").hide();
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).fadeIn();
    return false; });
});
</script>

4. Скриншот

скрино-ссылки

http://savepic.su/1305073.png
http://savepic.su/1291761.png

Поделиться7003.03.12 20:18

Автор: Decadence
Призрак
Последний визит:
19.12.15 19:00
Уважение: +841

1. Дата
03.03.12
2. Никнейм + ссылка
myzza86
http://khrnova.anihub.ru/
3. Код

Структура

Код:

/*************************************************************
A - SETUP
**************************************************************/

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

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

/* A2 Deal with browser defaults and wonkiness
-------------------------------------------------------------*/

/* 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 78.75% verdana, arial, helvetica, sans-serif;
}

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

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

/* A3.5 */
.punbb h1 span, .punbb h2 span, .punbb legend span {
font-size: 1.1em;
position: relative;
top: 5px;
}


/* A3.6 */
.punbb pre {
font: 1.1em/140% monaco, "times new roman", "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: none;
}

/* 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,
#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: 0px auto auto auto;
width: 900px;
}

/* A5.2 */
.punbb {
float: left;
width: 900px;
height: auto;
}

/* A5.3 */
#pun-redirect, #pun-maint {
margin: 50px 20% 12px 20%;
width: auto;
float: none;
  background: #6e9d6a;
  color: #343d32;
padding: 6px;
}

/* A5.4 */
.punbb .section, .punbb .main {
margin-bottom: 0em;
}

/* 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 none none;
border-width: 0px 0px 0px 0px
}

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

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

#pun-main h2 {
padding: 10px 1em 10px 1em;
border-style: none none none none;
border-width: 0 0 0 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 {

  display: block;
border-top: 2px solid #0f240d;
width: 50%;
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;
  margin-left: 10px;

  }



/* 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: solid;

  border-width: 2px;

  }



/* 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: none;

  border-width: 0px;

  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: -3em;

  left: 1em;

  width: 24em;

  }



/* B3.4 */

.linkst .postlink {

  position: absolute;

  top: -4em;

  right: 1em;

  width: 16em;

  text-align: right;

  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;

  }



/* 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;

  }



/* 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 {
  width: 95%;

  border-style: none;

  border-width: 0px;

  padding: 0 0px 0 0px;

  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

  }



/* 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%;
  padding-right: 1px;
 
  }

/* 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: none none none none;
  border-width: 0px 0 0 0px;
  padding: 0.8em 1em;
  }

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

/* C2.13 */
.punbb .main .tcl {
  border-left-style: none;
  border-left-width: 0
  }
* html .tclcon {height: 1px}
/* C2.14 */
.punbb td div.tclcon {
        margin-left: 10px;
}
/* C2.15 */
.punbb div.icon {
    float: left;
    display: block;
    width: 70px;
    height: 70px;
margin-left: 0px;}

/* C3 Topics

-------------------------------------------------------------*/



/* C3.1 */

.punbb .post .container {

  border-style: none none none none;

  border-width: 0px;

  margin-top: -1px;

  padding-bottom: 1px;

  }



/* C3.2 */

.punbb .post h3 {

  border-style: none none none none;

  border-width: 0px;

  }



/* C3.3 */

.punbb .post h3 span {

  padding: 0.5em 1em;

  display: block;

  margin-left: 215px;

  border-left-style: none;

  border-left-width: 0px
  

  }



/* C3.4 */

.punbb .post h3 strong {

  float: right;

  width: 5em;

  text-align: right;

  font-weight: normal;
  padding-right: 30 px;

  }



/* C3.5 */

.punbb .post .post-author {

  float: left;

  width: 215px;

  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%;

  text-align: left;

  }



/* C3.7 */

.pa-author {

  font-size: 1.1em;

  font-weight: bold;

  }



/* C3.8 */

.pa-author a {

  text-decoration: none

  }



/* C3.9 */

li.pa-title {

  padding-bottom: 0.4em;

  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: 215px;

  border-left-style: none;

  border-left-width: 0px;

  padding: 0 0 1px 0;
  padding-right: 20px;

  }



/* C3.12 */

.punbb .post-box {

  padding: 1em;

  }



/*C3.13 */

.punbb fieldset .post-box {

  margin-bottom: 0.8em

  }



/* C3.14 */

.punbb .post-links {

  margin-left: 215px;

  border-left-style: solid;

  border-left-width: 1px;

  }



/* C3.15 */

.punbb .post-links ul {

  padding: 0 1em 0 0;

  height: 2em;

  line-height: 2em;

  margin-left: -215px;

  border-top-style: none;

  border-top-width: 0px;

  background: transparent;

  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: 265px;

  }



/* C6.2 */

#profilenav {

  float: left;

  width: 145px;

  margin-left: -19.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 25px 0.8em 0px;

  margin: 0 10px 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;

  }



/* 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 {
    border-style: none;
    border-width: 0;
    position: relative;
}

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

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

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

#pun-title table {
	border: none;
	height: 400px;
	width: 1200px;
        top: 0px;
}

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

#pun-title table tbody tr .title-logo-tdr {
    left: 561px;
    position: absolute;
    top: 322px;
    width: 470px;
    z-index: 1;
}



/* 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;
  line-height: 10px;
  border-width: 0;
  text-align: center;
  position: relative;
  }



/* D3.2 */

#pun-navlinks .container {

  padding: 0.7em 1em;


  }



/* D.3 */

#pun-navlinks li {

  display: inline;

  padding-right: 1em;

  }



/* D3.4 */

#pun-navlinks li a {

  font-size: 1.1em;

  }



/* D4 User links

-------------------------------------------------------------*/



/* D4.1 */

#pun-ulinks  {

  text-align: center;
  padding-top: 0px;
  }



/* D4.2 */

#pun-ulinks .container {

  border-top: none;

  padding: 0em 0em;

  }



/* D4.3 */

#pun-ulinks li, #pun-ulinks li a {

  display: inline;

  border-left-style: solid;

  border-left-width: 1px;

  white-space: nowrap;

  }



/* D4.4 */

#pun-ulinks li a {

  padding: 0 0em 0 0em

  }



/* D4.5 */

#pun-ulinks li.item1, #pun-ulinks li.item1 a {

  border-left-style: none;

  border-left-width: 0;

  padding-left: 0

  }



/* D5 Welcome box and Top Breadcrumbs

-------------------------------------------------------------*/



/* D5.1 */

#pun-status, #pun-status .container {

  border-bottom: none;

  margin-bottom: 0;
  width: 890px;

  }



/* D5.2 */

#pun-status .container {

  padding: 0.8em 1em 1em 1em;
   width: 890px;

  }



/* 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;
  margin-right: 35px;
  }



/* 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;
  display: none;
  }



/* D6.3 */

#pun-announcement .container {

  padding: 2.3em 1em 1em 1em;

  }



/* D7 Statistics

-------------------------------------------------------------*/



/* D7.1 */

#pun-stats .container {

  padding: 0.8em 1em

  }



/* 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: none;

  border-bottom-width: 0px;

  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: none;

  border-bottom-width: 0px;

  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 .parsedmsg, #pun-help .formal .parsedmsg .incode {

  padding-bottom: 0;

  }

Цвета

Код:

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

body {
  background: #0f240d url("http://uploads.ru/i/c/y/S/cySBd.png") repeat scroll top center;
  overflow-x: hidden;
}

.punbb {
background-color: #6e9d6a;
}

#pun {border: 2px solid #0f240d; position: relative;}


/* CS1.1 */
.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: none;
  color: #343d32;
  }


/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
  background: none;
  color: #343d32;
  }
/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background: url("http://uploads.ru/i/9/q/C/9qCDg.png");
  background-position: top center;
  background-repeat: no-repeat;
  text-shadow: 1px 2px 3px #0f240d;
  height: 60px;
  font-size: 18px;
  text-align: center;
  color: #aae79a;
  font-family: Impact, Arial, Helvetica, sans-serif
   }

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background: none;
  color: #343d32;
  }


#pun-title, #pun-title .container{
  background: url(http://uploads.ru/i/A/S/4/AS4BT.png);
width: 1200px;
  color: #343d32;
  height: 400px;
  background-position: top center;
margin: -2px 0 0px -149px;
  }

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

/* CS1.6 */
.punbb th, #viewprofile li, #setmods dl  {
  background-color: none;
  color: #343d32;
  text-align: center;
  }
.punbb .post h3 span {
  text-align: left;
  }

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
background-image: url(http://uploads.ru/i/n/P/X/nPXYD.png);
background-repeat: repeat;
border: 2px solid #0f240d;
background-color: #aae79a;
color: #0f240d;
  }
/* CS1.8 */
#pun-navlinks .container {
  background: none;
  background-position: top center;
  background-repeat: no-repeat;
  color: #343d32;
  height: 20px;
  }
.offline li.pa-online strong {
  font-weight: normal
  }

.punbb select, .punbb input {
background-color: #aae79a;
border: 2px solid #0f240d;
color: #0f240d;
}

.punbb textarea{
background-image: url(http://uploads.ru/i/n/P/X/nPXYD.png);
background-repeat: repeat;
color: #0f240d;
background-color: #aae79a;
border: 2px solid #0f240d;
}



/* CS2 Border colours
-------------------------------------------------------------*/
/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
  border-color: transparent transparent transparent 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 */
#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 transparent transparent transparent
  }
.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 0px solid transparent
  }
li.pa-online {
  border-left-color: transparent;
  }
/* 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: #0f240d;
  border-bottom: 0px none #000;
  text-decoration: none;
  }
.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #aae79a;
  text-shadow: 1px 1px 2px #0f240d;
  }
/* 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: #aae79a;
    border-bottom: 0px solid #5b4d4e;
  text-decoration: none;
 text-shadow: 1px 1px 2px #0f240d;
  }
/* CS3.3 */
#pun-navlinks a, #pun-navlinks li {
  color: #0f240d;
    border-bottom: 0px none #000;
  text-decoration: none;
  font-family: Impact;
font-size: 14px;
  }
/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #aae79a;
  text-shadow: 1px 1px 2px #0f240d;
  border-bottom: 0px dashed #8d3a34;
  text-decoration: none;
font-family: Impact;
  }
#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: none;
  color: #aae79a;
  text-shadow: 1px 1px 2px #0f240d;
  }
/* CS4 Post status icons
-------------------------------------------------------------*/
#pun-main table Div.icon {padding-left: 10px; padding-top: 10px; padding-bottom: 10px;}
Div.icon {
background-image : url(http://uploads.ru/i/k/u/8/ku8DP.png);
background-repeat: no-repeat;
}
TR.inew Div.icon {
background-image : url(http://uploads.ru/i/0/Z/y/0Zysj.png);
background-repeat: no-repeat;
}
TR.iclosed Div.icon {
background-image : url(http://uploads.ru/i/n/U/Q/nUQeW.png);
background-repeat: no-repeat;
}
TR.isticky Div.icon {
background-image : url(http://uploads.ru/i/v/d/w/vdwj2.png);
background-repeat: no-repeat;
}
TR.iredirect Div.icon {
background-image : url(http://uploads.ru/i/c/M/B/cMBpj.png); background-repeat: no-repeat; }

#pun-stats ul.container {
        background: transparent url(http://uploads.ru/i/7/p/d/7pdTH.png) no-repeat 6px 10px;
        padding-left: 80px;
}

.pa-author, li.pa-title, .post-author ul li.pa-avatar {
text-align: center;}

.pa-author {
border: 4px double #0f240d;
background: -moz-linear-gradient(top, #aae79a, #80bf70); /* Firefox 3.6+ */
    /* Chrome 1-9, Safari 4-5 */
    background: -webkit-gradient(linear, left top, left bottom, 
                color-stop(0%,#aae79a), color-stop(100%,#80bf70));
    /* Chrome 10+, Safari 5.1+ */
    background: -webkit-linear-gradient(top, #aae79a, #80bf70);
    background: -o-linear-gradient(top, #aae79a, #80bf70); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #aae79a, #80bf70); /* IE10 */
    background: linear-gradient(top, #aae79a, #80bf70);}

	


.container1 {width: 850px; margin: 0 auto; padding: 0;}
ul.tabs {
    margin: 0;
    padding: 0;
    list-style: none;
    height: 40px;
    width: 800px;
}
ul.tabs li {
    float: left;
    margin: 0;
    padding: 0;
    height: 40px;
    line-height: 40px;
    border: 0px;
    margin-bottom: -2px;
    background: url(http://uploads.ru/i/s/B/F/sBFv3.png);
    overflow: hidden;
    position: relative;
}

ul.tabs li a {
    text-decoration: none;
    color: transparent;
    display: block;
    padding: 0 5px;
    background: url();
    outline: none;
  font-family: Impact;
font-size: 14px;
width: 150px;
text-align: center;
}

ul.tabs li a:hover {
       background: url();  
}    

html ul.tabs li.active {
    background: url(http://uploads.ru/i/h/5/v/h5vZq.png);    
}  

html ul.tabs li.active a {
    background: url();    
  color: #aae79a;
  text-shadow: 1px 1px 2px #0f240d;  
}  

html ul.tabs li.active a:hover  {
        background: url();
  color: #aae79a;
  text-shadow: 1px 1px 2px #0f240d;  
}

.tab_container1 {
    clear: both;
    float: left; 
    width: 850px;
    height: 240px;
    background-image : url(http://uploads.ru/i/n/P/X/nPXYD.png);   
background-color: #FFFFFF;  
color: #0f240d;
border-radius: 15px;
-moz-border-radius: 15px;
    -khtml-border-radius: 15px;
    -webkit-border-radius: 15px;
border: 2px solid #0f240d;
}

.tab_content {
    padding: 5px;
}

.tab_content h2 {
    font-weight: normal;
    padding-bottom: 2px;
    border-bottom: 0px dashed #000000;
}

#links {
position: relative;
padding-top: 30px;
width: 215px;
}

#links a {
display: block;
background: #6e9d6a;
border-radius: 15px 15px 15px 15px;
border: 2px solid #0f240d;
margin-bottom: 1px;
width: 200px;
text-align: center;
}

#links a:hover {
display: block;
background: #0f240d;
border-radius: 15px 15px 15px 15px;
border: 2px solid #0f240d;
margin-bottom: 1px;
width: 200px;
text-align: center;
}

li.pa-online {
display: none;
}

.lastedit {
text-align: right;
font-size: 10px;
font-family: Impact;
}

ХТМЛ-низ

Код:

<!--картинки он и офф-->
<script type="text/javascript"> var L0='<img class="imgON_Off" src="';
var L1='" style="cursor:pointer;cursor:hand;width:200;margin-top:3px; text-align:center;" />'; //153 - размер картинки по горизонтали
var ImgON="http://uploads.ru/i/I/p/S/IpSxN.png";  // Картинка Online;
var ImgOff="http://uploads.ru/i/K/P/k/KPkGd.png";  // Картинка OffLine;
$("#pun-viewtopic .post .post-author ul").each(function ()   {
$(this).html('<div class=UL>'+$(this).html()+'</div>');
if ($(this).find(".pa-online").html()!=null){$(this).append(L0+ImgON+L1)
    }else $(this).append(L0+ImgOff+L1);
$(this).find(".pa-author,.pa-title,.pa-avatar").insertBefore($(this).find("div.UL"));});
</script>
<!--картинки он и офф конец-->

<div class="container"><a title="click" onclick="obj=this.parentNode.childNodes[1].style; 

tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; scrollTo(0, document.body.scrollHeight); 

return false;" class="tagcutflag"><b><center><img 

src="http://uploads.ru/i/u/i/s/uisO4.png"></center></b></a><div style="display: none; margin-bottom: 

10px;"><center>
Ваши баннеры
Ваши баннеры
Ваши баннеры</center>
</div></div>



<script type="text/javascript" src="http://szenprogs.ru/scripts/jquery-1.3.2.js"></script>
<script type="text/javascript">
  $(document).ready(function(){
    $('.splLink').click(function(){
      $(this).parent().children('div.splCont').toggle('normal');
      return false;
    });
  });
</script>
<script type="text/javascript">
function awardsOpen(str)
{
var awardsn = new Array();

awardsn["moder"] = new Array("Лучший модератор", "http://10pix.ru/img1/1749/6280476.png", "За 

модераторскую помощь")
awardsn["helper"] = new Array("Помощник месяца", "http://10pix.ru/img1/842866/6280480.png", 

"Неоценимая помощь форуму")
awardsn["troll"] = new Array("лучший троль", "http://10pix.ru/img1/1782/6280478.png", "За моральное 

потрясение")
awardsn["nyasha"] = new Array("за красивые глазки", "http://10pix.ru/img1/826662/6280479.png", "За 

очаровательну форму")
awardsn["grass"] = new Array("за нереальную траву", "http://10pix.ru/img1/1733/6280475.png", "За 

поднятия настроения форумчанам")
awardsn["heart"] = new Array("Змею Искусителю форума", "http://10pix.ru/img1/753066/6280474.png", 

"За многе разбитые сердца")
awardsn["talker"] = new Array("Лучшему IСQ-Трепло форума", 

"http://10pix.ru/img1/782213/6280477.png", "За наполенние форума своим мнением")
awardsn["admin"] = new Array("Лучшему администратору", "http://10pix.ru/img1/1830/6280481.png", 

"За создание и поддержку проекта")



str = str.split(",")
if(str[str.length-1].substring(str[str.length-1].length-1, str[str.length-1].length)==" 

"){str[str.length-1]=str[str.length-1].substring(0, str[str.length-1].length-1)}
var msg = new String("");
msg = "<head><meta http-equiv=\"Content-Type\" content=\"text/html; charset=windows-1251\" /><link 

rel=\"stylesheet\" type=\"text/css\" href=\"http://forum.mybb.ru/style/"+BoardStyle+"/"+BoardStyle+".css\" 

/><title>Награды пользователя</title>"
msg+= "<style type=\"text/css\">html, body, #pun, #pun-main {background-image: none; margin: 2px 2px; 

width: 99%;}</style><body>"
msg+="<div id=\"pun\" class=\"punbb\"><div id=\"pun-main\" class=\"main\">"
msg+="<table class=\"container\"><tr><th width=\"25%\">Название</th><th 

width=\"25%\">Иконка</th><th>За что</th></tr>";
for(i=0;i<str.length;i++){
	msg+="<tr><td align=\"center\"><span>"+awardsn[str[i]][0]+"</span></td><td 

align=\"center\"><img width=\"100px\" height=\"100px\" src=\""+awardsn[str[i]][1]+"\" /></td><td 

align=\"center\"><span>"+awardsn[str[i]][2]+"</span></td></tr>";
}
msg+="</table>";
msg+="</div></div></body></html>";
popup = window.open("", "", "height=300, width=700, top=300, left=300, scrollbars=1")
popup.document.write(msg)
popup.document.close()
return false
}
var li = document.getElementsByTagName("li");
for(z=0;z<li.length;z++){
if(li[z].className=="pa-fld1"){
nag = li[z].innerHTML.substring(li[z].innerHTML.indexOf(": ")+2)
nag1 = nag.split(",");
nag1 = nag1.length;
li[z].innerHTML = "Награды: <a href=\"javascript: //\" onclick=\"awardsOpen('"+nag+"');\" title=\"Показать 

награды пользователя\">"+nag1+"</a>"
}
}
</script>

<script type="text/javascript">
function select_text(elem) {
if(window.getSelection) {   
var s=window.getSelection();   
if(s.setBaseAndExtent){   
s.setBaseAndExtent(elem,0,elem,elem.innerText.length-1);   
}
else {   
var r=document.createRange();   
r.selectNodeContents(elem);   
s.removeAllRanges();   
s.addRange(r);
}   
}
else if(document.getSelection){   
var s=document.getSelection();   
var r=document.createRange();   
r.selectNodeContents(elem);   
s.removeAllRanges();   
s.addRange(r);   
}
else if(document.selection){   
var r=document.body.createTextRange();   
r.moveToElementText(elem);   
r.select();
}   
}
</script>
<script type="text/javascript">
var div = document.getElementById('pun-main').getElementsByTagName('div');
for(x in div){
if(div[x].className=='code-box'){
div[x].getElementsByTagName('strong')[0].innerHTML = '<a href="#" 

onclick="select_text(this.parentNode.parentNode.childNodes[1].getElementsByTagName(\'pre\')[0]); 

return false;">Выделить код</a>';
}
}
</script>
<!--Скрипт на уведомление об ЛС-->
<script language="JavaScript">
var str = new String(document.getElementById("navpm").innerHTML)
var str2 = new String(document.location)

if( (str.indexOf("(") != -1) && (str2.indexOf("messages.php") == -1) )
{
alert("Вам пришло личное сообщение.")

}
</script>
<!--Скрипт на уведомление об ЛС, конец скрипта-->

<!--Скрипт спойлера-->
<style>
#button-spoiler {background-image:url('https://upforme.ru/uploads/0000/12/13/488-1.gif'); padding:0; 

line-height:0; background-position:center; background-repeat:no-repeat; height:26px; width:100%}
</style>
<script type="text/javascript">
function tag_spolier()
{var FoundErrors = '';
var enterTITLE = prompt("Введите описание спойлера", 'Спойлер');
bbcode('[spoiler]',('|'+enterTITLE+'[/spoiler]'));}
if(form=document.getElementById("form-buttons"))
form.getElementsByTagName("tr")[0].insertCell(19).innerHTML="<img src='/i/blank.gif' title='Вставить 

спойлер' id='button-spoiler' onclick=\"tag_spolier()\">"
function addSpoilerSpoiler(str,from,internal){
var pos=0,pos2=0,newpos=0
if((pos=str.indexOf("[spoiler]",from))==-1) return str;
if((pos2=str.indexOf("[/spoiler]"),pos+9)==-1) return str;
newpos=str.indexOf("[spoiler]",pos+9)
if(newpos<pos2 && newpos!=-1) str=addSpoiler(str,pos+9,true)
if((pos2=str.indexOf("[/spoiler]",pos+9))==-1) return str;

txt = str.substring(pos+9,pos2);
if((sepPos=txt.indexOf("|",0))==-1) return str;

str=str.substring(0,pos)+makeSpoilerSpoiler(txt.substring(0,sepPos),txt.substring(sepPos+1,txt.length))+str.subs

tring(pos2+10,str.length)

if( str.indexOf("[spoiler]")!=-1 && internal==false) str=addSpoilerSpoiler(str,0,false)
return str}

function makeSpoilerSpoiler(txt1,txt2){
txt='<div class="quote-box" style="padding:1px;background: none;border: 0;"><cite 

style="width:100%;margin:0;"><input class="spoiler-button" style="width:140px;font-size:10px; margin:0; 

cursor: pointer" type="button" value="'+txt2+'"></cite><blockquote class="quote-box" style="display:none; 

width: 80%;border: 1px solid black;margin:0;">'+txt1+'</blockquote></div>'
return txt}

$(document).ready(function(){
     $("div.quote-box > cite > input.spoiler-button").click(function(){
$(this).parents("div.quote-box").find("blockquote.quote-box").toggle("normal");
     });
});


if((document.URL.indexOf("viewtopic.php")!=-1) || (document.URL.indexOf("post.php")!=-1)){
elm=document.getElementById("pun-main").getElementsByTagName("div")
for(x in elm) if(elm[x].className=="post-content"){
var post=elm[x]
post.innerHTML=addSpoilerSpoiler(post.innerHTML,0,false)}}
</script>
<!--Конец скрипта спойлера-->


<!--Палитра в форме ответа, начало скрипта-->
<script type="text/javascript"> 
//
// Автор скрипта: RUSSIAN_GOBLIN (с) 2011/08/06
// P.S.: А создавать форумы лучше всего здесь http://LiveForums.ru/
//
if ((document.URL.indexOf('viewtopic.php?')!=-1)
||(document.URL.indexOf('edit.php')!=-1)
||(document.URL.indexOf('post.php')!=-1)
||(document.URL.indexOf('messages.php')!=-1))
{

var ColorsBank = new Array ('00', '11', '22', '33', '44', '55', '66', '77', '88', '99', 'aa', 'bb', 'cc', 'dd', 'ee', 'ff');
var i=0;
var table='';
var ColorArray = new Array();

for(r=15;r>=0;r--){
for(g=0;g<=15;g++){
for(b=0;b<=15;b++){
ColorArray[i]=ColorsBank[r]+''+ColorsBank[g]+''+ColorsBank[b];
table=table+'<p style="width:1px; height:1px; float:left; background:#'+ColorArray[i]+'"><img 

src="/i/blank.gif" alt="#'+ColorArray[i]+'"/></p>';
i++;
}}}

tablecolors='Цвет: <input id="now_color_rgb" name="now_color_rgb" type="text" size="7" value=""> Код: 

<input id="now_color" name="now_color" type="text" size="7" value="#rrggbb"><table  cellspacing="0" 

cellpadding="0"><tr><td id="table_new_colors">'+table+'</td></tr></table>';
//alert(tablecolors);
$('div#color-area').prepend(tablecolors);

$('#table_new_colors p img').mouseover(function (){
var clr=$(this).attr("alt");
$("#now_color_rgb").css('background',clr);
$("#now_color").val(clr);});

$("#table_new_colors p img").click(function (){
var clr=$(this).attr("alt");
$("#now_color_rgb").css('background',clr);
$("#now_color").val(clr);
clr='[color='+clr;clr+="]";
bbcode(clr,"[/color]");});
}
</script>
<!--Палитра в форме ответа, конец скрипта-->
<script type="text/javascript">
PiarNik="Реклама";
PiarPas="12345";
var L="<div id=\"PR_loginDiv\" style=\"display:none;\">\
<form id=\"form_login\" name=\"login\" method=\"post\" action=\"login.php?action=in\" 

onsubmit=\"return check_form()\">\
<fieldset>\
<input type=\"hidden\" name=\"form_sent\" value=\"1\"/>\
<input type=\"text\" id=\"fld1\" name=\"req_username\" size=\"21\" maxlength=\"25\"/>\
<input type=\"text\" id=\"fld2\" name=\"req_password\" size=\"7\" maxlength=\"16\"/>\
<input type=\"submit\" class=\"button\" name=\"login\"/>\
</fieldset>\
</form>\
</div>\
<li id=\"navpiar\"><span id=spMyimg><a onclick=\"PiarIn()\">Пиар-Вход</a></span></li>";
if($("#navlogin").html()!=null){
$("#navlogin").after(L) //navlogin
$("#PR_loginDiv #fld1").val(PiarNik)
$("#PR_loginDiv #fld2").val(PiarPas)
function PiarIn () {$("#PR_loginDiv input[type='submit']").click();}
}
</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>

Объявление

Код:

<center><div class="container">
    <div class="html-box">

<ul class="tabs">
    <li class="active"><a href="#tab1">Новости форума</a></li>
    <li><a href="#tab2">Полезные ссылки</a></li>
    <li><a href="#tab3">Разыскиваются</a></li>
    <li><a href="#tab4">Администрация</a></li>
    <li><a href="#tab5">Баннеры партнеров</a></li>
</ul>

      <div class="tab_container1">

<div style="display: block; background-image: url(http://uploads.ru/i/N/q/e/NqeZD.png); width: 850px; 

height: 240px; background-position: top center; background-repeat: no-repeat;" id="tab1" 

class="tab_content">
<table>
<tr>
<td width="50%"><div style="width: 264px; height: 124px; position: relative; margin-top: 55px; margin-left: 

-5px; overflow: auto; overflow-x: hidden; padding: 5px; text-align: justify;">новости новости новости 

новости новости новости новости новости новости новости новости новости новости новости 

новости новости новости новости новости новости новости новости новости новости новости 

новости новости новости новости новости новости новости новости новости новости новости 

новости новости новости новости новости новости новости новости новости новости новости 

новости новости новости новости новости новости новости </div></td>
<td width="50%"><div style="width: 264px; height: 124px; position: relative; margin-top: 61px; margin-left: 

103px; overflow: auto; overflow-x: hidden;"><center><a href="http://top.roleplay.ru/16117" title="Рейтинг 

Ролевых Ресурсов - RPG TOP" target="top_"><img src="http://img.rpgtop.su/88x31x11x7.gif" alt="Рейтинг 

Ролевых Ресурсов - RPG TOP" border="0" width="88" height="31"></a> <a title="Каталог фэнтези сайтов 

Палантир" href='http://palantir.in/?from=14302' target='_blank'>	<script type="text/javascript">
Md=document;Mnv=navigator;
Mrn=Math.random();Mn=(Mnv.appName.substring(0,2)=="Mi")?0:1;Mp=0;Mz="p="+Mp+"&";
Ms=screen;Mz+="wh="+Ms.width+'x'+Ms.height;My="<img 

src='http://palantir.in/count.php?id=14302&cid=concept5.png";My+="&cntc=none&rand="+Mrn+"&"+Mz+"&r

eferer="+escape(Md.referrer)+'&pg='+escape(window.location.href);My+="'  alt='Palantir' title='Каталог 

фэнтези сайтов Палантир' border='0' width='88px' height='31px'>";Md.write(My);</script><noscript><img 

src="http://palantir.in/count.php?id=14302&cid=concept5.png" alt='Palantir' title="Каталог фэнтези 

сайтов Палантир" border=0 width="88px" height="31px"></noscript>
</a><a href="http://rpgtop.ru/">
<img src="http://rpgtop.ru/button.php?u=Yamamoto" alt="Рейтинг игр, бесплатные онлайн игры" 

border="0" /></a><!--LiveInternet counter--><script type="text/javascript"><!--
document.write("<a href='http://www.liveinternet.ru/click' "+
"target=_blank><img src='//counter.yadro.ru/hit?t14.1;r"+
escape(document.referrer)+((typeof(screen)=="undefined")?"":
";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+
";"+Math.random()+"' alt='' title='LiveInternet: показано число просмотров за 24"+
" часа, посетителей за 24 часа и за сегодня' "+"border='0' width='88' 

height='31'><\/a>")//--></script><!--/LiveInternet--><a href='http://wizardtop.ru/in.php?id=1118' 

target='_blank' title='Волшебный рейтинг игровых сайтов'><img src='http://wizardtop.ru/b/5.gif' 

border='0' width='88' height='31' alt='Волшебный рейтинг игровых сайтов'></a><a 

href="http://ra-reklama.ru/pages/katalog" target="_blank"><img 

src="http://s14.radikal.ru/i187/1006/d8/820251df9715.jpg" title="Каталог форумов" width="88" 

height="31"></a><a href="http://toponline.msk.ru/"><img 

src="http://toponline.msk.ru/button.php?u=Yamamoto" alt="TopOnline - Рейтинг ролевых игр" border="0" 

/></a></center></div></td>
</tr>
</table>
</div>

<div style="display: none; background-image: url(http://uploads.ru/i/q/L/m/qLmvk.png); width: 850px; 

height: 240px; background-position: left center; background-repeat: no-repeat; border-radius: 15px 15px 

15px 15px; padding: 0px;" id="tab2" class="tab_content">
<div id="links"><a href="http://khrnova.anihub.ru/viewtopic.php?id=9">Правила</a><a 

href="http://khrnova.anihub.ru/viewtopic.php?id=10">Сюжет</a><a 

href="http://khrnova.anihub.ru/viewtopic.php?id=11">Список занятых ролей</a><a 

href="http://khrnova.anihub.ru/viewtopic.php?id=12">Список неканонов</a><a 

href="http://khrnova.anihub.ru/viewtopic.php?id=16">Список занятых животных</a><a 

href="http://khrnova.anihub.ru/viewtopic.php?id=15">Список оружия неканонов</a><a 

href="http://khrnova.anihub.ru/viewtopic.php?id=14">Занятые внешности</a><a 

href="http://khrnova.anihub.ru/viewtopic.php?id=13">Гостевая</a><a 

href="http://khrnova.anihub.ru/viewtopic.php?id=139">FAQ по XI поколению</a></div>
</div>

<div style="display: none;" id="tab3" class="tab_content" style="padding: 0px;"> 
<table valign="middle">
<tr>
<td width="33%">
<center><a href="http://khrnova.anihub.ru/viewtopic.php?id=53"><img 

src="http://uploads.ru/i/V/i/c/VicCO.jpg" border="0" height="200px" /></a></center>
</td>

<td width="33%">
<center><a href="http://khrnova.anihub.ru/viewtopic.php?id=47"><img 

src="http://uploads.ru/i/y/A/t/yAtgn.jpg" border="0" height="200px" /></a></center>
</td>

<td width="33%">
<center><a href="http://khrnova.anihub.ru/viewtopic.php?id=154"><img 

src="http://uploads.ru/i/K/M/z/KMzJl.jpg" border="0" height="200px" /></a></center>
</td>

</tr>
</table>
</div>

<div style="display: none; width: 850px; height: 240px;" id="tab4" class="tab_content"> <table width="100%"><tr><td width="33%" valign="top" align="center">
<p><img src="http://uploads.ru/i/O/7/j/O7jd2.png" alt="Yamamoto Takeshi" width="130"><br><font face="Impact"><a href="http://khrnova.anihub.ru/profile.php?id=2">Yamamoto Takeshi</a></font><br><small>Главный Администратор<br>Можно обращаться по всем вопросам, связанным с ролевой.<br><b>Skype</b>: redangel610<br><b>ICQ</b>: 410063082, 644609625</small></p></td>
<td width="33%" valign="top" align="center">
<p><img src="http://uploads.ru/i/w/t/5/wt5mo.png" alt="Nell Mirch" width="130"><br><font face="Impact"><a href="http://khrnova.anihub.ru/profile.php?id=6">Nell Mirch</a></font><br><small>Администратор<br>Консультирует по сюжетным отыгрышам и прочим вопросам в отсутствие глав. админа.<br><b>Skype</b>: misa-misa831<br><b>ICQ</b>: 617947584</small></p></td>
<td width="33%" valign="top" align="center">
<p><img src="http://uploads.ru/i/p/F/r/pFrjJ.png" alt="Fran" width="130"><br><font face="Impact"><a href="http://khrnova.anihub.ru/profile.php?id=11">Fran</a></font><br><small>Модератор<br>Ответственный за проверку анкет.<br><b>Skype</b>: belfegor-sempai</small></p></td></tr></table>
</div>

<div style="display: none; height: 230px; width: 850px; background: url(http://uploads.ru/t/3/y/N/3yNmW.png) bottom left no-repeat; border-bottom-left-radius: 10px;" id="tab5" class="tab_content"> 
<center><a href="http://jumpkhr.rolbb.ru/" target="cmh"><img src="http://10pix.ru/img1/2634/6024931.png" alt="KHR Salto al Futuro" border="0" height="31" width="88"></a><a href="http://flurain.anihub.ru/" target="_blank"><img src="http://s1.ipicture.ru/uploads/20110903/8X45fqgV.png" alt=""></a><a href="http://newreborn.rolka.su/" target="_blank"><img src="http://savepic.su/406086.jpg" border="0"></a><a href="http://lastresort.rolbb.ru/"><img src="http://s57.radikal.ru/i156/1108/0e/d3e35fb98628.gif" border="0"></a>
<br><a href="http://khrlife.rolka.su" target="_blank"><img src="http://s017.radikal.ru/i412/1111/ff/a4620cde14e7.png" title="KHR! Жизнь полна сюрпризов " border="0" height="31" width="88"></a><a href="https://forumd.ru/"><img src="https://upforme.ru/uploads/0007/e3/f7/50268-2.gif" title="ForumDesign TS" alt="Дизайн для форумов и техническая поддержка"></a>
<a target="_blank" href="http://vampirecross.anihub.ru/"><img src="http://s44.radikal.ru/i105/1105/2c/d873ec521144.gif"></a><a href="http://omvg.rusff.ru/" target="_blank"> <img src="http://uploads.ru/t/f/p/C/fpCWY.jpg" title="ОМ(в)Г"></a><a target="_blank" href="http://khrwar.anihub.ru/"><img src="http://uploads.ru/i/j/o/u/jounv.gif"></a><a href="http://urchoice.ru/" target="_blank">
<img src="http://s005.radikal.ru/i212/1001/b3/a2328b18a862.gif"></a><a target="_blank" href="http://ay.rusff.info"><img src="http://www.10pix.ru/img1/2298/3928656.gif"></a><a href="http://color.artbb.ru/" target="_blank" title="Архив Колоризаций 2.0"><img src="http://s54.radikal.ru/i144/0906/40/acb69e1b4a0a.jpg"></a><a href="http://rainydays.rolka.su/" target="_blank"><img src="http://savepic.net/2214336.png" border="0"></a><a href="http://cielo.mybb.ru" target="_blank"><img src="http://s2.ipicture.ru/uploads/20111008/4QTTyEJ7.gif" title="Ролевая игра по 'KHR'. Рапсодия Небес." border="0" height="31" width="88"></a>
</center>
</div>

      </div>
</center>

4. Скриншот

Подпись автора

ЗАКАЗЫ В ЛС НЕ ДЕЛАЮ!

Тема закрыта

Страница: « 1 … 5 6 7 8 »

ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов

Меню навигации

Пользовательские ссылки

Объявление

🎧 Подкаст «НЕТЕРОЛЕВЫЕ»

🍁 Что такое осень? Конкурс осенних дизайнов!

🔥 Акция! Осенние скидки на Мгновенные уведомления

❤️ Поддержи проект! Стань модератором!

💌 Акция! Подписка, лайк, коммент, репост!

🌟 SPECIAL OFFER: We distribute designs for free

❤️ Support the project

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

Сделанные стили - 2

Сообщений 61 страница 70 из 73

Поделиться6131.10.11 10:56

Поделиться6205.11.11 12:55

Поделиться6305.11.11 17:40

Поделиться6405.11.11 19:33

Поделиться6519.11.11 21:55

Поделиться6610.01.12 21:15

Поделиться6715.01.12 20:28

Поделиться6824.01.12 09:28

Поделиться6931.01.12 21:04

Поделиться7003.03.12 20:18