полный код в css с подробным пояснением

Страница: 1

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

Поделиться12011-07-30 16:08:33

Автор: марли
Администратор
плашка: <img src="https://sh.uploads.ru/t/uapQ1.png">
Зарегистрирован: 2011-07-11
Приглашений: 0
Сообщений: 579
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
10 дней 14 часов
Последний визит:
2020-05-04 14:44:37

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

Код:

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

/* A3.2 */
.punbb {
  font: normal 68.75% verdana;
  }

/* 3.3 */
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
  font: 1em verdana
  }

/* 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;
  position: relative;
  width: 831px;
  margin: auto;
  }

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

/* C2.15 */
.punbb div.icon {
float: right;
display: block;
width: 65px;
height: 65px;
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;
  cop-ps: 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 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: 0px;
  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: 0px;
	width: 816px;
	height: 0px;
}

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

#pun-title td.title-logo-tdr {
	border: none;
	width: 420px;
}

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

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

/* 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%;
  right-cop: 21ps;
}

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

Второе окошко стиля:

Код:

/*сдвигает меню навигации. первая: "форум, учасники итп", вторая: "активные темы, новые сообщения итп.*/


div#pun-navlinks {
position: absolute;
width: 100%;
text-align: center;
top: 0px;
color: #c8917d;
}

div#pun-ulinks {
position: absolute;
width: 100%;
text-align: center;
top: 0px;
color: #c8917d;
}

/*параметры для логотипа и цвета заднего фона*/

body {background-color: #050505;
background-image : url("адрес_картинки");
background-repeat: no-repeat;
background-position : top center;
color: #050505;
}


/*параметры для тела форума*/


#pun {top: 800px;
width: 800px;
background-image : url("адрес_картинки");
background-color : #fcf4f1;
background-position : center;
background-attachment : ;
color: #050505;

}

/* цвета форума, а так же цвет текста. менять желательно исключительно цвета текста, потому что цвета самого текста по умолчанию установлены как прозрачные */


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

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

/* 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;
  color: #050505;
  font-weight: bold;
  font-style: normal;

  }


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

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

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

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
  background-color: transparent;
  color: #050505;
  }

/* CS1.8 */
#pun-ulinks .container {
  background-color: transparent;
  color: #050505;
  text-align: center;

  }

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

.punbb textarea, .punbb select, .punbb input {
  background-color: transparent;
  color: #050505;
}


/* бордеры (обводка), они же границы. все прозаично. удалить нельзя, потому что при удаление все значения будут заменены на серый цвет стандартный. ужасный очень. */

/* 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;
  color: #transparent;
  text-align: left;
  
 }

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

/* если вам захочется не оформлять категории картинками, то замените значение transparent на цвет в шестеричной системе RBG. Этот параметр в том значение в котором дан делает текст на категориях прозрачным  */

/* CS2.3 а */
#pun-stats h2 .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin{
  color: #000000;
  text-align: center;
  }

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

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

  }

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

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


/* цвета ссылок, до, после и во время клика. минимальные знания английского сильно помогут разобраться  */

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

  }

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

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

  }

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

  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #c8917d;
  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: #c8917d;
  }


/* самая интересная деталь кода: иконки новые-старые сообщения. 
div.icon - старые
tr.inew div.icon - новые 
tr.iclosed div.icon - закрытые
tr.isticky div.icon - важные
 */


div.icon { padding-left: 10px;
background: url(адрес_картинки) no-repeat;
}

tr.inew div.icon {
background: url(адрес_картинки) no-repeat;
}

tr.iclosed div.icon {
background: url(адрес_картинки) no-repeat;
}

tr.isticky div.icon {
background: url(адрес_картинки) no-repeat;
}

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



/* множество настроек для дизайна самых разнообразных свойств. чаще всего они отключают бордеры. */

#pun #pun-main .pa-title {text-align: center; }
#pun #pun-main .pa-author {text-align: center; }
#pun #pun-viewtopic.punbb #pun-main .container .online ul .pa-online {display: none; }
#pun #pun-viewtopic.punbb #pun-main .container .online ul .pa-online {display: none; }
#pun_wrap #pun  #pun-title.section #logo-table tbody{display: none; }
#pun-title.section #title-logo-table tbody #title-logo-tr #title-logo-tdl.title-logo-tdl .title-logo {display: none; }
#pun-announcement h2 {display: none}
#pun-announcement .container {padding-top: 1em}
#pun-crumbs2.section .crumbs {display: none; }
#pun-about.section .container .item1 {display: none; }
#pun  .tc2, #pun-main .post-author ul  {text-align: center;}


