Вверх страницы
Вниз страницы

Dark Butler: London Bridge is falling down...

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

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


Вы здесь » Dark Butler: London Bridge is falling down... » Тестовый форум » Тестовое сообщение


Тестовое сообщение

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

1

Благодарим за выбор нашего сервиса!

0

2

Код:
/*************************************************************
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.7em;
vertical-align: middle
}


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

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

/* A3.2 */
.punbb {
font: normal 68.70% 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 auto auto;
width : 800px;
padding: 0px 0px 0px 0px;
border: none;
border-top: none;
}

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

/* A5.3 */
#pun-redirect, #pun-maint {
margin: 1px 1px 1px 1px;
width: 100%;
float: bottom;
background-color: #c1c0c0;
text-align: center;
border: 1px solid #bebebe;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

/* A5.4 */
.punbb .section, .punbb .main {
margin-bottom: 1em;
margin-left: 7px;
margin-right: 14px;
}

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

/* 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;
font-color: #b2c033;
}



#pun-main h2 {
padding-top: 30px;
margin-left: -7px;

font-weight: bolder;
color: #7e7474;
font-family: Arial Black;
text-shadow: 0px 1px 1px #e9e1e1;
text-align: center;
height : 20px;
width: 800px;
repeat: none;
font-family: verdana;
text-transform: uppercase;
background-position : center;
background-image : url("http://imgs.su/tmp/1305736144-393.jpg");
}



/*************************************************************

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: 0px none #adadad;

  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;

  color: #4c3831;
background-color: #d7d4d4;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border: 1px solid #cbc9c9;

  }



/* 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: -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 {
margin-left: 279px;
float: center;
  }



/* C1.3 */

.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {

float: center;
  }



/* C1.4 */

.punbb fieldset {

  border-style: none;

  border-width: 0px;

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

/* 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-right:20px;
}
/* C2.15 */
.punbb div.icon {
    float: left;
    display: block;
    width: 89px;
    height: 89px;
no-repeat;
margin-left: 2px;}

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

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

  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: 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: 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 {

  float: left;

  }

.pl-website {

visibility: hidden;

  }

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

  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-top: 20px;
  padding-right: 5px;
  margin: 0 28px -0.6em 14px;
  width: 80px;
height: 16px;
background-image: url(---);
background-position : center;
background-repeat : no-repeat;
  }
  }



/* C6.6 */

#viewprofile h2 span, #profilenav h2 span {
visibility: hidden;
  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 : 40px;

  padding: 2em 1em 0 1em;

  }



/* D1.3 */

#pun-title .container {

  border-style: none none none none;

  }



/* D1.4 */

#pun-title h1 span  {

  font-size: 1.5em;

  }



#pun-title table {

    border: none;
margin-left : -75px;
height: 650px;
width: 950px;

}



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

    border: none;

    width: 100%;
display: none;
}



#pun-title td.title-logo-tdr {
border: none;
width: 200px;
height: 100px;
  position: relative;
  padding-left: 250px;
  padding-bottom: 570px;
}


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



/* D3.2 */

#pun-navlinks .container {

font-weight: normal;
text-align: center;
font-size: 11px;
background-color: transparent;
color: #b2c033;
text-shadow: #0e255c 1px 1px 1px;
font-family: verdana;
height : 17px;
text-transform: uppercase;
}



/* D.3 */

#pun-navlinks li {
display: inline;

  padding-right: 1em;

  }



/* D3.4 */

#pun-navlinks li a {
  font-size: 1.1em;
position: relative;
z-index: 9999;

  }



/* D4 User links

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



/* D4.1 */

#pun-ulinks  {

  margin-top: -12px;
  text-align: center;

  }



/* D4.2 */

#pun-ulinks .container {
color: #b2c033;
  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;
position: relative;
z-index: 9999;
  }



/* D4.4 */

#pun-ulinks li a {

  padding: 0 0.3em 0 0.6em
position: relative;
z-index: 9999;
  }



/* 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 {
  color: #151925;
  border-bottom: none;

  margin-bottom: 0;
  width: 890px;

  }



/* D5.2 */

#pun-status .container {
  color: #151925;
  padding: 0.8em 1em 1em 1em;
   width: 890px;
display: none;
  }



/* D5.3 */

#pun-status span {
  color: #151925;
  white-space: nowrap;
align: center;
  margin-right: 0.5em;

  }



/* D5.4 */

