lorem ipsum dolor sit amet, consectetur adipiscing elit. fusce placerat velit nec nisl condimentum, ac vulputate nulla dapibus. nulla suscipit dapibus pharetra. curabitur ut rutrum risus. nunc fermentum eleifend elit, et laoreet nunc congue at. aenean varius vestibulum tellus, ut sagittis mauris mattis sit amet. in hac habitasse platea dictumst.
наверх
вниз

krivulya

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

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


Вы здесь » krivulya » let's kill this love » Тестовое сообщение


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

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

1

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

0

2

Классическая структура

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


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

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

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

/* A2.1 */   /*** ФОН  ***/
html, body {margin: 0; padding: 0
background-color: #FFFF33; 
background-image: url("ССЫЛКА НА ВАШЕ ФОНОВОЕ ИЗОБРАЖЕНИЕ"); 
background-repeat: no-repeat; 
background-attachment: fixed; 
background-position: top center;
}



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

/* 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: 30px;
  position: relative;
  background-color: transparent; 
  width: 80%;
  }

/* 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: solid;
  border-bottom: none;
  border-width: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 #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 tbody.hasicon td.tcl {
  padding-left: 3.2em
  }

/* C2.15 */
.punbb div.icon {
  border-style: solid;
  border-width: 0.6em 0.6em 0.6em 0.6em;
  height: 0;
  line-height: 0.0;
  margin-top: 0.1em;
  width: 0;
  }

/* C2.16 */
.punbb  table div.icon {
  font-size: 1.05em;
  position: absolute;
  margin-left: -2.2em;
  }

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

  width: 216px;
  color: #2a2d2d;
  box-shadow: 0px 0px 3px 0px #3a2710,
 0 0 7px 1px #5da29d;
  background: url(ССЫЛКА НА КАРТИНКУ) 50% 0%;
  border: 2px solid #e09f42;
  border-radius: 4px;
  }

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

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

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

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


/*** ШАПКА***/

#pun-title table {
        border: none;
        height: 253px;
        width: 100%;
        background-image: url(ссылка на фоновое изображение);
}

#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: 2px;
}

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

/* D4.2 */  /*** МЕНЮ НАВИГАЦИИ НОВЫЕ СОО АКТИВНЫЕ ТЕМЫ***/
#pun-ulinks .container {

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

0

3

Классические цвета

Код:
/* CS1 Background and text colours
-------------------------------------------------------------*/

/* 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: #dedfdf;
  color: #333;
  }

 /*** ШАПКА ПОСТОВ***/  /*** ПОСТ ОФОРМЛЕНИЕ ПРОФИЛЯ***/
/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
  background-color: #d1d1d1;
  color: #333;
  }

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

 /*** МОДЕРАТОРЫ ФОРУМА***/
/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background-color: #aac9eb;
  color: #333;
  }

/* CS1.5 */ /*** МОЙ ПРОФИЛЬ ТЕЛО ***/
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  background-color: #d1d1d1;
  color: #005EAB
  }

 /*** ШАПКА ПОСТОВ***/
/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background-color: #d1d1d1;
  color: #333
  }

/* CS1.7 */ /*** ПОЛЕ С ПОСТОМ КОДА***/ /*** ПОЛЕ С ПОСТОМ ЦИТАТЫ***/
.punbb .quote-box, .punbb .code-box {
  background-color: #f9f9f9;
  color: #333
  }

/* CS1.8 */   /*** МЕНЮ НАВИГАЦИИ ФОРУМ УЧАСТНИКИ***/
#pun-navlinks .container {
  background-color: #dedfdf;
  color: #f1f1f1;
  }

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

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

 /*** ШАПКА ПОСТОВ***/ /*** ОКАНТОВКА СООБЩЕНИЯ***/
/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
  border-color: #606060
  }

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

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

 /*** ШАПКА ПОСТОВ***/ /*** ОКАНТОВКА СООБЩЕНИЯ***/ /*** ССЫЛКИ УДАЛИТЬ ТЕМУ РЕДАКТИРОВАТЬ ПЕРЕНЕСТИ И ТД***/ /*** ОКАНТОВКА ФОРМЫ ОТВЕТА НАПИШИТЕ ВАШЕ СООБЩЕНИЕ***/ /*** МОЙ ПРОФИЛЬ ТЕЛО ***/