/* категории. работают следующим образом: заменяют картинками ЗАДНИЙ ФОН под категориями. Но так как ранее мы сделали прозрачным текст на категориях, то собственно это не так важно. Картинки для категории задаются по порядку. Т.е если сначала идет регистрация, анкетирование, прием итп, то картинки должны быть именно в таком порядке и никак иначе. Число категорий и кодов для них может менять - можно удалять лишнии и дополнять новые. Для того, что бы появилась картинка достаточно в первой строчке изменить с #pun-category1.category h2 { на #pun-category(номер категории по порядку).category h2 { Разумеется без скобок. */



#pun-category1.category h2 {
background: url(адрес_картинки) no-repeat top center;
height: 40px;
border-style: none;
font-size:0 !important;}

#pun-category2.category h2 {
background: url(адрес_картинки) no-repeat top center;
height: 40px;
border-style: none;
font-size:0 !important;}

#pun-category3.category h2 {
background: url(адрес_картинки) no-repeat top center;
height: 40px;
border-style: none;
font-size:0 !important;}


/* футер. это картинка в самом низу форума с капирайтами чаще всего. */

#pun-about p.container { 
background-color: #fcf4f1;
background-image : url(адрес_картинки); 
background-position : center top; 
background-repeat : no-repeat; 
height : 80px; 
}
div#html-footer {
margin: 0px 0px 0px 0px;
}



/* замена навигационного меню на картинки. картинки свои оставил, что бы было понятно что для какого параметра свойственно.  */

li#navindex {
background: url(https://forumupload.ru/uploads/000d/f0/3e/59-1.png) center center no-repeat;
padding: 1px 4px;
}
li#navindex a{
padding: 2px 4px;
}
li#navindex a span{
visibility: hidden;
}
li#navuserlist {
background: url(https://forumupload.ru/uploads/000d/f0/40/2-2.png) center center no-repeat;
padding: 2px 4px;
}
li#navuserlist a{
padding: 2px 4px;
}
li#navuserlist a span{
visibility: hidden;
}
li#navsearch {
background: url(https://forumupload.ru/uploads/000d/f0/40/2-3.png) center center no-repeat;
padding: 2px 4px;
}
li#navsearch a{
padding: 2px 4px;
}
li#navsearch a span{
visibility: hidden;
}
li#navprofile {
background: url(https://forumupload.ru/uploads/000d/f0/40/2-4.png) center center no-repeat;
margin: 2x 4px;
}
li#navprofile a{
margin: 2px 4x;
}
li#navprofile a span{
visibility: hidden;
}
li#navpm {
background: url(https://forumupload.ru/uploads/000d/f0/40/2-5.png) center center no-repeat;
margin: 2px 4px;
}
li#navpm a{
margin: 2px 4px;
}
#pun-navlinks ul li a span {
visibility: hidden;
}
li#navadmin {
background: url(https://forumupload.ru/uploads/000d/f0/40/3-1.png) center center no-repeat;
margin: 2px 4px;
}
li#navadmin a{
margin: 2px 4px;
}
li#navadmin a span{
visibility: hidden;
}
li#navlogout {
background: url(https://forumupload.ru/uploads/000d/f0/40/3-3.png) center center no-repeat;
margin: 2px 4px;
}
li#navlogout a{
margin: 2px 4px;
}
li#navlogout a span{
visibility: hidden;
}
li#navlogin {
background: url(https://forumupload.ru/uploads/000d/f0/40/3-4.png) center center no-repeat;
padding: 2px 4px;
}
li#navlogin a{
padding: 2px 4px;
}
li#navlogin a span{
visibility: hidden;
}
li#navregister {
background: url(https://forumupload.ru/uploads/000d/f0/40/3-2.png) center center no-repeat;
padding: 2px 6px;
}
li#navregister a{
padding: 2px 6px;
}
li#navregister a span{
visibility: hidden;
}

/* выравнивания параметров профиля */