#pun-crumbs1 {
  color: #151925;
  font-weight: bold;

  overflow: hidden;

  margin-top: 0;
  }



/* D5.5 */

#pun-crumbs1 p.container {
  color: #151925;
  border-top: none;

  padding: 1em 1em 0.8em 1em;

  font-size: 1.1em;
  margin-right: 35px;
  }



/* D5.6 */

#pun-break1 {
  color: #151925;
  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 {
margin-bottom: 30px;
  display: none;

  padding: 1em 0 0.8em 0;

  border-bottom-style: solid;

  border-bottom-width: 1px;

  }



/* D6.3 */

#pun-announcement .container {
color: #151925;
  padding: 4.3em 1em 1em 1em;
margin-left: 7px;
  }



/* D7 Statistics

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



/* D7.1 */

#pun-stats .container {
margin-left: 7px;
margin-right: 7px;
  padding: 0.8em 1em

  }



/* D7.2 */

#pun-stats li.item1, #pun-stats li.item2 {

  float: left;
margin-left: 7px;
  clear: both;

  line-height: 150%;

  }



/* D7.3 */

#pun-stats li.item3, #pun-stats li.item4 {

  text-align: right;
margin-right: 7px;
  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 {
  color: #151925;
  font-weight: bold;

  overflow: hidden;

  margin-bottom: 0;

  border-bottom: none;

  }



/* D8.7 */

#pun-crumbs2 .container {
  color: #151925;
  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;

  }


#pun-admain * { 
padding-left: 2px;
float: center;
}

.punbb-admin #pun-admain h2 {
padding-left: 15px;
}


/* 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 TABLE { 
background : transparent url(http://imgs.su/tmp/1305742585-393.jpg) 
no-repeat center top; 
margin-bottom: -40px;
}


body {background-color: #c2baad;
background-image : url("http://imgs.su/tmp/1305735405-393.jpg");
background-position : center;
background-attachment : scroll;
}

#pun {
background-color: transparent;
}

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

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


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



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

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

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
  color: #4c3831;
background-color: #d7d4d4;
border-radius:40px;
-moz-border-radius:40px;
-webkit-border-radius:40px;
border: 1px solid #cdc5b8;
  }

/* форма быстрого ответа*/
.punbb textarea, .punbb input {
background-color: #7b7b7b;
    color: #1F1F1F;}

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

.offline li.pa-online strong {
  color: #151925;
  font-weight: normal
  }

.punbb textarea, .punbb select, .punbb input {
  background-color: #c2baad;
  color: #151925;
}

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

/* CS1.3 */
#pun-stats h2 .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin{
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: none;
  }

#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 #4c3831;

  }

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: #824423;
text-shadow: 0px 1px 1px #f2f2f2;
  text-decoration: none;

  }

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

/* 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: #714545;
background-color: #e5e5e5;
text-shadow: 0px 1px 1px #f2f2f2;
  text-decoration: none;

  }

/* CS3.3 */
#pun-navlinks a {
color: #861010;
  text-decoration: none;

  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
 color: #861010;
  font-weight: normal;
font-style: normal;
  text-decoration: none;

  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
background-color: #8ea023;
  color: #b2c033;
  }