.punbb .post-links ul {
/* 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: #606060;
  }

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

/* CS2.6 */ /*** ПОЛЕ С ПОСТОМ КОДА***/ /*** ПОЛЕ С ПОСТОМ ЦИТАТЫ***/
.punbb .quote-box, .punbb .code-box {
  border-color: #ccc #fff #fff #ccc;
  }

/*** ЗАГОЛОВОК ОБЪЯВЛЕНИЯ***/ /*** ПОЛЬЗОВАТЕЛИ ОНЛАЙН АКТИВНЫ***/
#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
  border-color: #ccc
  }

/*** ЗАГОЛОВОК ОБЪЯВЛЕНИЯ***/ /*** ПОЛЬЗОВАТЕЛИ ОНЛАЙН СЕГОДНЯ БЫЛИ***/
#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
  border-color: #fff
  }

.punbb .divider {
  border-color: #ccc #fff #fff #fff
  }

/*** ОКАНТОВКА ФОРМЫ ОТВЕТА НАПИШИТЕ ВАШЕ СООБЩЕНИЕ***/
.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 1px solid #dedfdf
  }

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


/* 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: #005EAB
  }

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

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

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

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #005cb1;
  text-decoration: underline
  }

/*** НУМЕРАЦИЯ СТРАНИЦ ***/
#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #333;
  color: #fff;
  }

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