#pun_wrap #pun #pun-viewtopic.punbb #pun-main .topic .container .post-author ul {text-align: left; }
#pun_wrap #pun #pun-viewtopic.punbb #pun-main .topic .container .pa-author {text-align: left; }
#pun_wrap #pun #pun-viewtopic.punbb #pun-main .topic .container  ul .pa-title {text-align: left; }



/* Идея реализации кода принадлежит проекту  etiquette rules и PS в частности. Копирование разрешено с указанием копирайта на проект и/или автора. http://etiquette.rusff.me/
Задать свои вопросы по коду вы можете в теме: http://etiquette.rusff.me/viewtopic.php?id=532#p19165  */

Поделиться22011-07-30 16:12:35

Автор: марли
Администратор
плашка: <img src="https://sh.uploads.ru/t/uapQ1.png">
Зарегистрирован: 2011-07-11
Приглашений: 0
Сообщений: 579
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
10 дней 14 часов
Последний визит:
2020-05-04 14:44:37

Пояснения;

background-color: #050505;

Цвет заднего фона для данного элемента. Задается в системе RBG

background-image : url("адрес_картинки");

Задает задний фон для элемента изображением.

background-repeat: no-repeat;

повторение заднего фона. данный параметр задает отмену повтора.

background-position : top center;

позиция элемента на "экране". У нас задано вверху - по центру.

color: #050505;

параметр цвета. чаще всего на mybb задает цвет шрифта.

top: 800px;

отступ сверху.

width: 800px;

ширина в пикселях.

height : 80px;

высота в пикселях

background-color: transparent;

задний фон задан прозрачным параметром. т.е был задан прозрачным цветом.

text-align: left;

выравнивание текста

font-size:0 !important;

размер шрифта. у нас шрифт не отображается в этом случае.

border-style: none;

отменена бордера (грани, обводки) для отдельного элемента

Поделиться32011-07-30 16:17:42

Автор: марли
Администратор
плашка: <img src="https://sh.uploads.ru/t/uapQ1.png">
Зарегистрирован: 2011-07-11
Приглашений: 0
Сообщений: 579
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
10 дней 14 часов
Последний визит:
2020-05-04 14:44:37

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

в общем шапка и задний фон (можно заменить как на картинку так и на цвет)

/* CS1.1 */

основной цвет шрифта на форуме

/* CS1.2 */

цвет пользовательских ссылок

/* CS1.3 */

заливка поля категорий

/* CS1.4 */

заливка фона меню модератора

/* CS1.5 */

заливка категорий в профиле

/* CS1.6 */

заливка профиля

/* CS1.7 */

цитата,цвета

/* CS1.8 */

настройки навигации (не всегда)

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

Границы форума. Цвет границ. Я обычно это не трогаю)
Все границы желательно делать одного цвета.

/* CS3 Links
-------------------------------------------------------------*/

ссылки

/* CS3.1 */
/* CS3.2 */

цвет до наведения

/* CS3.4 */

после наведения

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

иконки. категории. статистика
есть вопросы?)

Поделиться42013-02-16 11:55:55

Автор: марли
Администратор
плашка: <img src="https://sh.uploads.ru/t/uapQ1.png">
Зарегистрирован: 2011-07-11
Приглашений: 0
Сообщений: 579
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
10 дней 14 часов
Последний визит:
2020-05-04 14:44:37

TVD. DEATH IS NOT THE END СРОЧНО НУЖНЫ:
Stefan Salvatore

Tyler Lockwood

Alaric Saltzman
April Young

Hayley

Jenna Sommers
ТАКЖЕ НУЖНЫ ГОСПОДА ИЗ НУЖНЫХ ПЕРСОНАЖЕЙ!
НА РОЛЕВОЙ ДЕЙСТВУЕТ УПРОЩЕННЫЙ ПРИЕМ (ДЛЯ НЕ КАНОНОВ).
КВЕСТЫ ПИШУТСЯ ПОСТОЯННО,
НАДЕЖНЫЙ И ДРУЖНЫЙ КОЛЛЕКТИВ!
ТЫ ЕЩЕ НЕ С НАМИ?
ТОГДА МЫ ИДЕМ К ВАМ!

Поделиться52013-06-23 11:50:37

Автор: марли
Администратор
плашка: <img src="https://sh.uploads.ru/t/uapQ1.png">
Зарегистрирован: 2011-07-11
Приглашений: 0
Сообщений: 579
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
10 дней 14 часов
Последний визит:
2020-05-04 14:44:37