/* CS4 Post status icons
-------------------------------------------------------------*/
div.icon {
        background: url(http://imgs.su/tmp/1305736718-393.jpg) no-repeat;
}

tr.inew div.icon {
        background: url(http://imgs.su/tmp/1305736611-393.jpg) no-repeat;
}

tr.iclosed div.icon {
        background: url(http://imgs.su/tmp/1305736850-393.jpg) no-repeat;
}

tr.iredirect div.icon {
        background: url(http://imgs.su/tmp/1305736873-393.jpg) no-repeat;
}

tr.isticky div.icon {
        background: url(http://imgs.su/tmp/1305736873-393.jpg) no-repeat;
}

#html-footer { 
background : transparent; 
margin-bottom: 0em;
height: 65px;
width: 800px;
margin-left: 0px;
}

.punbb textarea, .punbb select, .punbb input {
  background-color: #ABAAB3;
  color: #363636
}

.punbb select, .punbb input, .punbb textarea {
  border: 1px solid #949397
  }

#pun-stats ul.container {
background: transparent url("http://imgs.su/tmp/1305553079-382.jpg") no-repeat 5px 5px;
padding-left: 120px; height: 100px;
}

0

3

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

<script language="JavaScript">
        function showLDiv()
        {
        if(  document.getElementById("loginDiv").style.display == 'none' )
             document.getElementById("loginDiv").style.display = ''
        else document.getElementById("loginDiv").style.display = 'none'

        return false;
        }
        function check_form()
        {
        if(document.forms["form_login"].req_username.value=='' || document.forms["form_login"].req_username.value=='') {
        alert('Еще рано нажимать на "Войти"');
        return false;
        }
        return true
        }
        url=document.URL
        if(url.indexOf("login.php")==-1  && document.getElementById('navlogin')){
        document.getElementById('navlogin').innerHTML  = "<a href=\"login.php\" onclick=\"return showLDiv()\"><span>Войти</span></a>"
        login = "<centr><div id=loginDiv style=\"display: none; \">"

        login += "<form id=form_login name=login method=post action=\"login.php?action=in\" onsubmit=\"return check_form()\">"
        login += "<fieldset>"
        login += "<legend>Введите свое имя и пароль</legend>"
        login += "<input type=hidden name=form_sent value=1 />"
        login = login + "<input type=hidden name=redirect_url value="+document.URL+" />"
        login += "<br><table width=\"100%\" align=centr>"
        login += "<tr><td align=left><b>Имя :</b></td><td align=left><input type=\"text\" id=\"fld1\" name=\"req_username\" size=\"21\" maxlength=\"25\" /></td></tr>"
        login += "<tr><td align=left><b>Пароль :</b></td><td align=left><input type=\"password\" id=\"fld2\" name=\"req_password\" size=\"7\" maxlength=\"16\" /><span class=formsubmit><input type=submit class=button name=login value=\"Войти\" /></span>"
        login += "</form></td></tr>"
        login += "</table>"
        login += "</fieldset>"
        login += "<p><a href=\"register.php\">  Зарегистрироваться.</a>                                                         <a href=\"login.php?action=forget\">   Забыли пароль?</a></p>"   
    login += "</div></center>"

        document.getElementById('pun-navlinks').innerHTML += login
        }
        </script><style type="text/css">
#pun-announcement h2 {display: none}
#pun-announcement .container {padding-top: 1em}
</style>
<script type="text/javascript">
PiarNik="PR";
PiarPas="реклама";

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()\">PR-Вход</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>
<style type="text/css">
#pun {width : 740px;
margin: auto;}
</style>
<style>
#pun-title table tbody tr .title-logo-tdr {position: left; z-index: 1; right: 3030px; top: 0px
}
</style>
<!--Вставить картинку-->
<style>
#button-mybb {background-image:url('https://forumupload.ru/uploads/000a/45/08/120-1.png'); padding:0; line-height:0; background-position:center; background-repeat:no-repeat; height:26px; width:100%}
</style>
<script type="text/javascript">
if(form=document.getElementById("form-buttons"))
form.getElementsByTagName("tr")[0].insertCell(12).innerHTML="<img src='/i/blank.gif' id='button-mybb' onclick=\"bbcode('--');\"/>"
</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">
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://s1.ipicture.ru/uploads/20110927/gPTe6TrF.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://s1.ipicture.ru/uploads/20110927/gkIATtR1.png' />"}
}
</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>      /* Новая Палитра © Deff */
    #color-area{
    background:url(http://savepic.net/675564.gif) 50% 0 no-repeat;
    }
    table.Myp,table.Myp td,
    #len-tbl-01,#len-tbl-01 td{
    text-align:left;
    vertical-align:top;
    padding:0!important;
    margin:0!important;
    border-collapse:collapse!important;
    }
    span.hidds{
    display:block;
    width:18px;
    height:18px;
    background:url(http://savepic.net/707441.png) 50% 50% no-repeat;
    margin: 6px 21px -6px -21px;
    }
    #len-tbl-01{
    margin: 1px 21px 12px 0!important;
    width:100%;
    }
    #len-tbl-01 td {
    padding:0!important;
    width:11px!important;height:12px;
    background-image:url(http://savepic.net/711220.gif);
    background-position:50% 50%;
    background-repeat: no-repeat;
    background-image: none;
    border: #fff 1px solid!important;
    }
    #len-tbl-01 td:hover {
    background-image:url(http://savepic.net/686931.gif)!important;
    background-position:50% 50%;
    background-repeat:no-repeat;
    }
    table.Myp{
    width:280px!important;
    }
    table.Myp td,table.Myp tr{
    height:18px!important;
    vertical-align:text-bottom;
    margin:0!important;
    border: none 0 transparent!important;
    border-collapse:collapse!important;
    }
    td.rightMy,td.murom {
    text-align:left!important;
    width:66px!important;
    }
    #name_1,#name_0{
    margin:0;
    posizion:absolute; z-index:2000;
    font-size:11px!important;
    background-color:#fff!important;
    border: #000 1px solid;
    width:58px!important;
    }
    #name_1{
    border: red 1px solid!important;
    font-size:11px;
    color:#761A21;
    }
    #name_0 {
    font-size:11px;
    color:#000!important;
    }
    #len-tbl-01 img {
    position:absolute!important;
    border: #000 1px none;
    }
    #len-tbl-01 img.Nul_Img  {
    position:absolute!important;
    height:11px!important;
    width:11px!important;
    margin:0!important;
    }
    #len-tbl-01 .metka {
    position:absolute!important;
    z-index:100;
    margin:-1px 0 0 -1px!important;
    height:13px;
    width:13px;
    }
    </style>
    <script type="text/javascript">
    if ((document.URL.indexOf("viewtopic.php?")!=-1)||(document.URL.indexOf("edit.php")!=-1)
    ||(document.URL.indexOf("post.php")!=-1)){
    ColorArray=new Array(
    "EEEEEE","DDDDDD","CCCCCC","BBBBBB","AAAAAA","999999","888888","777777","666666","555555",
    "444444","333333","222222","111111","000000","FC0000","ED0000","DB0000","CB0000","BA0000",
    "AA0000","980000","880000", //2строка-->
    "FEFD65","FEFD33","FCFC00","CAFEFE","CAFECA","CBFE99","CAFE65","CBFE33","CAFC00","99FEFE",
    "99FECA","99FE99","98FE65","99FE33","98FC00","65FEFE","65FECA","65FE98","65FE65","66FE33",
    "65FC00","33FEFE","33FECB", //3строка-->
    "FECA65","FECB33","FCCA00","CACAFE","CBCBCB","CACA98","CBCA66","CACA32","CBCA00","99CBFE",
    "98CACA","98CA98","99CB66","98CA32","99CB00","65CAFE","66CBCB","66CB98","66CB66","65CA32",
    "66CB00","33CBFE","32CACA", //4строка-->
    "FE9865","FE9833","FC9800","CA99FE","CA98CA","CA9898","CB9866","CA9832","CB9900","9999FE",
    "9898CA","979797","989865","999833","989700","6598FE","6699CB","659898","659865","669933",
    "659800","3399FE","3298CA", //5строка-->
    "FE6565","FE6533","FC6500","CA65FE","CB66CA","CB6698","CB6666","CA6532","CB6500","9865FE",
    "9866CB","986598","986565","996533","986500","6565FE","6666CB","656598","666666","656532",
    "666500","3366FE","3265CA", //6строка-->
    "FE3365","FE3333","FC3200","CA33FE","CA32CA","CA3298","CA3265","CA3232","CB3200","9833FE",
    "9832CA","993398","993365","993333","983200","6533FE","6532CA","653399","653265","653232",
    "663200","3333FE","3232CA", //7строка-->
    "FC0065","FC0032","FC0000","CA00FC","CB00CA","CB0098","CB0065","CB0032","CB0000","9800FC",
    "9800CB","980097","980065","980032","980000","6500FC","6500CB","650098","660065","660032",
    "660000","3200FC","3200CB", //8строка-->
    "00FC00","00ED00","00DB00","00CB00","00BA00","00AA00","009800","008800","007600","006600",
    "005400","004400","003200","002200","001000","0000FC","0000ED","0000DB","0000CB","0000BA",
    "0000AA","000098","000088" )//End

    var Metka_link="http://savepic.net/696986.gif";
    var Nul_Img_link="http://savepic.net/711220.gif";
    var stat_marker_link="http://savepic.net/668540.png";
    var nul_img='<img class="Nul_Img" src="'+Nul_Img_link+'" alt="s" />';
    var metka='<img class="metka" src="'+Metka_link+'"/>'; //alert(metka)

    var i=0,j=0,tbl="";var tblz="";
    var Ntd=23,Nstr=8;
    var TDstrStart='<td style="background-color:#';
    var TDstrEnd='">'+nul_img;

    for(j=0; j<Nstr; j++){tbl='<tr>'+tbl;
       for (i=0; i<Ntd; i++){NumTd=Ntd*j+i;tbl+=TDstrStart+ColorArray[NumTd]+';" alt="#'+ColorArray[NumTd]+TDstrEnd+'</td>'};
    tbl+="</tr>";tblz+=tbl;tbl="";};tbl='<table id="len-tbl-01"'+tblz+'</table>';//alert(tbl)
    $("#color-area").prepend(tbl);

    $("#color-area").removeAttr("onclick")
    $("#len-tbl-01").before('<table class="Myp"><tr><td class=murom><input id="name_1" name="_1" type="text" size="7" value="######"></td><td></td><td class="rightMy"><input id="name_0" name="_0" type="text" size="7" value="######"></td></tr></table>');$("#color-area").append('<span title="свернуть" class=hidds alt=hidds></span>')

    $("#len-tbl-01 td").mouseover(function(){
      $("#name_1").css({"color":"#000"});
        $("#name_1").val($(this).attr("alt"));
    });

    $("#len-tbl-01 td").click(function (){ // Клик по ячейке - ввод BB- кода и..
       $("#len-tbl-01 .metka").remove();$(this).append(metka);
        $(this).css({"background-image":"url("+stat_marker_link+")"});
           var ss=$(this).attr("alt");$("#name_0").val(ss);ss='[color='+ss;ss+="]";
            bbcode(ss,"[/color]");});

    $("#main-reply,.hidds").click(function (){ // cворачивание #color-area по клику на поле ввода
    $("#color-area").hide(); });
    }
    </script>