div.icon {border-color: #E6E6E6 #DEDEDE #DADADA #E2E2E2}
tr.iredirect div.icon {border-color: #F7F7F7 #F7F7F7 #F7F7F7 #f7f7f7}
div.inew {border-color: #0080D7 #0065C0 #0058B3 #0072CA}

#pun-main div.catleft, #pun-main div.catright {display: none}

0

4

https://forumupload.ru/uploads/001c/04/95/2/341564.jpg фон
https://forumupload.ru/uploads/001c/04/95/2/504254.jpg шапка
https://forumupload.ru/uploads/001c/04/95/2/975380.jpg тело
https://forumupload.ru/uploads/001c/04/95/2/716877.jpg футер

0

5

https://forumupload.ru/uploads/001c/04/95/2/37850.png иконка стандарт
https://forumupload.ru/uploads/001c/04/95/2/544818.png иконка новое
https://forumupload.ru/uploads/001c/04/95/2/326202.png иконка важное
https://forumupload.ru/uploads/001c/04/95/2/429690.png иконка закрыто

0

6

https://forumupload.ru/uploads/001c/04/95/2/12843.jpg категории

0

7

Код:
[html] <center><div class="themebox">
        <h1>ЗАГОЛОВОК</h1>
        <small>маленький поясняющий текст</small><br></div>
        <div class="info"">Много текста много текста много текста много текста Много текста много текста много текста много текста Много текста много текста много текста много текста Много текста много текста много текста много текста Много текста много текста много текста много текста Много текста много текста много текста много текста Много текста много текста много текста много текста</div>
        
        <div class="overflow">
        <div class="tablebox">
       <div class="tbox1">    
     <h3>придержанные роли:</h3>
        :: роль <br>
        :: роль<br>
        :: роль<br>
        :: роль<br>
        :: роль<br>
        </div>
<div class="tbox2"> 
        <h3>выкупленные роли:</h3> 
        :: роль <br>
        :: роль<br>
        :: роль<br>
        :: роль<br>
        :: роль<br>
        </div></div></div>
        </center>

<style>
 .themebox, .tablebox, .info
        {width: 600px; 
        height: auto;
        box-sizing: border-box; 
        box-shadow: 0 0 0 1px #2f2f2f; 
        border: 1px solid #1d1d1d !important; 
        padding: 15px; 
        color: #131312; 
        background: #e8e8f1; 
  text-transform: lowercase; 
        } 
        
        .themebox {
        text-align: center; 
         }
        
        .info {text-align: justify;
        font-size: 11px;} 
        
        h1 {font-size: 40px!important;}
        
        h3 {font-size: 18px!important;}
        
        .tablebox {display: flex; 
        flex-wrap: nowrap; 
        justify-content: space-between;} 
        
        .tbox1,
        .tbox2
        {width: 50%; 
        text-align: center;
        font-size: 11px; 
 overflow-y: scroll;
        }
        .small {
            margin-top: -10px;
        }
        
</style>[/html]

0

8

https://forumupload.ru/uploads/001c/04/95/2/668678.png сообщения
https://forumupload.ru/uploads/001c/04/95/2/28112.png лайки
https://forumupload.ru/uploads/001c/04/95/2/622875.png постов

https://forumupload.ru/uploads/001c/04/95/2/282543.png отправить лс

0

9

https://forumupload.ru/uploads/001c/04/95/2/261927.png верх
https://forumupload.ru/uploads/001c/04/95/2/708605.png низ

плеер
https://forumupload.ru/uploads/001c/04/95/2/336863.png плей
https://forumupload.ru/uploads/001c/04/95/2/78837.png пауза

0

10

https://forumupload.ru/uploads/001c/04/95/2/533954.png плашка маленькая картинка
https://forumupload.ru/uploads/001c/04/95/2/326927.jpg плашка большая картинка

<fonpi><pic><img src="https://forumupload.ru/uploads/001c/04/95/2/533954.png"></a></ici><verx>нуздрасти</verx><niz>вэлкам отсюда</niz></fonpi>

0

11

krivulya написал(а):

много текста много текста много текста много текста много текста много текста много текста много текста много текста много текста много текста много текста много текста много текста много текста много текста много текста много текста много текста много текста много текста много текста много текста много текста много текста много текста много текста много текста

0

12

Код:
много текста много текста много текста много текста много текста много текста много текста много текста много текста много текста много текста много текста много текста много текста много текста много текста много текста много текста много текста много текста много текста много текста много текста много текста много текста много текста много текста много текста

0

13

https://forumupload.ru/uploads/001c/04/95/2/219357.png фонт
https://forumupload.ru/uploads/001c/04/95/2/45477.png сайз
https://forumupload.ru/uploads/001c/04/95/2/104605.png болд
https://forumupload.ru/uploads/001c/04/95/2/269776.png италик
https://forumupload.ru/uploads/001c/04/95/2/962025.png андерлайн
https://forumupload.ru/uploads/001c/04/95/2/521120.png страйк
https://forumupload.ru/uploads/001c/04/95/2/655006.png лефт
https://forumupload.ru/uploads/001c/04/95/2/854568.png центер
https://forumupload.ru/uploads/001c/04/95/2/14432.png райт
https://forumupload.ru/uploads/001c/04/95/2/486163.png линк
https://forumupload.ru/uploads/001c/04/95/2/976422.png спойлер
https://forumupload.ru/uploads/001c/04/95/2/212971.png имг1
https://forumupload.ru/uploads/001c/04/95/2/208014.png имг2
https://forumupload.ru/uploads/001c/04/95/2/553573.png видео
https://forumupload.ru/uploads/001c/04/95/2/90811.png хайд
https://forumupload.ru/uploads/001c/04/95/2/324192.png цитата
https://forumupload.ru/uploads/001c/04/95/2/139188.png код
https://forumupload.ru/uploads/001c/04/95/2/357467.png колор
https://forumupload.ru/uploads/001c/04/95/2/421092.png тейбл
https://forumupload.ru/uploads/001c/04/95/2/481425.png смайл
https://forumupload.ru/uploads/001c/04/95/2/353873.png кейборд
https://forumupload.ru/uploads/001c/04/95/2/782347.png дополнительно
https://forumupload.ru/uploads/001c/04/95/2/908106.png вложения

https://forumupload.ru/uploads/001c/04/95/2/760140.png индент
https://forumupload.ru/uploads/001c/04/95/2/15808.png выравнивание
https://forumupload.ru/uploads/001c/04/95/2/178747.png маска
https://forumupload.ru/uploads/001c/0a/a1/2/844375.png флоат центер
https://forumupload.ru/uploads/001c/0a/a1/2/792339.png флоат лефт
https://forumupload.ru/uploads/001c/0a/a1/2/418760.png флоат райт

0


Вы здесь » krivulya » let's kill this love » Тестовое сообщение


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