LORA DICKERSON
1. Имя персонажа
Lora Dickerson | Лора Дикерсон
2. Возраст
21 y.o.
3. Ориентация персонажа
Гетеросексуальная
4. Главная цель в жизни?
Успеть взять от жизни всё. Успешно работать на телевиденье. Постепенно подниматься вверх по карьерной лестнице, достичь так сказать безграничных высот. Найти любимого человека, завести дружную семью.
5. Умеете ли Вы хранить секреты? Ответственны ли Вы?
Скорее да, чем нет. Если надо - выскажу всё в лицо, не привыкла оставлять всё в себе.
6. Вредные привычки, криминальное прошлое или самая безумная проделка персонажа
Не курит, к алкоголю отношусь нейтрально. Криминального прошлого славу богу нет, и надеюсь не будет. Хм, самая безумная? Разве, что вышла в 18 лет замуж. Через месяц развелась, и поняла, что я полная дурочка. А также я прыгала с парашюта, если это считается.
Holland Roden
7. Пару слов о том, чем персонаж занимался до проекта
Как я писала выше - неудачно вышла замуж. Родилась в обеспеченной семье, поэтому всегда всё было доступно. До проекта училась на факультете журналистики. Родители помогли добиться места ведущей, за что я им благодарна. Решила, так сказать, попробовать себя в новой сфере. До этого иногда вела музыкальные чарты на муз. каналах.
8. Характер персонажа
Она обладает удивительным талантом понимать людей, поддерживать их. Умение работать в команде. Всегда окажет помощь нуждающимся людям. Не привыкла сдаваться, всегда идет до конца. Привыкла ставить перед собой цели, поэтапно расставив ступеньки, она постепенно будет перешагивать на ступень выше. Лора не будет держать в себе, она спокойно может высказать человеку все, что о нем думает. Будь то хорошее, то неприятное. Борец за справедливость. Привыкла самостоятельно решать все свои проблемы. Кому-то на что-то жаловаться времени нет, надо надеяться только на себя. Она старается общаться только с теми, кто ей интересен, других девушка игнорирует или делает все, чтобы те от нее отстали. Несмотря на миловидную внешность, бывает серьезной и вам не провести её вокруг пальца. Играть чувствами она не привыкла. Если ей нравится человек - она будет с ним рядом, если нет - поговорит и объяснит ему это так, чтоб он и не думал на неё обижаться. Бывает жутко ленива, порой ранима, что свойственно каждой девушке. Любит адреналин.
Скрытый текст:
Для просмотра скрытого текста - войдите или зарегистрируйтесь.

Поделиться62013-07-31 17:47:54

Автор: марли
Администратор
плашка: <img src="https://sh.uploads.ru/t/uapQ1.png">
Зарегистрирован: 2011-07-11
Приглашений: 0
Сообщений: 579
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
10 дней 14 часов
Последний визит:
2020-05-04 14:44:37

гостевая сюжет нужные

Поделиться72015-01-12 22:00:53

Автор: марли
Администратор
плашка: <img src="https://sh.uploads.ru/t/uapQ1.png">
Зарегистрирован: 2011-07-11
Приглашений: 0
Сообщений: 579
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
10 дней 14 часов
Последний визит:
2020-05-04 14:44:37

вудли - будем дружить хд. ...можно даже компанию такую собрать хд. которая вместе со школы допустим, и в универе тоже дружат хд
добрев - подруги

Поделиться82016-03-14 18:32:08

Автор: марли
Администратор
плашка: <img src="https://sh.uploads.ru/t/uapQ1.png">
Зарегистрирован: 2011-07-11
Приглашений: 0
Сообщений: 579
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
10 дней 14 часов
Последний визит:
2020-05-04 14:44:37


	. . . . . . . . . . . . . . . территория риска
	Алан & Фрея . . . . .	27 февраля \| загородный дом \| вечер . . . . .

Поделиться92016-07-03 16:04:57

Автор: марли
Администратор
плашка: <img src="https://sh.uploads.ru/t/uapQ1.png">
Зарегистрирован: 2011-07-11
Приглашений: 0
Сообщений: 579
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
10 дней 14 часов
Последний визит:
2020-05-04 14:44:37