<link rel="stylesheet" type="text/css" href="http://i.rusff.me/f/ru/rusff/spoiler_banner.css" />
<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;"><h2><center>Баннеры</center></h2></div><div id="spoiler4" style="background-color: #FFFFCC;">
<a target="_blank" href="http://ddn.rusff.me/"><img alt=PR-агенство "Достучаться до небес" src="https://forumupload.ru/uploads/000c/77/06/107388-2.png"  width="88" height="31" border="0"></a> <a href="http://art.mybb.by/"><img src="https://forumupload.ru/uploads/000f/c1/ed/39-1.jpg"  title="~Иллюзия мира. Форум для творческих людей. " /></a>
</div></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>

0

4

<style> /* Стиль всплывающего меню */
.splLink {width: 190px; height: 60px; border: 2px solid #333; text-align: center; font-family: Gothic century; padding: 5px;}
.splCont {height: auto; width: 260px; background: #333; padding: 5px; z-index: 1000; margin-top: 5px; margin-left: -5px; border: 2px solid #222; font-size: 12px; font-family: Lucida Sans Unicode; text-align: center;}
/* Тень, Прозрачка и Скругление углов во Всплывающем меню */
.splLink {    border-radius:8px;
    -webkit-border-radius:8px;
    -khtml-border-radius:8px;
    -moz-border-radius:8px;
    -o-border-radius:8px;
}
.splCont {background-color: transparent !important; background-image: url("http://s41.radikal.ru/i093/1112/aa/7e428b6b7078.png");
    border-radius:15px;
    -webkit-border-radius:15px;
    -khtml-border-radius:15px;
    -moz-border-radius:15px;
    -o-border-radius:15px;
     box-shadow:0px 5px 14px #333;
    -webkit-box-shadow:0px 5px 14px #333;
    -khtml-box-shadow:0px 5px 14px #333;
    -moz-box-shadow:0px 5px 14px #333;
    /*text-shadow: #222 1px 1px 4px !important;
    color: #color: #222 !important;*/
    }
/* Конец Стиля всплывающего меню */
</style>


<table cellspacing="0" cellpadding="0" border="0" style="width: 100%; height: 414px;"><tbody>
<tr><td align="center" style="width: 180px; height: 350px;">
<div align="center" style="width: 178px; height: 348px; border: 2px solid #222; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; padding: 2px;">
<!--- Вложенная таблица админов --->
<table cellspacing="0" cellpadding="0" border="0" style="width: 100%;">
<tr><td align="center" style="height: 60px;">
<img src="http://photomonster.ru/data/upload/4fa6c/0fccf/c276f1131f.png" alt="" border="0">
</td></tr>
<tr><td align="center" valign="top">
<br>

<br><br>
<a href= https://darkbutler.rusff.me/profile.php?id=2 ><img src="http://s018.radikal.ru/i504/1201/67/8dc226258669.png" ></a> - админ-создатель ролевой. Мягкий и ласковый, хотя умеет выпустить коготки.
<a href= https://darkbutler.rusff.me/profile.php?id=3><img src="http://s010.radikal.ru/i313/1201/e8/464cdf478dc0.png" ></a> - админ-идеолог ролевой. Помогает главадмину, является таким же важным звеном на форуме. <br></div>
<br><br>

</td>
</tr>
</table>
<!--- Конец таблицы админов --->
</div>
</td>
<td align="right" style="height: 350px;">
<div align="center" style="width: 98%; height: 348px; border: 2px solid #222; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; padding: 2px;">
<!--- Вложенная таблица новостей --->
<table cellspacing="0" cellpadding="0" border="0" style="width: 100%; height: 348px;">
<tr><td colspan="2" align="center" style="height: 60px;">
<img src="http://photomonster.ru/data/upload/c2184/69fda/ab215b7522.png" alt="" border="0">
</td></tr>
<tr><td align="center">
<div align="center" style="padding: 2px; height: 288px; overflow: auto; overflow-x: hidden; 99%;">
<b>19.01.2012</b><br>
Форум создан. Созданы разделы и написан сюжет. Есть темы для общения и темы для игр. Пишутся акции. Уважаемые друзья, случайно нашедшие этот форум, не сидите на главной странице, а регистрируйтесь. Мы постатаемся создать вам такую обстановку, чтобы вам скучно не было. <br>Ваш Сиэль.

</td></tr>
</table>
<td align="right" style="height: 350px;">
<div align="center" style="width: 98%; height: 348px; border: 2px solid #222; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; padding: 2px;">
<!--- Вложенная таблица рекламы --->
<table cellspacing="0" cellpadding="0" border="0" style="width: 100%; height: 348px;">
<tr><td colspan="2" align="center" style="height: 60px;">
<img src="http://photomonster.ru/data/upload/0fccf/fb1a9/b2ddf6f01c.png" alt="" border="0">
</td></tr>
<tr><td align="center">
<div align="center" style="padding: 2px; height: 288px; overflow: auto; overflow-x: hidden; 99%;">
Итак, что насчет рекламы. Конечно же, вам необходимо прочесть <a href=" Этикет.">правила рекламирования</a> прежде, чем начать рекламировать. Если вы заметили, то вариантов рекламы у нас достаточно много. Поэтому мы предлагаем вам брать не первый попавшийся вариант, а тот, что подойдет для дизайна на форуме. Благодарю за внимание.

</td>
</tr>
</table>
<!--- Конец таблицы рекламы --->
</div>
</td></tr>
<tr>
<!--- Конец таблицы новостей --->
</div>
</td></tr>
<tr>
<td colspan="2" align="center" style="height: 64px;">
<!--- Таблица кнопок меню --->
<table cellspacing="2" cellpadding="2" border="0" style="width:100%;">
<tr>
<td align="center">
<DIV><div class=splLink><img src="http://photomonster.ru/data/upload/49112/ba193/512226faa7.png" alt="" border="0"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>
<a href=" Сюжет.">Сюжет</a>
<br><a href=" Правила">Правила</a>
<br><a href="https://darkbutler.rusff.me/viewtopic.php?id=5 ">Расы</a>
<br><a href=" Роли.">Роли</a><br><a href=" Этикет.">Этикет</a>
<br><a href=" Викторианская мода.">Викторианская мода</a>
<br><a href=" Шаблон анкеты">Шаблон анкеты</a> <br><a href="https://darkbutler.rusff.me/viewtopic.php?id=8#p8">Занимаем роли</a><br><br><a href=" https://darkbutler.rusff.me/viewtopic.ph … t;>Ваши вопросы</a>

</DIV></DIV>
</td>
<td align="center">
<DIV><div class=splLink><img src="http://photomonster.ru/data/upload/4fa6c/4efc3/09d8cc1fd9.png" alt="" border="0"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>
Время будет установлено позже.

</DIV></DIV>
</td>
<td align="center">
<DIV><div class=splLink><img src="http://photomonster.ru/data/upload/0fccf/49112/8db6918026.png" alt="" border="0"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>
Ожидаем.

</DIV></DIV>
</td>
</tr>
</table>
<!--- Конец таблицы кнопок --->
</td>
</tr></tbody>
</table>

0


Вы здесь » Dark Butler: London Bridge is falling down... » Тестовый форум » Тестовое сообщение


Рейтинг форумов | Создать форум бесплатно