Поделиться102016-08-21 20:13:50

Автор: марли
Администратор
плашка: <img src="https://sh.uploads.ru/t/uapQ1.png">
Зарегистрирован: 2011-07-11
Приглашений: 0
Сообщений: 579
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
10 дней 14 часов
Последний визит:
2020-05-04 14:44:37

ПОКАТАЕМСЯ?
ВРЕМЯ: 18 июня 2016, ночь	МЕСТО: улицы	УЧАСТНИКИ: Ребекка и Тобиас
«Скорость – это и есть возможность чуда» Dillon Francis ft DJ Snake – Get Low
Тоб берет Бекку штурманом на предстоящую уличную гонку. А что из этого получится, вы скоро узнаете.

Поделиться112016-09-29 18:24:56

Автор: марли
Администратор
плашка: <img src="https://sh.uploads.ru/t/uapQ1.png">
Зарегистрирован: 2011-07-11
Приглашений: 0
Сообщений: 579
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
10 дней 14 часов
Последний визит:
2020-05-04 14:44:37

<div class="titleblok">
<div class="zagvezde">вася пупкин</div><br><br><br>

<div class="textblok">
<div class="zagxv"><center><b>- Мысли о персонаже -</b></center></div><br>

<div class="teloxv">Заберите меня хд Не отказался бы от друзей, родственников, врагов, бывших и всех остальных. Рассмотрю любые предложения, я вообще за любой кипишь кроме голодовки) Родился в среднестатистической семье, скорее всего есть младшая сестра (или брат, или все сразу), вспыльчивый, но отходчивый. Возможно, преподаватель (аспирант) в университете, пожарный, или работает в офисе. Внешность, хм... На скидку М. Айронс, Л. Митчелл, Амелл младший, Д. Франко, К. Хейнс, Т. Джеймс, рассмотрю и ваши варианты) </div></div>

</div></div></center>

Поделиться122016-10-01 11:44:24

Автор: марли
Администратор
плашка: <img src="https://sh.uploads.ru/t/uapQ1.png">
Зарегистрирован: 2011-07-11
Приглашений: 0
Сообщений: 579
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
10 дней 14 часов
Последний визит:
2020-05-04 14:44:37

http://robertamell.tumblr.com/post/115947505578 с вегой
http://robertamell.tumblr.com/post/118984722432
http://robertamell.tumblr.com/post/1140 … n-the-duff
http://robertamell.tumblr.com/post/116121124786
http://robertamell.tumblr.com/post/89595046092 тело
http://robertamell.tumblr.com/post/1108 … bbie-amell из флеша сидит на койке
http://robertamell.tumblr.com/post/1133 … hamberlain из флеша

тонкин и амелл
https://www.youtube.com/watch?v=g__sgAJd7p4
https://www.youtube.com/watch?v=EviBVc0uoP4
https://www.youtube.com/watch?v=uATpqWr4wuA

Поделиться132016-10-14 15:34:55

Автор: марли
Администратор
плашка: <img src="https://sh.uploads.ru/t/uapQ1.png">
Зарегистрирован: 2011-07-11
Приглашений: 0
Сообщений: 579
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
10 дней 14 часов
Последний визит:
2020-05-04 14:44:37

Код:

<!--HTML-->
<style type="text/css">
.forma01 { width: 534px; height: auto; margin-left: -3px; padding-top: 20px; padding-bottom: 30px; display: block; background: url(http://funkyimg.com/i/2hJ6H.png) top no-repeat, url(http://funkyimg.com/i/2hJ6F.png) bottom no-repeat, url(http://funkyimg.com/i/2hJ6G.png) repeat-y;} 

.formaname01 {width: 534px; letter-spacing: 0px; text-transform:lowercase; font-weight: bold; color: #866726; font-family: Georgia; font-style: italic; font-size: 22px; text-align: center;  padding:-0px; text-shadow: 1px 1px 0px #fff; margin-top:5px; }

.formatext01 {width: 520px; font-size: 10px; color: #3b3b3b; text-align: left; }
</style>

<center>
<div class="forma01">
<div class="formaname01"><b>Хочу грешить с ....</b></div>
<div class="formatext01">
<div style="width: 100%;  margin-top: 10px; text-align: left; margin-left:5px;">
<center>
<!-- -->


<blockquote>
<div class="anketa"><table><tr><td><div style="width:400px;">
<center><div class="name "><i>


<!-- ВАШИ ИМЯ И ФАМИЛИЯ НА АНГЛИЙСКОМ ЯЗЫКЕ -->

тревор ?

</i></DIV>
<div class="info">


<!-- НАПИШИТЕ ЗДЕСЬ ВАШ ДЕНЬ РОЖДЕНИЯ, ВОЗРАСТ, ОРИЕНТАЦИЮ И ПРОФЕССИЮ -->


<center>26-30 | гетеро | спасатель, агент, военный, что-то крутое</align>



</DIV>





<div class="info">


<!-- СВЯЗЬ ОБЯЗАТЕЛЬНА. ЛС И Е-МЕЙЛ НЕ ПОДХОДЯТ. МОЖНО ОТПРАВИТЬ В ЛС ПРИНИМАЮЩЕМУ АДМИНУ  -->


<center></align>



</DIV>
</center>
</div></td>
<td style="width:150px" >


<!-- ВМЕСТО http://placehold.it/120x120 ВСТАВЬТЕ КАРТИНКУ 120x120 пикселей С ВАШИМ ПЕРСОНАЖЕМ -->




<div style="-moz-border-radius: 140px;
border-radius: 120px;height:120px;width:120px;background-image:url('https://67.media.tumblr.com/33d69c7a714a48463a53703f43683bf2/tumblr_mmwactr73p1rvgg9ho4_250.gif'); border:5px solid #556B2F;">


</div>
<center><div class="info" style="margin-left: -10px;">


<!-- ЗАНИМАЕМАЯ ВНЕШНОСТЬ НА АНГЛ. ЯЗЫКЕ -->

<center>scott eastwood</center>



</div></center></td>
</tr></table>
<div class="formaname01"><b> ВАША ИСТОРИЯ</b></div>
<div class="bio">
<div class="bio">

<!-- ХАРАКТЕР ЖЕЛАЕМОГО ПЕРСОНАЖА -->

я не знаю, что именно я хочу хд но точно хочу лицезреть иствуда в ла! не понимаю, почему его так редко берут( пускай я неожиданно ворвалась в твою жизнь и внесла в неё яркие краски, эмоции с:

</br>
</div></blockquote>
</br>
</div></center>

Поделиться142018-05-22 19:55:38

Автор: марли
Администратор
плашка: <img src="https://sh.uploads.ru/t/uapQ1.png">
Зарегистрирован: 2011-07-11
Приглашений: 0
Сообщений: 579
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
10 дней 14 часов
Последний визит:
2020-05-04 14:44:37

	welcome to new york

хочу стать для тебя НУЖНОЙ

	Alicia Vikander	26



[float=left][/float]Не любительница приходить в пустую, поэтому буду рада вашим предложениям [готова генерировать совместные идеи/сюжеты]. * Виктория художница/владелица школы рисования или же цветочного магазина. * В 22 переехала жить в Нью-Йорк. Появилась на свет в Новом Орлеане [менябельно]. * Родилась в неблагополучной семье. * С 13 и до 18 лет находилась в детском приюте. * Тори приходилось выживать. Другое слово просто трудно подобрать, ведь в тот же день [как она покинула стены приюта] она смогла устроиться работать в ресторан, ночевать до первой зарплаты приходилось там же. Со временем, конечно, Рид сняла небольшую квартирку, купила себе мольберт, начала рисовать. * Постепенно жизнь налаживалась, и она ушла из ресторана, начав зарабатывать на жизнь картинами, ведь оказалось, что в Новом Орлеане много ценителей прекрасного. * Однажды ей все надоело. Вик собрала все свои вещи, вернула ключ от съемной квартиры хозяину и поехала путешествовать (на тот момент девушке было 21). У неё много друзей в сети, и она всегда хотела с ними повидаться в живую. В общем, девушка побывала во многих городах (путешествовала почти год, в основном подрабатывая уличной художницей), а потом попала в Нью-Йорк. Ей понравилось здесь, поэтому она решила снять квартиру в новом городе. * Но 13 ноября - дата, которую Рид запомнит на всю свою жизнь. Она гуляла по улицам ночного города и решила купить лотерейный билет. Просто так, ради забавы. И что вы думаете? Виктория выиграла целый миллион! Она не могла поверить в это до тех пор, пока ей не предоставили наличные [возможно, ее даже приглашали на тв]. Решив, что этот город приносит ей удачу, она купила себе просторную квартиру. Теперь её можно назвать полноправной жительницей этого города, но уверенна ли ты Тори, что он действительно будет приносить тебе удачу постоянно? Она целеустремленная, привыкшая добиваться желаемого и не сгибаться под ударами судьбы. К сожалению, не вижу эту девушку стервой до мозга костей. Есть задумка, что, когда девочка потеряла родителей, она осталась жить со старшим братом - других родственников у неё нет. Однако, через год тому все надоело [проблема денег/долгов] и он отдал младшую сестру в приют. По достижению совершеннолетия, Виктории не было куда податься, кроме как к брату, который предал её и оставила на произвол судьбы. Но, придя к тому дому, где Рид провела свое детство, ей сказали, что брат уже давно умер, а квартира досталась его гулящей якобы жене. Так вот, возможно, что брат подстроил свою смерть и сейчас живет совершенно новой жизнью - соответственно, в планах их будущая встреча [но это чисто как мысля в моей светлой головушке].

Поделиться152018-08-12 21:00:07

Автор: марли
Администратор
плашка: <img src="https://sh.uploads.ru/t/uapQ1.png">
Зарегистрирован: 2011-07-11
Приглашений: 0
Сообщений: 579
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
10 дней 14 часов
Последний визит:
2020-05-04 14:44:37

..................
хочу быть для тебя нужной
бетти • 25-27 • дизайнер свадебных платьев/журналистка/учительница/тренер по фигурному катанию/хореграф • lily james
Не любительница приходить в пустую, поэтому буду рада вашим предложениям [готова генерировать совместные идеи/сюжеты].
Хотелось бы найти семью. ~~Семейная драма? Да я вас уже обожаю!)~~
Насчет профессии - вариантов, как вы видите, много. Буду рада, если кому-то нужна коллега ~~подберите под крылышко~~
Сама она из малообеспеченной семьи и когда-то всего добивалась сама. ~~[меняемо, вдруг кто подберет]~~
Она целеустремленная, привыкшая добиваться желаемого и не сгибаться под ударами судьбы. К сожалению, не вижу эту девушку стервой до мозга костей.
Несколько лет назад сбила человека и скрылась с места происшествия. Однако, судьба сыграла с ней злую шутку: любимый человек оказался сыном того самого мужчины, которого она сбила на дороге. Бетти никогда и никому не рассказывала о том судбаносном дне в её жизни. Казалось бы, прошло столько лет, ночные кошмары перестали её преследовать, жизнь наладилась, но вот в памяти вновь всплыл образ умершего мужчины. Каждый день совесть и чувство вины дают о себе знать. Она не знает как поступить: рассказать правду и потерять любимого человека/или же промолчать и сойти с ума.
Может быть найдется тот, кто захочет потянуть за собой.

..................

Поделиться162018-09-22 17:28:51

Автор: марли
Администратор
плашка: <img src="https://sh.uploads.ru/t/uapQ1.png">
Зарегистрирован: 2011-07-11
Приглашений: 0
Сообщений: 579
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
10 дней 14 часов
Последний визит:
2020-05-04 14:44:37

[chill]хочу зачилиться[/chill][chill1][align=center][/chill1][chill2]аделаида кейн, люси хейл, кэт грэхэм, кэндис аккола, лил джеймс, допустим// дизайнер свадебных платьев/художница/учительница/тренер по фигурному катанию или конному спорту// 25+[/chill2][chill3]
Попытка не пытка, или всем добра) Перейду сразу к ~~делу~~ описанию Норы:
Она целеустремленная, привыкшая добиваться желаемого и не сгибаться под ударами судьбы. К сожалению, не вижу эту девушку стервой до мозга костей.
Несколько лет назад сбила человека и скрылась с места происшествия. Однако, судьба сыграла с ней злую шутку: любимый человек оказался сыном того самого мужчины, которого она сбила на дороге. Нора никогда и никому не рассказывала о том судьбоносном дне в её жизни. Казалось бы, прошло столько лет, ночные кошмары перестали её преследовать, жизнь наладилась, но вот в памяти вновь всплыл образ умершего мужчины. Каждый день совесть и чувство вины дают о себе знать. Она не знает как поступить: рассказать правду и потерять любимого человека/или же промолчать и сойти с ума. Возможно, тот самый любимый работает в полиции и тайно от Норы продолжает заниматься делом отца, дабы найти убийцу (дело давно закрыли и девушке удалось избежать наказания). Не знаю как, но хотела бы, чтобы жених узнал всю правду: самостоятельно или Нора не вынесла мук совести - тут можно детально продумать. Дальнейшую историю героев хотелось бы обсудить непосредственно с со-игроком если таковой найдется хд и вообще, думала после ссоры между ними её накрыла карма и сбила машина, в итоге Нора ослепла на некоторое время, и так как в городе она осталась совершенно одна (хотя, буду не против родных) ему пришлось перешагнуть через себя, он забрал ее к себе, заботился и все такое прочее, это как один из вариантов хд
Может быть найдется тот, кто захочет потянуть за собой (:
[/chill3]

Поделиться172018-09-23 13:23:46

Автор: марли
Администратор
плашка: <img src="https://sh.uploads.ru/t/uapQ1.png">
Зарегистрирован: 2011-07-11
Приглашений: 0
Сообщений: 579
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
10 дней 14 часов
Последний визит:
2020-05-04 14:44:37

[chill]хочу зачилиться[/chill][chill1][/chill1][chill2]zoe saldana//модельер-художник//35[/chill2][chill3]
Хочу к вам, но и в пустоту идти побаиваюсь.. Вдруг кто-то еще не успел написать заявку, так что го объединяться)
Эмори родилась в солнечной Бразилии.
Переехала в Питтсбург, когда девочке исполнилось десять лет.
В детстве занималась фигурным катанием, рисованием и танцами.
Возможно, семья Эмори удочерила/усыновила ребенка, либо у неё есть родные братья/сестры.
В 17-18 лет девушка родила дочь.
После рождения дочери Мо посвятила себя учебе, а после работе. Малышка часто оставалась бабушки с дедушкой. Однако, спустя время, Эмори поняла, что между ними появилась некая пропасть. Сейчас они мало общаются, а их встречи заканчиваются очередным скандалом. Попытки наладить контакт безнадежны. Эмори дико сожалеет, что так получилось. В конце концов, дочь ни в чем не виновата.
В 25 открыла собственный свадебный салон в центре города. Разумеется, тут обошлось не без помощи богатых родителей. Мо очень им благодарна за такую неоценимую помощь.
Любит собак. Мечтает когда-нибудь обзавестись пушистым созданием, а пока в силу загруженности довольствуется британским котом по кличке Лекс.
Помимо эскизов и работы Эмори увлекается фитнесом (помогает поддерживать себя в форме), готовкой (особенно любит выпекать и готовить испанскую кухню), конным спортом (раз в месяц обязательно посещает ранчо).
Коллекционирует фарфоровые фигурки кошечек.
Обычно засыпает с альбомом для рисования или книгой.
Хотелось бы найти дочь, с которой сложились непростые отношения, но в процессе все же прийти к взаимопониманию. В жизни Эмори неожидано мог появится отец дочери, который давно пропал и никогда не интересовался жизнью дочери - или же на этом настояла сама Эмори и запретила ему приближаться к ребенку? А тут еще, как некстати, произошло ограбление/пожар свадебного салона. Что может пойти еще не так?
В общем, буду рада всем)
[/chill3]

Страница: 1

олалала

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

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

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

полный код в css с подробным пояснением

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

Поделиться12011-07-30 16:08:33

Поделиться22011-07-30 16:12:35

Поделиться32011-07-30 16:17:42

Поделиться42013-02-16 11:55:55

Поделиться52013-06-23 11:50:37

Поделиться62013-07-31 17:47:54

Поделиться72015-01-12 22:00:53

Поделиться82016-03-14 18:32:08

Поделиться92016-07-03 16:04:57

Поделиться102016-08-21 20:13:50

Поделиться112016-09-29 18:24:56

Поделиться122016-10-01 11:44:24

Поделиться132016-10-14 15:34:55

Поделиться142018-05-22 19:55:38

Поделиться152018-08-12 21:00:07

Поделиться162018-09-22 17:28:51

Поделиться172018-09-23 13:23:46