Новое
● Смена дизайна! Выражаем благодарность tørst vinden!

● Были подведены итоги неприлично затянувшихся конкурсов.
А еще Зефир ищет креативных, толковых людей, которые любят и умеют конкурсы устраивать.

● Голосование "Сахарная Вата. Декабрь-январь.".

● Подведены итоги. "Новый Год с Зефиром".

● А также открыт новый конкурс, с мандаринками и елочными ветками. "Дед Мороз всея Зефира" желает побродить по форумам и оценить самую красивую рекламу и самый волшебный зимний дизайн. Спешите участвовать!

● Мы дополнили наш конкурс сладостей, и теперь "Сладкая Вата" продлена до января. Самое время рассказать каталогу свою новогоднюю сказку! Принимаются также работы и осенней тематики.

● ГОЛОСОВАНИЕ. ВЫБИРАЕМ ЛУЧШИЙ ДИЗАЙН И РЕКЛАМУ.

● Зефир в поисках писателей! Ждем с нетерпением в наборе персонала.

● Уже совсем скоро! "Сладкая Вата. Ноябрь"

Зефир

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

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


Вы здесь » Зефир » Архив выполненной верстки » [Дизайн] Сайрон: Осколки всевластия


[Дизайн] Сайрон: Осколки всевластия

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

1

1. Название ролевой, ссылка:
Сайрон: Осколки всевластия
2. Что требуется:
Полостью сверстать готовый дизайн.  (если возможно исправить код)
3. Дополнительно:
Структура style.css

Код:
      /* Основа */
html, body {margin: 0; padding: 0; background: black;}
li#navawards, li.pa-online, #pun-main .container thead, #pun-live-rusff {display: none!important;}
.punbb a {color: #7e6034; text-decoration: none; transition: 1s;}
.punbb a:hover {color: #8A5A26;}
#pun {margin: auto; width: 888px; padding: 0px 374px; border: none; background: #fff url(http://savepic.org/6183536.jpg) repeat-y!important;}
#pun-about .container {border-top-style: none; text-align: left;  background: url(http://savepic.org/6196852.jpg);   width: 1640px;height: 76px;margin: 0 -374px -130px;}
#pun-about .container span.item1 {position: relative; left: 782px; top: -8px;}
#pun-title {border: none; background: url(http://savepic.org/6174320.jpg) no-repeat; height: 704px; width: 1500px; margin: 0 -305px;}
#pun-title table tbody tr .title-logo-tdr {position: absolute; margin-left: 0;}

#pun-ulinks .container {text-align: center;       position: relative;top: -466px;  left: 70px;  width: 784px;}
#pun-ulinks li a {font-size: 10px; font-family: "Times New Roman"; color: rgb( 131, 117, 86 ); text-transform: uppercase; text-align: center; text-shadow: 0.5px 0.866px 1px rgb( 0, 0, 0 );}
#pun-ulinks li a:hover {color: rgb(167, 167, 167);}

#pun-navlinks .container {text-align: center; position: relative;top: -466px;left: 70px;width: 784px;}
#pun-navlinks .container a {font: 15px 'Times new roman';  color: #ccb893;  font-variant: small-caps;text-align: center; text-shadow: 0px 1px 1px rgb( 0, 0, 0 );}

#pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover {height: 2em; line-height: 2em; padding: 0; font-size: 1.2em; margin-left: -9999px; display: block; float:left; width: 100%;}

#pun-pagelinks {position: absolute; top: -15px; left: 0; margin: 0; border: none; padding: 0; width: 100%;}

.punbb .post-links ul {padding: 10px 1em 0 0; height: 18px;   text-align: right; font: 14px 'Times New Roman';}

#pun-main h2, #pun-main h1, #pun-stats h2, #pun-debug h2 {font-size: 20px; font-family: "Times New Roman"; color: #aea09a; font-variant: small-caps; text-align: center; text-shadow: 0.5px 0.866px 1px rgb( 0, 0, 0 ); background: url(http://savepic.org/6223477.png) bottom center no-repeat; height: 5px; margin-left: -26px;padding: 30px 0px;}

.punbb .post-content .blockcode, .punbb .post-content blockquote {overflow: hidden; padding: 0px;                border-style: solid;  border-width: 12px;  -moz-border-image: url(http://savepic.ru/6100009.png) 12 repeat;  -webkit-border-image: url(http://savepic.ru/6100009.png) 12 repeat;  -o-border-image: url(http://savepic.ru/6100009.png) 12 repeat;  border-image: url(http://savepic.ru/6100009.png) 12 fill repeat;}
.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {margin: 0 0.6em 0 0; background: rgba(243, 234, 220, 0.3); -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; color: rgb(32, 30, 28); padding: 2px 4px; border: 1px solid rgba(20, 17, 10, 0.37); margin-top: 10px;}
.punbb textarea, .punbb .longinput input {margin: 0; background: rgba(243, 234, 220, 0.4); -moz-border-radius: 2px;  -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; color: rgb(32, 30, 28); padding: 4px; border: 1px solid rgba(20, 17, 10, 0.37); font-family: monospace; font-size: 11px;}

.punbb select, .punbb input {background: rgba(226, 211, 188, 0.73); -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; border: 1px solid rgba(20, 17, 10, 0.37); color: rgb(32, 30, 28);  
padding: 4px; margin-top: 4px;}
      /* Öèòàòû -êîäû */
.punbb .post-content .quote-box, .punbb .post-content .code-box {padding: 10px; color: rgb(12, 17, 23);}

.punbb .post-sig dt {display: block; border-top: 1px solid rgba(17, 12, 12, 0.55); width: 200px; margin: 5px 0; margin-left: 200px;}

#pun-messages pun-main {margin-top: 30px;}

.punbb div.icon {float: left; display: block; width: 82px; height: 66px;}
div.icon {background: url(http://savepic.ru/6095913.png)  no-repeat;}
tr.inew div.icon {background: url(http://savepic.org/6235652.png) no-repeat;}
tr.iclosed div.icon {background: url(http://savepic.ru/6098985.png)  no-repeat;}
tr.isticky div.icon {background: url(http://savepic.org/6241796.png) no-repeat;}
#pun-main table div.tclcon {padding-left: 82px;text-align: justify;}

/* Остальное */
.punbb * {margin: 0}
.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {padding: 0; list-style: none;}
.punbb img {border:none}
.punbb .main table {
  table-layout: fixed;
  width: 100%;
}
.checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 0.3em;}
p[class="checkfield"] *,
div[class="checkfield"] *,
fieldset[class="radiofield"] * {
  height: 1.8em;
  vertical-align: middle
}
body {
  font-size:  11px 100.01%!important;
  overflow-x: hidden;
  overflow-y: scroll;
}
.punbb {
  font: normal 68.75% verdana, geneva, lucida, arial, sans-serif, 'Comfortaa';
}
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
  font: 1em verdana, arial, helvetica, sans-serif
}
.punbb h1, .punbb h2, .punbb h3 {
  font-size: 1em;
  font-weight: bold;
}
.punbb th {
  font-weight: bold;
}
.punbb h4, .punbb table {
  font-weight: normal;
}
.punbb pre {
  font: 1.1em/140% monaco, 'bitstream vera sans mono', 'courier new', courier, monospace
}
.punbb address, .punbb em {
  font-style: normal
}
.punbb .post-content em {
  font-style: italic
}
.punbb .post-content em.bbuline {
  font-style: normal;
  text-decoration: underline;
}
.punbb optgroup {
  font-weight: bold;
}
#pun:after,
.punbb .container:after,
.punbb .post-links ul:after,
.punbb .main div.inline:after,
.punbb .post-box:after,
.punbb .linksb:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  overflow:hidden;
  line-height: 0.0;
  font-size: 0;
}
.acchide,
#pun-index #pun-main h1,
#pun-navlinks h2,
#pun-pagelinks h2,
#pun-status h2,
#pun-ulinks h2,
.punbb .forum h2,
.punbb .multipage .topic h2,
.punbb dl.post-sig dt span,
.punbb p.crumbs strong,
.punbb .divider hr,
.punbb .required label em,
.punbb .formsubmit label,
.punbb .submitfield label,
.punbb .modmenu label,
#pun-userlist .main h2 {
  font-size: 0;
  height: 0;
  width: 0;
  line-height: 0.0;
  position:absolute;
  left: -9999px;
  overflow: hidden
}
.punbb {float: left;width: 100%;}
div#pun-redirect {width: 1636px; margin-left: -374px; height: auto; background: black; text-align: center;}
.punbb .section, .punbb .main {
  margin-bottom: 1em;
}
.punbb .category, .punbb .post {
  margin-top: 2em!important;
}
.punbb #pun-category1, .punbb .toppost, .punbb .topicpost {
  margin: 0;
}
#pun-post .topic {
  margin-top: 1em;
}
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border: none;
}
.punbb .container {
  border: none;
}
.punbb .post-content {
  padding: 0;
  margin: 0;
  width: 100%;
  overflow: hidden;
}
.punbb .post-content p {
  margin: 0;
  padding: 0 0 1em 0;
  line-height: 150%;
}
.punbb .post-content img {
  vertical-align: text-top
}
.punbb .post-content img.postimg {
  vertical-align: middle;
}
.punbb .post-content .scrollbox {
  width: 100%;
  overflow: auto;
}
.punbb .quote-box cite, .punbb .code-box strong.legend {
  display: block;
  font: italic 14px 'Comfortaa';
  margin-bottom: 4px;
}
.punbb .info-box {
  padding: 1.1em 1.7em 1em 1.7em;
  border-style: solid;
  border-width: 1px;
  margin: 0 0 1.1em 0;
}
.punbb .info-box * {
  padding: 0 0 0.7em 0;
}
.punbb #pun-main .info-box .legend {
  font-size: 1.1em;
  font-weight: bold;
}
.punbb .linkst {
  float: left;
  width: 100%;
}
.linkst .pagelink {
  width: 24em;
  color: #06213c;
}
.linkst .postlink {
  text-align: right;
  /* margin: -14px 0 0; */
}
.punbb .linksb {
  text-align: right;
  padding: 0.4em 1em 0.5em 1em;
  font-size: 1.1em;
}
.linksb .pagelink {
  float: left;
  width: 24em;
  text-align: left;
}
.linksb .postlink {
  float: right;
  width: 16em;
  font-weight: bold
}
.subscribelink {
  clear:both;
  padding-top: 0.3em;
  padding-bottom: 0.5em;
}
.punbb .formal .container {
  padding: 0em 1em;
}
.punbb .formsubmit {
  padding: 0 0 0 1.7em;
  margin: 0em 0 0 0;
}
.punbb fieldset {
  border: none;
  padding: 0 18px 0 18px;
  margin: 0 0 -1em 0;
  z-index: 99999;  position: relative;
}
#pun-messages  fieldset {margin-bottom: 1em;}
.punbb fieldset legend {
  padding: 0;
  margin: 0;
  font-size: 1.1em;
  border: none;
  background: transparent;  
}
.punbb fieldset fieldset {
  border-style: none;
  margin: 0;
  padding: 0 0 8px 0
}
.punbb .fs-box {
  padding: 1em 0 0.8em 0;
}
.punbb .fs-box p, .punbb .fs-box fieldset {
  padding: 0 0 0.8em 0
}
.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield {
  float: left;
  margin-right: 1em;
}
.punbb .inline .infofield {
  clear:both
}
.punbb .datafield br {
  display: none
}
.punbb .required label, .punbb .datafield span.input {
  font-weight: bold
}
.punbb .datafield span.input a {
  font-weight: normal;
}
.punbb .areafield span.input, .punbb p.longinput span.input {
  display: block;
  padding: 0 4em 0 0;
  height: 100%; /* For IE */
}
.punbb .hashelp {
  position: relative;
}
.punbb .helplinks {
  display: block;
  position: absolute;
  top: 1em;
  right: 0;
  font-weight: normal;
  width: 36%;
}
.punbb #profile .helplinks {
  top: 1.5em;
}
.punbb .helplinks span {
  display: block;
  padding-bottom: 0.2em;
}
.punbb .helplinks span INPUT {
  margin: 0px 2px 2px 0px;
}
#pun-post .formal .info-box li {
  padding-left: 4px;
  list-style-type: square;
  list-style-position: inside;
  line-height: 1.5;
  margin: 0;
}
.punbb .main .tcl {
  overflow: hidden;
  /* text-align: left; */
  width: 60%;
  position: relative;
}
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
  text-align: center;
  width: 10%;
}
.punbb .main .tcr {
  overflow: hidden;
  text-align: left;
  width: 30%;
}
#pun-userlist .main .tcl,
#pun-searchtopics .main .tcl,
#pun-modviewforum .main .tcl {
  width: 40%
}
#pun-userlist .main .tc2,
#pun-searchtopics .main .tc2 {
  text-align: left;
  width: 20%;
}
#pun-debug table .tcl {
  width: 15%;
  white-space:normal;
}
#pun-debug .tcr {
  width: 90%;
  white-space: normal;
}
#pun-index .tcl h3 a {
  font: bold 17px 'Times new roman';
  font-variant: small-caps;
  color: #551000!important;
}
.punbb td span.youposted {
  font-weight: bold;
  margin-left: -1em;
  position: absolute;
}
.punbb td .modlist {
  display: block;
  padding-top: 0.3em
}
.punbb .main td {
  border: none;
  padding: 0.8em 1em;
}
* html .tclcon {height: 1px}
.punbb .post h3 {
  border: none;
  z-index: 9;
  position: relative;
}
.punbb .post h3 span {
  padding: 2px 0em 0px 210px;
  display: block; 
}
.post h3 span a:link, .post h3 span a:visited {
  font-weight: normal;
  font-size: 10px;
  text-decoration: none;
}
.punbb .post h3 strong {
  float: right;
  width: 5em;
  text-align: right;
  font-weight: normal;
  }
.punbb .post .post-author {
  float: left;
  width: 202px;
}
.punbb .post .post-author ul, .punbb .post .post-author p {
  padding: 0 1em 1em 1em;
  line-height: 140%;
  text-align: center;;
}
.punbb .post-body {
  margin-left: 200px;
  padding: 0 0 0px 0;
  margin-bottom: -10px;
}
.punbb .post-box {
  padding: 1em;
}
.punbb fieldset .post-box {
  margin-bottom: 0.8em
}
.punbb .post-links li {
  display: inline;
  padding-left: 1em;
}
.pl-email, .pl-website {
  float: left;
}
.punbb .clearer {
  clear: both;
  height: 0;
  font-size: 0;
}
.punbb .modmenu .container {
  padding: 0.5em 1em;
  text-align: right;
}
.punbb .modmenu strong, .punbb .modmenu a {
  height: 1.8em;
  line-height: 1.8em;
}
.punbb .modmenu .container strong {
  float: left;
}
.punbb .modmenu input {
  margin-left: 1em;
}
.punbb .info .container {
  padding: 0.8em 1em;
}
.punbb .info .container .backlink {
  padding-top: 0.8em;
}
#profile .container {
  padding-left: 18.6em;
}
#profilenav {
  float: left;
  width: 14em;
  margin-left: -16.3em;
  display: inline;
}
#profilenav li {
  padding-bottom: 0.8em;
  font-weight: bold;
}
#viewprofile ul, #profilenav ul {
  border: none;
  padding: 1.5em 18px 0.8em 18px;
  margin: 0 0 1em 0;
}
#viewprofile li, #setmods dl {
  padding: 0 0 0 16em;
  margin-bottom: 0.2em;
}
#viewprofile li span {
  float: left;
  width: 14em;
  margin-left: -16em;
  padding: 0.5em 1em;
  font-weight: bold;
}
#setmods dt {
  float: left;
  width: 14em;
  margin-left: -16em;
  padding: 0.8em 1em;
  font-weight: bold;
  display: inline;
}
#viewprofile li strong, #viewprofile li div, #setmods dd {
  display: block;
  padding: 0.5em 1em;
  font-weight: normal;
}
.punbb img.avatardemo {
  float: right;
  margin: 0 0 0.8em 1.8em
}
#pun-userlist .formal, #pun-userlist .formal .container {
  border-bottom: none;
  margin-bottom: 0;
}
#pun-userlist .usertable .container {
  padding: 0 2.3em 2.3em 2.3em;
  border-top: none;
}
#pun-userlist .usertable table {
  border: none;
}
#pun-title .container {
  border-style: none ;
  padding: 0.2em 1em 0.8em 1em;
}
#pun-title h1 span {
  display: none;
}
#pun-title TABLE {
  border: none;
  width: 100%;
}
#pun-title TD.title-logo-tdl {
  border: none;
  width: 100%;
}
#pun-pagelinks .container {
  background: transparent;
  border: none;
  padding: 0
}
#pun-pagelinks .container li {
  display: inline
}
#pun-pagelinks a:active, #pun-pagelinks a:focus {
  position:relative;
  margin: 0;
}
#pun-pagelinks li a span {
  display:block;
  margin: 0 1em
}
#pun-navlinks li {
  display: inline;
  margin: 0.6% 1.6% 0.6%;
}
#pun-ulinks li, #pun-ulinks li a {
  display: inline;
  white-space: nowrap;
  border: none;
}

#pun-status .container {
  padding: 0.8em 1em 1em 1em;
}
#pun-status span {
  white-space: nowrap;
  margin-right: 0.5em;
}
#pun-crumbs1 {
  margin-top: 0;
  display: none;
}
#pun-crumbs1 p.container {
  border-top: none;
  padding: 1em 1em 0.8em 1em;
}
#pun-break1 {
  display: none;
}
#pun-announcement h2 span {
  display: none;
}
 #pun-stats .container {
  padding: 0.8em 1em
}
#pun-stats li.item1, #pun-stats li.item2 {
  float: left;
  clear: both;
  line-height: 150%;
}
#pun-stats li.item3, #pun-stats li.item4 {
  text-align: right;
  line-height: 150%;
}
li#onlinelist {
  margin-top: 1em;
  border: none;
  float: left;
  width: 100%;
  line-height: 130%;
}
li#onlinelist div {
  border: none;
  padding: 0.7em 0 0 0;
}
#pun-qjump {
  margin: 0;
  border: none;
  width: 50%;
  position: relative;
  float: left;
}
#pun-qjump .container {
  border: none;
  background: transparent;
  padding: 0.8em 1em;
}
#pun-crumbs2 {
  font-weight: bold;
  overflow: hidden;
  border-bottom: none;
  position: relative;
  z-index: 2;
}
#pun-crumbs2 .container {
  border-bottom: none;
  padding: 0.8em 1em;
  font-size: 1.1em;
}
#pun-break4 {
  display: none;
}
div.punbb-admin #pun-about .container {
  border-top-style: none;
  }
#pun-help .formal .info-box h3.legend {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  padding-bottom: 0;
  margin-bottom: 0.8em;
  }
#pun-help .formal .info-box h3.legend span {
  padding-bottom: 0.6em;
  display: block;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  font-size: 1.1em;
  }
#pun-help .formal p, #pun-help .formal dd {
  margin-bottom: 1em
  }
#pun-help .formal ul, #pun-help .formal dl {
  padding: 0 0 0 1em
  }
#pun-help .formal li {
  padding: 0;
  line-height: 130%
  }
#pun-help .formal li * {
  vertical-align: text-top
  }
#pun-help .formal dt span {
  font: 1.4em/120% monaco, 'bitstream vera sans mono', 'courier new', courier, monospace
  }
#pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode {
  padding-bottom: 0;
  }
  
.punbb .post .post-author {background: url(http://savepic.ru/6158376.jpg) 0 0 repeat-y; overflow: visible; margin: 12px 0px 12px 6px!important;}
.punbb .post .post-author > ul {background: url(http://savepic.org/6231556.png) 0 top no-repeat, url() 0 bottom no-repeat; margin: -22px 0 -12px 0!important; padding: 38px 17px!important;}
.post .post-author > ul, .post .post-author a {color: #d6bc8f!important;}
li.pa-author {font-size: 18px; font-family: 'Times New Roman'; font-variant: small-caps; text-align: center;}
li.pa-avatar.item2 img {border-style: solid; border-width: 31px 5px 2px;  -moz-border-image: url(http://savepic.ru/6144040.png) 31 7 7 repeat; -webkit-border-image: url(http://savepic.ru/6144040.png) 31 7 7 repeat; -o-border-image: url(http://savepic.ru/6144040.png) 31 7 7 repeat; border-image: url(http://savepic.ru/6144040.png) 32 5 2 fill repeat; max-width: 150px; height: auto;}
li.pa-title {font: small-caps 14px 'Times new roman'; color: #cfb693; letter-spacing: 1px;margin-bottom: 4px;}
li.pa-author > a {display: block; float: left; width: 100%;     font-weight:lighter; margin-bottom: 18px;}
div#pun-announcement {margin-top: -424px; margin-bottom: 90px; font: 13px 'Times new roman';}
div#f_block {height: 250px; width: 180px; margin: 4px 8px; overflow-y: auto;  overflow-x: hidden;}
div#s_block {height: 260px; width: 430px; margin: 4px 14px; overflow-y: auto; overflow-x: hidden;}
/*div#t_block {height: 250px; width: 180px; margin: 4px 14px; overflow-y: auto; overflow-x: hidden;} */
.tab_container1 {height: 256px;}
ul.tabs {display: flex; width: 100%; height: 10px;}
ul.tabs > li {position: relative; top: 30px; display: block; width: 122px; height: 40px; text-align: center; padding: 6px 0; margin-left: 22px; background: url(http://savepic.ru/6094888.png) no-repeat;}
ul.tabs > li > a {color: #dbc5a5!important; font: 15px 'Times new roman'; text-transform: uppercase;}
.slider, .slider * {margin:0;padding:0;}
.slider { overflow:hidden; border:none 0 transparent!important; border-collapse:collapse;}
.button-left.hide,.button-right.hide{display:none;}
.slider img.button-left,.slider img.button-right{cursor:pointer;}
div.Wrap-slids {text-align:left;overflow:hidden;position:relative;}
div.train {text-align:left; overflow:hidden; white-space:nowrap; position:absolute;}
.slider-content{margin:0;padding:0; white-space: normal;word-break: normal; text-align:center; overflow-y:auto; overflow-x:auto; display:none;}
.slider-content.active {display:block;}

Цвета style_cs.css - удалить все от туда!

HTML-верх

Код:
<!-- HTML верх -Cпойлер cкрытия Инфы под N-кнопок в Профиле Топика -->
<style>img.post-img-Sp {margin:6px 3px;}
div.tipsy.tipsy-s.Sp-imgSp-img .tipsy-inner{font-size:14px;letter-spacing:1px;}
</style>
<script type="text/javascript" src="http://forumfiles.ru/files/0010/b4/f8/57844.js"></script>

<!--Кнопки вверх вниз-->
<div style="position:fixed; right:0.5%; bottom: 45%;"><a href=#top onClick="scrollTo(0,0); return false;" title="Вверх страницы"><img src="http://savepic.ru/6141995.png" alt="Вверх страницы" ></a><br/><a href=#top onClick="scrollTo(0, document.body.scrollHeight); return false;" title="Вниз страницы"><img src="http://savepic.org/6283782.png" alt="Вниз страницы" ></a></div>

<!-- Слайдер -->
<script type="text/javascript" src="http://forumfiles.ru/files/0010/b4/f8/88003.js"></script>

HTML-низ

Код:
<center><a href="/pages/banneri.php" style="position: relative;z-index:999;"><img src='http://savepic.org/6229511.png'/></a></cnter>


<!-- Скрипты -->
<script>
var a1 = 1	// 0 - спойлер-аккордеон, 1 - вертикальный спойлер; 3 - обычный спойлер
var a2 = 0	// 0 - Скрытие первой вкладки; 1 - Показ первой вкладки;
var a3 = 0 // Резкость Открытия: 0 - Плавно; 1 - Резко;
var LiArr=new Array(
//При наличии двух косых => // в начале пункта, - пункт не скрывается.
//"pa-author",     //Ник-Нейм
//"pa-avatar",     //Аватар
//"pa-title",      //статус
// 1 кнопка - ссылка на Картинку
//В квадратных скобках, прямо к ссылке можно добавить своё описание (по желанию)
"http://savepic.org/6261255.png",
"pa-reg",        //Зарегистрирован
"pa-invites", //Приглашений
"pa-posts",      //Кол-во сообщений:
"pa-respect",    //Уважение:
"pa-positive",  //Позитив
"pa-sex",        //Пол
"pa-age",        //Возраст
"pa-icq",        //Аська
"pa-ip",         //IP Юзера
"pa-time-visit", //Провел на форуме:
"pa-last-visit", //Последний визит:
//"pa-online",     //Пользователь online - Не засовываем в спойлеры
// 2 кнопка- ссылка на Картинку
"http://savepic.ru/6116392.png",
"pa-from",       //Откуда
"pa-fld1",       //Доп.Поле.1
// 3 кнопка- ссылка на Картинку
"http://savepic.org/6259207.png",
"pa-fld2",      //Доп.Поле.2
"pa-fld3",      //Доп.Поле.3
"pa-fld4",       //Доп.Поле.4
"pa-fld5",       //Доп.Поле.5
//"award",      //Награды(только для rusff и ork)
//"gift",         //Подарки(только для rusff и ork)
//Конец Списка,
"_End"); SetProvilSpoil(a1,a2,a3);
</script>

<script  type="text/javascript"> var L0='<img class="imgON_Off" src="';
    var L1='" style="display: block;position: relative;left: -18px;margin-bottom: -46px;" />';    var ImgON="http://savepic.org/6288903.png";
    var ImgOff="http://savepic.ru/6140968.png";
    $("#pun-viewtopic .post .post-author > ul").each(function ()   {
    if ($(this).find(".pa-online").html()!=null){$(this).append(L0+ImgON+L1)
        }else $(this).append(L0+ImgOff+L1);
    });
</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">

$(document).ready(function() {


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

});

</script>

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

Код:
<table border="0" cellpadding="1" cellspacing="1" style="width: 900px; height: 250px;">
    	<tbody>
        <tr>
        	<td style="width: 24%; text-align: center;">
            <div id="f_block">
            	<div>Администраторы</div>
            	<div>Создатель</div>
            	<div>Модераторы</div>
            	<div>Тиана &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Хастлер&nbsp;</div>
            	<div>&nbsp; &nbsp; ГМ &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Модератор&nbsp;</div>
            	<div>&nbsp;</div>
            	<div>Той-Муна &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Кром &nbsp;&nbsp;</div>
            	<div>&nbsp; &nbsp; &nbsp;ГМ &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Модератор, ГМ&nbsp;</div>
            	<div>&nbsp;</div>
            	<div>Керадайн Архараш &nbsp; &nbsp;Айри Андерс&nbsp;</div>
            	<div>ГМ &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ГМ&nbsp;</div>
            </div>
        	</td>
        	<td style="text-align: center;">
            <div id="s_block">
<div class="tab_container1">
<div style="display: block;" id="tab1" class="tab_content">
<div>Важно: Набор аэри и многоликих ограничен. Принимаются только персонажи из вакансий (в том числе прописанные в списке необходимых, как возможные варианты).&nbsp;</div>
            	<div>Для игры: &quot;Доска объявлений&quot;. Легкий способ нажиться на чужих бедах, а также получить артефакты за простую &quot;грязную&quot; работу. Есть возможность выполнять заказы как в игре, так и во флешах.&nbsp;</div>
            	<div>Квесты: &quot;Дракон!&quot;.В приграничном с Деферандом Княжестве настоящая беда. Беда &ndash; это слабо сказано. Катастрофа! Впервые с времен Корда на близлежащий поселения напал дракон. Отправив письмо с просьбой о помощи в Каридин и Деферанд, лорд пустил слух о том, что заплатит кругленькую сумму тому, кто принесет ему голову дракона и избавит его страну от напасти.</div>
            	<div>Квесты: Один охотник погнался за Кирри и провалился в яму, которая оказалась входом в пещеру подземных тоннелей, которые по их состоянию уже давно никто не пользовался. Пожалуй, его находка осталась бы незамеченной, если бы &laquo;счастливчик&raquo; не вынес оттуда с десяток артефактов и не попытался их продать. Было решено собрать экспедицию, которая должна проверить правдивость рассказа.&nbsp;</div>
            	<div>Вступите в приключение и разгадайте загадку в квесте &quot;Экспедиция к центру земли&quot; .</div>
</div>

<div style="display: none;" id="tab2" class="tab_content">
Контент 2
</div>

<div style="display: none;" id="tab3" class="tab_content"> 
Контент 3
</div>

<div style="display: block;" id="tab4" class="tab_content">
Контент 4
</div>

<div style="display: none;" id="tab5" class="tab_content">
Контент 5
</div>

<div style="display: none;" id="tab6" class="tab_content"> 
Контент 6
</div>

      </div>
            </div>
	</div>
</div>
        	</td>
        	<td style="width: 24%; text-align: center;">
            <div id="t_block">
<div id="slider2" slide-width="190" slide-height="260" class="slider" style="padding:0;height:0;width:0;margin-left: 10px;"><style>/*

<!-- Две Кнопки слайдера -->
    <img button-width="14" class="button-left hide" src="http://savepic.ru/6149162.png"/>
    <img button-width="14" class="button-right" src="http://savepic.org/6244870.png"/>

<div class="slider-content active">

    <div>Погода|игра</div>
        <div>Дата 4 Амаре (третий летний месяц) 6543 года. 1 неделя</div>
        <div>Очередь</div>
        <div>Лорды Терры - Валеант Харт, Шесгеул, Нирн Аотеро, ГМ&nbsp;</div>
        <div>Черный рынок - Кирани, Тенерис, ГМ&nbsp;</div>
        <div>Порт - Наменлос, ГМ&nbsp;</div>
        <div>Хрустальное озеро - Хастлер, ГМ, Тиана, Айри Андерс&nbsp;</div>
        <div>Горы Падмы - Акелла, Клаус, ГМ&nbsp;</div>
        <div>Двор песен - ГМ, Лириамэй, Дилайла, Йохан&nbsp;</div>

</div>
<div class="slider-content">

    2-й Контент

</div>
<div class="slider-content">

    3-й Контент

</div>
<div class="slider-content">

    4-й Контент

</div>
<div class="slider-content">

    5-й Контент

</div>

   */</style></div><script>$("#slider2").slideF(1);</script><!--//End Cлайдер -->

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



<ul class="tabs">
    <li class="active"><a href="#tab1">Новости</a></li>
    <li><a href="#tab2">Гид</a></li>
    <li><a href="#tab3">Навигация</a></li>
    <li><a href="#tab4">Вакансии</a></li>
    <li><a href="#tab5">Квесты</a></li>
    <li><a href="#tab6">Друзья</a></li>
</ul>

http://rghost.ru/58895447 - Файлы.
Так же по исходникам можно обратиться к Нафане (так как она дизайн нам делала)

0

2

Сайрон,
Здравствуйте)
Верстать с нуля накладненько (да и не за чем), но вот исправить недочеты вполне могу попробовать.
Беглый осмотр показал:
• Во многих местах не хватает отступов от края
• Фон заголовков категорий и тем смещен влево
• Этот же фон используется там, где не должен (например в ЛС для папок)
• Графика профиля отображается некорректно
• Не у всех ссылок есть реакция на наведение

Скорее всего что-то упустила. Напишите подробнее.
Для исправления профиля - нарежьте его вместе с основным фоном и сохраните в jpg. Или можете отправить в ЛС макет и я это сделаю сама.

Отредактировано Патему (2014-11-13 00:14:58)

0

3

Патему, Ну в общем-то вы все сказали. (что не так).

Патему написал(а):

Для исправления профиля - нарежьте его вместе с основным фоном и сохраните в jpg. Или можете отправить в ЛС макет и я это сделаю сама.

Не совсем поняла, так как у меня не исходников ничего нет

0

4

Патему, их макет:

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

0

5

Как-то так. Пишите чего не нравится или если где косяки заметили - будем править  http://sa.uploads.ru/wWxDv.png

Стиль

Код:
        /* Основа */
html, body {margin: 0; padding: 0; background: black;}
li#navawards, li.pa-online, #pun-main .container thead, #pun-live-rusff {display: none!important;}
.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: #7e6034; text-decoration: none; transition: 1s;}
.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: #6F3A0D; text-shadow: 1px 1px 0px rgba(173, 127, 60, 0.61);}
#pun {margin: auto; width: 888px; padding: 0px 374px; border: none; background: #fff url(http://savepic.org/6183536.jpg) repeat-y!important;}
#pun-about .container {border-top-style: none; text-align: left;  background: url(http://savepic.org/6196852.jpg);   width: 1640px;height: 76px;margin: 0 -374px -130px;}
#pun-about .container span.item1 {position: relative; left: 782px; top: -8px;}
#pun-title {border: none; background: url(http://savepic.org/6174320.jpg) no-repeat; height: 704px; width: 1500px; margin: 0 -305px;}
#pun-title table tbody tr .title-logo-tdr {position: absolute; margin-left: 0;}

#pun-ulinks .container {text-align: center;       position: relative;top: -463px;  left: 70px;  width: 784px;}
#pun-ulinks li a {font-size: 10px; font-family: "Times New Roman"; color: rgb( 131, 117, 86 ); text-transform: uppercase; text-align: center; text-shadow: 0.5px 0.866px 1px rgb( 0, 0, 0 );}
#pun-ulinks li a:hover {color: #885D1F;}

#pun-navlinks .container {text-align: center; position: relative;top: -466px;left: 70px;width: 784px;}
#pun-navlinks .container a {font: 15px 'Times new roman';  color: #ccb893;  font-variant: small-caps;text-align: center; text-shadow: 0px 1px 1px rgb( 0, 0, 0 );}

#pun-navlinks .container a:hover, .punbb #pun-announcement .tabs li a:hover
{
color:#885D1F;
text-shadow:none;
}

#pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover {height: 2em; line-height: 2em; padding: 0; font-size: 1.2em; margin-left: -9999px; display: block; float:left; width: 100%;}

#pun-pagelinks {position: absolute; top: -15px; left: 0; margin: 0; border: none; padding: 0; width: 100%;}

.punbb .post-links ul {padding: 10px 1em 0 0; height: 18px;   text-align: right; font: 14px 'Times New Roman';}

#pun-main h2, #pun-main h1, #pun-stats h2, #pun-debug h2 {font-size: 20px; font-family: "Times New Roman"; color: #aea09a; font-variant: small-caps; text-align: center; text-shadow: 0.5px 0.866px 1px rgb( 0, 0, 0 ); background: url(http://savepic.org/6223477.png) bottom center no-repeat; height: 5px; padding: 30px 0px;}

.punbb .post-content .blockcode, .punbb .post-content blockquote {overflow: hidden; padding: 0px;                border-style: solid;  border-width: 12px;  -moz-border-image: url(http://savepic.ru/6100009.png) 12 repeat;  -webkit-border-image: url(http://savepic.ru/6100009.png) 12 repeat;  -o-border-image: url(http://savepic.ru/6100009.png) 12 repeat;  border-image: url(http://savepic.ru/6100009.png) 12 fill repeat;}
.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {margin: 0 0.6em 0 0; background: rgba(243, 234, 220, 0.3); -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; color: rgb(32, 30, 28); padding: 2px 4px; border: 1px solid rgba(20, 17, 10, 0.37); margin-top: 10px;}
.punbb textarea, .punbb .longinput input {margin: 0; background: rgba(243, 234, 220, 0.4); -moz-border-radius: 2px;  -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; color: rgb(32, 30, 28); padding: 4px; border: 1px solid rgba(20, 17, 10, 0.37); font-family: monospace; font-size: 11px;}

.punbb select, .punbb input {background: rgba(226, 211, 188, 0.73); -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; border: 1px solid rgba(20, 17, 10, 0.37); color: rgb(32, 30, 28);  
padding: 4px; margin-top: 4px;}
      /* Öèòàòû -êîäû */
.punbb .post-content .quote-box, .punbb .post-content .code-box {padding: 10px; color: rgb(12, 17, 23);}

.punbb .post-sig dt {display: block; border-top: 1px solid rgba(17, 12, 12, 0.55); width: 200px; margin: 5px 0; margin-left: 200px;}

#pun-messages pun-main {margin-top: 30px;}

.punbb div.icon {float: left; display: block; width: 82px; height: 66px;}
div.icon {background: url(http://savepic.ru/6095913.png)  no-repeat;}
tr.inew div.icon {background: url(http://savepic.org/6235652.png) no-repeat;}
tr.iclosed div.icon {background: url(http://savepic.ru/6098985.png)  no-repeat;}
tr.isticky div.icon {background: url(http://savepic.org/6241796.png) no-repeat;}
#pun-main table div.tclcon {padding-left: 82px;text-align: justify;}

/* Остальное */
.punbb * {margin: 0}
.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {padding: 0; list-style: none;}
.punbb img {border:none}
.punbb .main table {
  table-layout: fixed;
  width: 100%;
}
.checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 0.3em;}
p[class="checkfield"] *,
div[class="checkfield"] *,
fieldset[class="radiofield"] * {
  height: 1.8em;
  vertical-align: middle
}
body {
  font-size:  11px 100.01%!important;
  overflow-x: hidden;
  overflow-y: scroll;
}
.punbb {
  font: normal 68.75% verdana, geneva, lucida, arial, sans-serif, 'Comfortaa';
}
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
  font: 1em verdana, arial, helvetica, sans-serif
}
.punbb h1, .punbb h2, .punbb h3 {
  font-size: 1em;
  font-weight: bold;
}
.punbb th {
  font-weight: bold;
}
.punbb h4, .punbb table {
  font-weight: normal;
}
.punbb pre {
  font: 1.1em/140% monaco, 'bitstream vera sans mono', 'courier new', courier, monospace
}
.punbb address, .punbb em {
  font-style: normal
}
.punbb .post-content em {
  font-style: italic
}
.punbb .post-content em.bbuline {
  font-style: normal;
  text-decoration: underline;
}
.punbb optgroup {
  font-weight: bold;
}
#pun:after,
.punbb .container:after,
.punbb .post-links ul:after,
.punbb .main div.inline:after,
.punbb .post-box:after,
.punbb .linksb:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  overflow:hidden;
  line-height: 0.0;
  font-size: 0;
}
.acchide,
#pun-index #pun-main h1,
#pun-navlinks h2,
#pun-pagelinks h2,
#pun-status h2,
#pun-ulinks h2,
.punbb .forum h2,
.punbb .multipage .topic h2,
.punbb dl.post-sig dt span,
.punbb p.crumbs strong,
.punbb .divider hr,
.punbb .required label em,
.punbb .formsubmit label,
.punbb .submitfield label,
.punbb .modmenu label,
#pun-userlist .main h2 {
  font-size: 0;
  height: 0;
  width: 0;
  line-height: 0.0;
  position:absolute;
  left: -9999px;
  overflow: hidden
}
.punbb {float: left;width: 100%;}
div#pun-redirect {width: 1636px; margin-left: -374px; height: auto; background: black; text-align: center;}
.punbb .section, .punbb .main {
  margin-bottom: 1em;
}
.punbb .category, .punbb .post {
  margin-top: 2em!important;
padding: 5px;
}
.punbb #pun-category1, .punbb .toppost, .punbb .topicpost {
  margin: 0;
}
#pun-post .topic {
  margin-top: 1em;
}
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border: none;
}
.punbb .container {
  border: none;
}
.punbb .post-content {
  padding: 0;
  margin: 0;
  width: 100%;
  overflow: hidden;
}
.punbb .post-content p {
  margin: 0;
  padding: 0 0 1em 0;
  line-height: 150%;
}
.punbb .post-content img {
  vertical-align: text-top
}
.punbb .post-content img.postimg {
  vertical-align: middle;
}
.punbb .post-content .scrollbox {
  width: 100%;
  overflow: auto;
}
.punbb .quote-box cite, .punbb .code-box strong.legend {
  display: block;
  font: italic 14px 'Comfortaa';
  margin-bottom: 4px;
}
.punbb .info-box {
  padding: 1.1em 1.7em 1em 1.7em;
  border-style: solid;
  border-width: 1px;
  margin: 0 0 1.1em 0;
}
.punbb .info-box * {
  padding: 0 0 0.7em 0;
}
.punbb #pun-main .info-box .legend {
  font-size: 1.1em;
  font-weight: bold;
}
.punbb .linkst {
position: relative;
  width: 100%;
}
.linkst .pagelink {
width: 24em;
position: absolute;
padding-left: 10px;
padding-top: 10px;
}
.linkst .postlink {
padding-right: 10px;
padding-top: 10px;
text-align: right;
font-weight: bold;
width: inherit !important;
}
.punbb .linksb {
  text-align: right;
  padding: 0.4em 1em 0.5em 1em;
  font-size: 1.1em;
}
.linksb .pagelink {
  float: left;
  width: 24em;
  text-align: left;
}
.linksb .postlink {
  float: right;
  width: 16em;
  font-weight: bold
}
.subscribelink {
  clear:both;
  padding-top: 0.3em;
  padding-bottom: 0.5em;
}
.punbb .formal .container {
  padding: 0em 1em;
}
.punbb .formsubmit {
  padding: 0 0 0 1.7em;
  margin: 0em 0 0 0;
}
.punbb fieldset {
  border: none;
  padding: 0 18px 0 18px;
  margin: 0 0 -1em 0;
  z-index: 99999;  position: relative;
}
#pun-messages  fieldset {margin-bottom: 1em;}
.punbb fieldset legend {
  padding: 0;
  margin: 0;
  font-size: 1.1em;
  border: none;
  background: transparent;  
}
.punbb fieldset fieldset {
  border-style: none;
  margin: 0;
  padding: 0 0 8px 0
}
.punbb .fs-box {
  padding: 1em 0 0.8em 0;
}
.punbb .fs-box p, .punbb .fs-box fieldset {
  padding: 0 0 0.8em 0
}
.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield {
  float: left;
  margin-right: 1em;
}
.punbb .inline .infofield {
  clear:both
}
.punbb .datafield br {
  display: none
}
.punbb .required label, .punbb .datafield span.input {
  font-weight: bold
}
.punbb .datafield span.input a {
  font-weight: normal;
}
.punbb .areafield span.input, .punbb p.longinput span.input {
  display: block;
  padding: 0 4em 0 0;
  height: 100%; /* For IE */
}
.punbb .hashelp {
  position: relative;
}
.punbb .helplinks {
  display: block;
  position: absolute;
  top: 1em;
  right: 0;
  font-weight: normal;
  width: 36%;
}
.punbb #profile .helplinks {
  top: 1.5em;
}
.punbb .helplinks span {
  display: block;
  padding-bottom: 0.2em;
}
.punbb .helplinks span INPUT {
  margin: 0px 2px 2px 0px;
}
#pun-post .formal .info-box li {
  padding-left: 4px;
  list-style-type: square;
  list-style-position: inside;
  line-height: 1.5;
  margin: 0;
}
.punbb .main .tcl {
  overflow: hidden;
  /* text-align: left; */
  width: 60%;
  position: relative;
}
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
  text-align: center;
  width: 10%;
vertical-align: top;
}
.punbb .main .tcr {
  overflow: hidden;
  text-align: left;
  width: 30%;
vertical-align:top;
}
#pun-userlist .main .tcl,
#pun-searchtopics .main .tcl,
#pun-modviewforum .main .tcl {
  width: 40%
}
#pun-userlist .main .tc2,
#pun-searchtopics .main .tc2 {
  text-align: left;
  width: 20%;
}
#pun-debug table .tcl {
  width: 15%;
  white-space:normal;
}
#pun-debug .tcr {
  width: 90%;
  white-space: normal;
}
#pun-index .tcl h3 a {
  font: bold 17px 'Times new roman';
  font-variant: small-caps;
  color: #551000;
}
.punbb td span.youposted {
  font-weight: bold;
  margin-left: -1em;
  position: absolute;
}
.punbb td .modlist {
  display: block;
  padding-top: 0.3em
}
.punbb .main td {
  border: none;
  padding: 0.8em 1em;
}
* html .tclcon {height: 1px}
.punbb .post h3 {
  border: none;
  z-index: 9;
  position: relative;
}
.punbb .post h3 span {
  padding: 2px 0em 0px 210px;
  display: block; 
}
.post h3 span a:link, .post h3 span a:visited {
  font-weight: normal;
  font-size: 10px;
  text-decoration: none;
}
.punbb .post h3 strong {
  float: right;
  width: 5em;
  text-align: right;
  font-weight: normal;
  }
.punbb .post .post-author {
  float: left;
  width: 202px;
}
.punbb .post .post-author ul, .punbb .post .post-author p {
  padding: 0 1em 1em 1em;
  line-height: 140%;
  text-align: center;;
}
.punbb .post-body {
  margin-left: 200px;
  padding: 0 0 0px 0;
  margin-bottom: -10px;
}
.punbb .post-box {
  padding: 1em 3em;
}
.punbb fieldset .post-box {
  margin-bottom: 0.8em
}
.punbb .post-links li {
  display: inline;
  padding-left: 1em;
}
.pl-email, .pl-website {
  float: left;
}
.punbb .clearer {
  clear: both;
  height: 0;
  font-size: 0;
}
.punbb .modmenu .container {
  padding: 0.5em 1em;
  text-align: right;
}
.punbb .modmenu strong, .punbb .modmenu a {
  height: 1.8em;
  line-height: 1.8em;
}
.punbb .modmenu .container strong {
  float: left;
}
.punbb .modmenu input {
  margin-left: 1em;
}
.punbb .info .container {
  padding: 0.8em 1em;
}
.punbb .info .container .backlink {
  padding-top: 0.8em;
}
#profile .container {
  padding-left: 18.6em;
}
#profilenav {
  float: left;
  width: 14em;
  margin-left: -16.3em;
  display: inline;
}
#profilenav li {
  padding-bottom: 0.8em;
  font-weight: bold;
}
#viewprofile ul, #profilenav ul {
  border: none;
  padding: 1.5em 18px 0.8em 18px;
  margin: 0 0 1em 0;
text-align: center;
}

#profilenav h2
{
background:none;
padding:0 0 5px 0;
color: #805C4E;

}
#viewprofile li, #setmods dl {
  padding: 0 0 0 16em;
  margin-bottom: 0.2em;
}
#viewprofile li span {
  float: left;
  width: 14em;
  margin-left: -16em;
  padding: 0.5em 1em;
  font-weight: bold;
}
#setmods dt {
  float: left;
  width: 14em;
  margin-left: -16em;
  padding: 0.8em 1em;
  font-weight: bold;
  display: inline;
}
#viewprofile li strong, #viewprofile li div, #setmods dd {
  display: block;
  padding: 0.5em 1em;
  font-weight: normal;
}
.punbb img.avatardemo {
  float: right;
  margin: 0 0 0.8em 1.8em
}
#pun-userlist .formal, #pun-userlist .formal .container {
  border-bottom: none;
  margin-bottom: 0;
padding-top: 20px;
}
#pun-userlist .usertable .container {
  padding: 0 2.3em 2.3em 2.3em;
  border-top: none;
}
#pun-userlist .usertable table {
  border: none;
}
#pun-title .container {
  border-style: none ;
  padding: 0.2em 1em 0.8em 1em;
}
#pun-title h1 span {
  display: none;
}
#pun-title TABLE {
  border: none;
  width: 100%;
}
#pun-title TD.title-logo-tdl {
  border: none;
  width: 100%;
}
#pun-pagelinks .container {
  background: transparent;
  border: none;
  padding: 0
}
#pun-pagelinks .container li {
  display: inline
}
#pun-pagelinks a:active, #pun-pagelinks a:focus {
  position:relative;
  margin: 0;
}
#pun-pagelinks li a span {
  display:block;
  margin: 0 1em
}
#pun-navlinks li {
  display: inline;
  margin: 0.6% 1.6% 0.6%;
}
#pun-ulinks li, #pun-ulinks li a {
  display: inline;
  white-space: nowrap;
  border: none;
padding:1px;
}

#pun-status .container {
  padding: 0.8em 1em 1em 1em;
}
#pun-status span {
  white-space: nowrap;
  margin-right: 0.5em;
}
#pun-crumbs1 {
  margin-top: 0;
  display: none;
}
#pun-crumbs1 p.container {
  border-top: none;
  padding: 1em 1em 0.8em 1em;
}
#pun-break1 {
  display: none;
}
#pun-announcement h2 span {
  display: none;
}
 #pun-stats .container {
  padding: 0.8em 1em
}
#pun-stats li.item1, #pun-stats li.item2 {
  float: left;
  clear: both;
  line-height: 150%;
}
#pun-stats li.item3, #pun-stats li.item4 {
  text-align: right;
  line-height: 150%;
}
li#onlinelist {
  margin-top: 1em;
  border: none;
  float: left;
  width: 100%;
  line-height: 130%;
}
li#onlinelist div {
  border: none;
  padding: 0.7em 0 0 0;
}
#pun-qjump {
  margin: 0;
  border: none;
  width: 50%;
  position: relative;
  float: left;
}
#pun-qjump .container {
  border: none;
  background: transparent;
  padding: 0.8em 1em;
}
#pun-crumbs2 {
  font-weight: bold;
  overflow: hidden;
  border-bottom: none;
  position: relative;
  z-index: 2;
}
#pun-crumbs2 .container {
  border-bottom: none;
  padding: 0.8em 1em;
  font-size: 1.1em;
}
#pun-break4 {
  display: none;
}
div.punbb-admin #pun-about .container {
  border-top-style: none;
  }
#pun-help .formal .info-box h3.legend {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  padding-bottom: 0;
  margin-bottom: 0.8em;
  }
#pun-help .formal .info-box h3.legend span {
  padding-bottom: 0.6em;
  display: block;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  font-size: 1.1em;
  }
#pun-help .formal p, #pun-help .formal dd {
  margin-bottom: 1em
  }
#pun-help .formal ul, #pun-help .formal dl {
  padding: 0 0 0 1em
  }
#pun-help .formal li {
  padding: 0;
  line-height: 130%
  }
#pun-help .formal li * {
  vertical-align: text-top
  }
#pun-help .formal dt span {
  font: 1.4em/120% monaco, 'bitstream vera sans mono', 'courier new', courier, monospace
  }
#pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode {
  padding-bottom: 0;
  }
  
.punbb .post .post-author {overflow: visible; margin: 12px 0px 12px 6px!important;}
.punbb .post .post-author > ul {background: url(http://savepic.ru/6241105.jpg) 0 top no-repeat, url("http://savepic.ru/6231889.jpg") 0 bottom no-repeat, url("http://savepic.ru/6227793.jpg") repeat-y; margin: -22px 0 -12px 0!important;  position:relative; padding: 32px 17px 38px 17px!important;}
.post .post-author > ul, .post .post-author a {color: #d6bc8f;}
li.pa-author {font-size: 18px; font-family: 'Times New Roman'; font-variant: small-caps; text-align: center;}
li.pa-avatar.item2 img {border-style: solid; border-width: 31px 5px 2px;  -moz-border-image: url(http://savepic.ru/6144040.png) 31 7 7 repeat; -webkit-border-image: url(http://savepic.ru/6144040.png) 31 7 7 repeat; -o-border-image: url(http://savepic.ru/6144040.png) 31 7 7 repeat; border-image: url(http://savepic.ru/6144040.png) 32 5 2 fill repeat; max-width: 150px; height: auto;}
li.pa-title {font: small-caps 14px 'Times new roman'; color: #cfb693; letter-spacing: 1px;}
li.pa-author > a {display: block; float: left; width: 100%;     font-weight:lighter; margin-bottom: 24px;}
div#pun-announcement {margin-top: -424px; margin-bottom: 90px; font: 13px 'Times new roman';}
div#f_block {height: 250px; width: 180px; margin: 4px 8px; overflow-y: auto;  overflow-x: hidden;}
div#s_block {height: 260px; width: 430px; margin: 4px 14px; overflow-y: auto; overflow-x: hidden;}
/*div#t_block {height: 250px; width: 180px; margin: 4px 14px; overflow-y: auto; overflow-x: hidden;} */
.tab_container1 {height: 256px;}
ul.tabs {display: flex; width: 100%; height: 10px;}
ul.tabs > li {position: relative; top: 30px; display: block; width: 122px; height: 40px; text-align: center; padding: 6px 0; margin-left: 22px; background: url(http://savepic.ru/6094888.png) no-repeat;}
.punbb #pun-announcement .tabs li a {color: #dbc5a5; font: 15px 'Times new roman'; text-transform: uppercase;}
.slider, .slider * {margin:0;padding:0;}
.slider { overflow:hidden; border:none 0 transparent!important; border-collapse:collapse;}
.button-left.hide,.button-right.hide{display:none;}
.slider img.button-left,.slider img.button-right{cursor:pointer;}
div.Wrap-slids {text-align:left;overflow:hidden;position:relative;}
div.train {text-align:left; overflow:hidden; white-space:nowrap; position:absolute;}
.slider-content{margin:0;padding:0; white-space: normal;word-break: normal; text-align:center; overflow-y:auto; overflow-x:auto; display:none;}
.slider-content.active {display:block;}
.formal {padding-top:10px;}
#pun-searchtopics .forum {padding-top:30px;}

HTML-Низ

Код:
<center><a href="/pages/banneri.php" style="position: relative;z-index:999;"><img src='http://savepic.org/6229511.png'/></a></cnter>


<!-- Скрипты -->
<script>
var a1 = 1	// 0 - спойлер-аккордеон, 1 - вертикальный спойлер; 3 - обычный спойлер
var a2 = 0	// 0 - Скрытие первой вкладки; 1 - Показ первой вкладки;
var a3 = 0 // Резкость Открытия: 0 - Плавно; 1 - Резко;
var LiArr=new Array(
//При наличии двух косых => // в начале пункта, - пункт не скрывается.
//"pa-author",     //Ник-Нейм
//"pa-avatar",     //Аватар
//"pa-title",      //статус
// 1 кнопка - ссылка на Картинку
//В квадратных скобках, прямо к ссылке можно добавить своё описание (по желанию)
"http://savepic.org/6261255.png",
"pa-reg",        //Зарегистрирован
"pa-invites", //Приглашений
"pa-posts",      //Кол-во сообщений:
"pa-respect",    //Уважение:
"pa-positive",  //Позитив
"pa-sex",        //Пол
"pa-age",        //Возраст
"pa-icq",        //Аська
"pa-ip",         //IP Юзера
"pa-time-visit", //Провел на форуме:
"pa-last-visit", //Последний визит:
//"pa-online",     //Пользователь online - Не засовываем в спойлеры
// 2 кнопка- ссылка на Картинку
"http://savepic.ru/6116392.png",
"pa-from",       //Откуда
"pa-fld1",       //Доп.Поле.1
// 3 кнопка- ссылка на Картинку
"http://savepic.org/6259207.png",
"pa-fld2",      //Доп.Поле.2
"pa-fld3",      //Доп.Поле.3
"pa-fld4",       //Доп.Поле.4
"pa-fld5",       //Доп.Поле.5
//"award",      //Награды(только для rusff и ork)
//"gift",         //Подарки(только для rusff и ork)
//Конец Списка,
"_End"); SetProvilSpoil(a1,a2,a3);
</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">

$(document).ready(function() {


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

});

</script>

Отредактировано Патему (2014-11-13 18:07:13)

0

6

Патему, http://sir.mybb.ru/ -как-то криво по отношению к телу форума и манитору (у меня в нормальном размере съезжает в право)

0

7

Зашла с нетбука - увидела о чем вы Оо Я думала с этой частью все в порядке, вот и правила только перечисленные выше косяки. Очевидно версталось сугубо под мое разрешения)

Будем лечить х)

C остальным как? Ещё замечания есть?

Пару заметок для себя ибо не дома, а дома все выглядит иначе

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

0

8

Проверяйте  http://sa.uploads.ru/ou370.png

И на тестовик вы вставили скрипт добавляющих этот элемент http://i33.fastpic.ru/big/2014/0202/1e/3d3ee7a6d12167e37a86805b0423ef1e.png. Не забудьте его удалить, если что)

Ах да, и с вкладками под таблицей какая-то беда... У меня все в порядке на тестовике)

Код:
          /* Основа */
html, body {margin: 0; padding: 0; background: black;}
li#navawards, li.pa-online, #pun-main .container thead, #pun-live-rusff {display: none!important;}
.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: #7e6034; text-decoration: none; transition: 1s;}
.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: #6F3A0D; text-shadow: 1px 1px 0px rgba(173, 127, 60, 0.61);}
#pun {border: none; background: url("http://savepic.ru/6242010.jpg") center top no-repeat, url("http://savepic.org/6196852.jpg") center bottom no-repeat, url("http://savepic.org/6183536.jpg") center repeat-y;}
#pun-about .container {border-top-style: none; text-align: left; padding-left:10px; }
#pun-title {border: none; height: 692px;}
#pun-title table tbody tr .title-logo-tdr {position: absolute; margin-left: 0;}

#pun-ulinks .container {text-align: center;       position: relative;top: -463px;  left: 70px;  width: 784px;}
#pun-ulinks li a {font-size: 10px; font-family: "Times New Roman"; color: rgb( 131, 117, 86 ); text-transform: uppercase; text-align: center; text-shadow: 0.5px 0.866px 1px rgb( 0, 0, 0 );}
#pun-ulinks li a:hover {color: #885D1F;}

#pun-navlinks .container {text-align: center; position: relative;top: -466px;left: 70px;width: 784px;}
#pun-navlinks .container a {font: 15px 'Times new roman';  color: #ccb893;  font-variant: small-caps;text-align: center; text-shadow: 0px 1px 1px rgb( 0, 0, 0 );}

#pun-navlinks .container a:hover, .punbb #pun-announcement .tabs li a:hover
{
color:#885D1F;
text-shadow:none;
}

#pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover {height: 2em; line-height: 2em; padding: 0; font-size: 1.2em; margin-left: -9999px; display: block; float:left; width: 100%;}

#pun-pagelinks {position: absolute; top: -15px; left: 0; margin: 0; border: none; padding: 0; width: 100%;}

.punbb .post-links ul {padding: 10px 1em 0 0; height: 18px;   text-align: right; font: 14px 'Times New Roman'; position:relative;}

#pun-main h2, #pun-main h1, #pun-stats h2, #pun-debug h2 {font-size: 20px; font-family: "Times New Roman"; color: #aea09a; font-variant: small-caps; text-align: center; text-shadow: 0.5px 0.866px 1px rgb( 0, 0, 0 ); background: url(http://savepic.org/6223477.png) bottom center no-repeat; height: 5px; padding: 30px 0px;}

.punbb .post-content .blockcode, .punbb .post-content blockquote {overflow: hidden; padding: 0px;                border-style: solid;  border-width: 12px;  -moz-border-image: url(http://savepic.ru/6100009.png) 12 repeat;  -webkit-border-image: url(http://savepic.ru/6100009.png) 12 repeat;  -o-border-image: url(http://savepic.ru/6100009.png) 12 repeat;  border-image: url(http://savepic.ru/6100009.png) 12 fill repeat;}
.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {margin: 0 0.6em 0 0; background: rgba(243, 234, 220, 0.3); -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; color: rgb(32, 30, 28); padding: 2px 4px; border: 1px solid rgba(20, 17, 10, 0.37); margin-top: 10px;}
.punbb textarea, .punbb .longinput input {margin: 0; background: rgba(243, 234, 220, 0.4); -moz-border-radius: 2px;  -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; color: rgb(32, 30, 28); padding: 4px; border: 1px solid rgba(20, 17, 10, 0.37); font-family: monospace; font-size: 11px;}

.punbb select, .punbb input {background: rgba(226, 211, 188, 0.73); -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; border: 1px solid rgba(20, 17, 10, 0.37); color: rgb(32, 30, 28);  
padding: 4px; margin-top: 4px;}
      /* Öèòàòû -êîäû */
.punbb .post-content .quote-box, .punbb .post-content .code-box {padding: 10px; color: rgb(12, 17, 23);}

.punbb .post-sig dt {display: block; border-top: 1px solid rgba(17, 12, 12, 0.55); width: 200px; margin: 5px 0; margin-left: 200px;}

#pun-messages pun-main {margin-top: 30px;}

.punbb div.icon {float: left; display: block; width: 82px; height: 66px;}
div.icon {background: url(http://savepic.ru/6095913.png)  no-repeat;}
tr.inew div.icon {background: url(http://savepic.org/6235652.png) no-repeat;}
tr.iclosed div.icon {background: url(http://savepic.ru/6098985.png)  no-repeat;}
tr.isticky div.icon {background: url(http://savepic.org/6241796.png) no-repeat;}
#pun-main table div.tclcon {padding-left: 82px;text-align: justify;}

/* Остальное */
.punbb * {margin: 0 auto;}
.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {padding: 0; list-style: none;}
.punbb img {border:none}
.punbb .main table {
  table-layout: fixed;
  width: 100%;
}
.checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 0.3em;}
p[class="checkfield"] *,
div[class="checkfield"] *,
fieldset[class="radiofield"] * {
  height: 1.8em;
  vertical-align: middle
}
body {
  font-size:  11px 100.01%!important;
  overflow: auto:
}
.punbb {
  font: normal 68.75% verdana, geneva, lucida, arial, sans-serif, 'Comfortaa';
}
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
  font: 1em verdana, arial, helvetica, sans-serif
}
.punbb h1, .punbb h2, .punbb h3 {
  font-size: 1em;
  font-weight: bold;
}
.punbb th {
  font-weight: bold;
}
.punbb h4, .punbb table {
  font-weight: normal;
}
.punbb pre {
  font: 1.1em/140% monaco, 'bitstream vera sans mono', 'courier new', courier, monospace
}
.punbb address, .punbb em {
  font-style: normal
}
.punbb .post-content em {
  font-style: italic
}
.punbb .post-content em.bbuline {
  font-style: normal;
  text-decoration: underline;
}
.punbb optgroup {
  font-weight: bold;
}
#pun:after,
.punbb .container:after,
.punbb .post-links ul:after,
.punbb .main div.inline:after,
.punbb .post-box:after,
.punbb .linksb:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  overflow:hidden;
  line-height: 0.0;
  font-size: 0;
}
.acchide,
#pun-index #pun-main h1,
#pun-navlinks h2,
#pun-pagelinks h2,
#pun-status h2,
#pun-ulinks h2,
.punbb .forum h2,
.punbb .multipage .topic h2,
.punbb dl.post-sig dt span,
.punbb p.crumbs strong,
.punbb .divider hr,
.punbb .required label em,
.punbb .formsubmit label,
.punbb .submitfield label,
.punbb .modmenu label,
#pun-userlist .main h2 {
  font-size: 0;
  height: 0;
  width: 0;
  line-height: 0.0;
  position:absolute;
  left: -9999px;
  overflow: hidden
}
.punbb {width: 888px; margin:0 auto;}
div#pun-redirect {width: 1636px; height: auto; background: black; text-align: center;}
.punbb .section, .punbb .main {
  margin-bottom: 1em;
}
.punbb .category, .punbb .post {
  margin-top: 2em!important;
padding: 5px;
}
.punbb #pun-category1, .punbb .toppost, .punbb .topicpost {
  margin: 0;
}
#pun-post .topic {
  margin-top: 1em;
}
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border: none;
}
.punbb .container {
  border: none;
}
.punbb .post-content {
  padding: 0;
  margin: 0;
  width: 100%;
  overflow: hidden;
}
.punbb .post-content p {
  margin: 0;
  padding: 0 0 1em 0;
  line-height: 150%;
}
.punbb .post-content img {
  vertical-align: text-top
}
.punbb .post-content img.postimg {
  vertical-align: middle;
}
.punbb .post-content .scrollbox {
  width: 100%;
  overflow: auto;
}
.punbb .quote-box cite, .punbb .code-box strong.legend {
  display: block;
  font: italic 14px 'Comfortaa';
  margin-bottom: 4px;
}
.punbb .info-box {
  padding: 1.1em 1.7em 1em 1.7em;
  border-style: solid;
  border-width: 1px;
  margin: 0 0 1.1em 0;
}
.punbb .info-box * {
  padding: 0 0 0.7em 0;
}
.punbb #pun-main .info-box .legend {
  font-size: 1.1em;
  font-weight: bold;
}
.punbb .linkst {
position: relative;
  width: 100%;
}
.linkst .pagelink {
width: 24em;
position: absolute;
padding-left: 10px;
padding-top: 10px;
}
.linkst .postlink {
padding-right: 10px;
padding-top: 10px;
text-align: right;
font-weight: bold;
width: inherit !important;
}
.punbb .linksb {
  text-align: right;
  padding: 0.4em 1em 0.5em 1em;
  font-size: 1.1em;
}
.linksb .pagelink {
  float: left;
  width: 24em;
  text-align: left;
}
.linksb .postlink {
  float: right;
  width: 16em;
  font-weight: bold
}
.subscribelink {
  clear:both;
  padding-top: 0.3em;
  padding-bottom: 0.5em;
}
.punbb .formal .container {
  padding: 0em 1em;
}
.punbb .formsubmit {
  padding: 0 0 0 1.7em;
  margin: 0em 0 0 0;
}
.punbb fieldset {
  border: none;
  padding: 0 18px 0 18px;
  margin: 0 0 -1em 0;
  z-index: 99999;  position: relative;
}
#pun-messages  fieldset {margin-bottom: 1em;}
.punbb fieldset legend {
  padding: 0;
  margin: 0;
  font-size: 1.1em;
  border: none;
  background: transparent;  
}
.punbb fieldset fieldset {
  border-style: none;
  margin: 0;
  padding: 0 0 8px 0
}
.punbb .fs-box {
  padding: 1em 0 0.8em 0;
}
.punbb .fs-box p, .punbb .fs-box fieldset {
  padding: 0 0 0.8em 0
}
.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield {
  float: left;
  margin-right: 1em;
}
.punbb .inline .infofield {
  clear:both
}
.punbb .datafield br {
  display: none
}
.punbb .required label, .punbb .datafield span.input {
  font-weight: bold
}
.punbb .datafield span.input a {
  font-weight: normal;
}
.punbb .areafield span.input, .punbb p.longinput span.input {
  display: block;
  padding: 0 4em 0 0;
  height: 100%; /* For IE */
}
.punbb .hashelp {
  position: relative;
}
.punbb .helplinks {
  display: block;
  position: absolute;
  top: 1em;
  right: 0;
  font-weight: normal;
  width: 36%;
}
.punbb #profile .helplinks {
  top: 1.5em;
}
.punbb .helplinks span {
  display: block;
  padding-bottom: 0.2em;
}
.punbb .helplinks span INPUT {
  margin: 0px 2px 2px 0px;
}
#pun-post .formal .info-box li {
  padding-left: 4px;
  list-style-type: square;
  list-style-position: inside;
  line-height: 1.5;
  margin: 0;
}
.punbb .main .tcl {
  overflow: hidden;
  /* text-align: left; */
  width: 60%;
  position: relative;
}
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
  text-align: center;
  width: 10%;
vertical-align: top;
}
.punbb .main .tcr {
  overflow: hidden;
  text-align: left;
  width: 30%;
vertical-align:top;
}
#pun-userlist .main .tcl,
#pun-searchtopics .main .tcl,
#pun-modviewforum .main .tcl {
  width: 40%
}
#pun-userlist .main .tc2,
#pun-searchtopics .main .tc2 {
  text-align: left;
  width: 20%;
}
#pun-debug table .tcl {
  width: 15%;
  white-space:normal;
}
#pun-debug .tcr {
  width: 90%;
  white-space: normal;
}
#pun-index .tcl h3 a {
  font: bold 17px 'Times new roman';
  font-variant: small-caps;
  color: #551000;
}
.punbb td span.youposted {
  font-weight: bold;
  margin-left: -1em;
  position: absolute;
}
.punbb td .modlist {
  display: block;
  padding-top: 0.3em
}
.punbb .main td {
  border: none;
  padding: 0.8em 1em;
}
* html .tclcon {height: 1px}
.punbb .post h3 {
  border: none;
  z-index: 9;
  position: relative;
}
.punbb .post h3 span {
  padding: 2px 0em 0px 210px;
  display: block; 
}
.post h3 span a:link, .post h3 span a:visited {
  font-weight: normal;
  font-size: 10px;
  text-decoration: none;
}
.punbb .post h3 strong {
  float: right;
  width: 5em;
  text-align: right;
  font-weight: normal;
  }
.punbb .post .post-author {
  float: left;
  width: 202px;
}
.punbb .post .post-author ul, .punbb .post .post-author p {
  padding: 0 1em 1em 1em;
  line-height: 140%;
  text-align: center;;
}
.punbb .post-body {
  margin-left: 200px;
  padding: 0 0 0px 0;
  margin-bottom: -10px;
}
.punbb .post-box {
  padding: 1em 3em;
}
.punbb fieldset .post-box {
  margin-bottom: 0.8em
}
.punbb .post-links li {
  display: inline;
  padding-left: 1em;
}
.pl-email, .pl-website {
  float: left;
}
.punbb .clearer {
  clear: both;
  height: 0;
  font-size: 0;
}
.punbb .modmenu .container {
  padding: 0.5em 1em;
  text-align: right;
}
.punbb .modmenu strong, .punbb .modmenu a {
  height: 1.8em;
  line-height: 1.8em;
}
.punbb .modmenu .container strong {
  float: left;
}
.punbb .modmenu input {
  margin-left: 1em;
}
.punbb .info .container {
  padding: 0.8em 1em;
}
.punbb .info .container .backlink {
  padding-top: 0.8em;
}
#profile .container {
  padding-left: 18.6em;
}
#profilenav {
  float: left;
  width: 14em;
  margin-left: -16.3em;
  display: inline;
}
#profilenav li {
  padding-bottom: 0.8em;
  font-weight: bold;
}
#viewprofile ul, #profilenav ul {
  border: none;
  padding: 1.5em 18px 0.8em 18px;
  margin: 0 0 1em 0;
text-align: center;
}

#profilenav h2
{
background:none;
padding:0 0 5px 0;
color: #805C4E;

}
#viewprofile li, #setmods dl {
  padding: 0 0 0 16em;
  margin-bottom: 0.2em;
}
#viewprofile li span {
  float: left;
  width: 14em;
  margin-left: -16em;
  padding: 0.5em 1em;
  font-weight: bold;
}
#setmods dt {
  float: left;
  width: 14em;
  margin-left: -16em;
  padding: 0.8em 1em;
  font-weight: bold;
  display: inline;
}
#viewprofile li strong, #viewprofile li div, #setmods dd {
  display: block;
  padding: 0.5em 1em;
  font-weight: normal;
}
.punbb img.avatardemo {
  float: right;
  margin: 0 0 0.8em 1.8em
}
#pun-userlist .formal, #pun-userlist .formal .container {
  border-bottom: none;
  margin-bottom: 0;
padding-top: 20px;
}
#pun-userlist .usertable .container {
  padding: 0 2.3em 2.3em 2.3em;
  border-top: none;
}
#pun-userlist .usertable table {
  border: none;
}
#pun-title .container {
  border-style: none ;
  padding: 0.2em 1em 0.8em 1em;
}
#pun-title h1 span {
  display: none;
}
#pun-title TABLE {
  border: none;
  width: 100%;
}
#pun-title TD.title-logo-tdl {
  border: none;
  width: 100%;
}
#pun-pagelinks .container {
  background: transparent;
  border: none;
  padding: 0
}
#pun-pagelinks .container li {
  display: inline
}
#pun-pagelinks a:active, #pun-pagelinks a:focus {
  position:relative;
  margin: 0;
}
#pun-pagelinks li a span {
  display:block;
  margin: 0 1em
}
#pun-navlinks li {
  display: inline;
  margin: 0.6% 1.6% 0.6%;
}
#pun-ulinks li, #pun-ulinks li a {
  display: inline;
  white-space: nowrap;
  border: none;
padding:1px;
}

#pun-status .container {
  padding: 0.8em 1em 1em 1em;
}
#pun-status span {
  white-space: nowrap;
  margin-right: 0.5em;
}
#pun-crumbs1 {
  margin-top: 0;
  display: none;
}
#pun-crumbs1 p.container {
  border-top: none;
  padding: 1em 1em 0.8em 1em;
}
#pun-break1 {
  display: none;
}
#pun-announcement h2 span {
  display: none;
}
 #pun-stats .container {
  padding: 0.8em 1em
}
#pun-stats li.item1, #pun-stats li.item2 {
  float: left;
  clear: both;
  line-height: 150%;
}
#pun-stats li.item3, #pun-stats li.item4 {
  text-align: right;
  line-height: 150%;
}
li#onlinelist {
  margin-top: 1em;
  border: none;
  float: left;
  width: 100%;
  line-height: 130%;
}
li#onlinelist div {
  border: none;
  padding: 0.7em 0 0 0;
}
#pun-qjump {
  margin: 0;
  border: none;
  width: 50%;
  position: relative;
  float: left;
}
#pun-qjump .container {
  border: none;
  background: transparent;
  padding: 0.8em 1em;
}
#pun-crumbs2 {
  font-weight: bold;
  overflow: hidden;
  border-bottom: none;
  position: relative;
  z-index: 2;
}
#pun-crumbs2 .container {
  border-bottom: none;
  padding: 0.8em 1em;
  font-size: 1.1em;
}
#pun-break4 {
  display: none;
}
div.punbb-admin #pun-about .container {
  border-top-style: none;
  }
#pun-help .formal .info-box h3.legend {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  padding-bottom: 0;
  margin-bottom: 0.8em;
  }
#pun-help .formal .info-box h3.legend span {
  padding-bottom: 0.6em;
  display: block;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  font-size: 1.1em;
  }
#pun-help .formal p, #pun-help .formal dd {
  margin-bottom: 1em
  }
#pun-help .formal ul, #pun-help .formal dl {
  padding: 0 0 0 1em
  }
#pun-help .formal li {
  padding: 0;
  line-height: 130%
  }
#pun-help .formal li * {
  vertical-align: text-top
  }
#pun-help .formal dt span {
  font: 1.4em/120% monaco, 'bitstream vera sans mono', 'courier new', courier, monospace
  }
#pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode {
  padding-bottom: 0;
  }
  
.punbb .post .post-author {overflow: visible; margin: 12px 0px 12px 6px!important;}
.punbb .post .post-author > ul {background: url(http://savepic.ru/6241105.jpg) 0 top no-repeat, url("http://savepic.ru/6231889.jpg") 0 bottom no-repeat, url("http://savepic.ru/6227793.jpg") repeat-y; margin: -22px 0 -12px 0!important;  position:relative; padding: 32px 17px 38px 17px!important;}
.post .post-author > ul, .post .post-author a {color: #d6bc8f;}
li.pa-author {font-size: 18px; font-family: 'Times New Roman'; font-variant: small-caps; text-align: center;}
li.pa-avatar.item2 img {border-style: solid; border-width: 31px 5px 2px;  -moz-border-image: url(http://savepic.ru/6144040.png) 31 7 7 repeat; -webkit-border-image: url(http://savepic.ru/6144040.png) 31 7 7 repeat; -o-border-image: url(http://savepic.ru/6144040.png) 31 7 7 repeat; border-image: url(http://savepic.ru/6144040.png) 32 5 2 fill repeat; max-width: 150px; height: auto;}
li.pa-title {font: small-caps 14px 'Times new roman'; color: #cfb693; letter-spacing: 1px;}
li.pa-author > a {display: block; float: left; width: 100%;     font-weight:lighter; margin-bottom: 24px;}
div#pun-announcement {margin-top: -424px; margin-bottom: 90px; font: 13px 'Times new roman';}
div#f_block {height: 250px; width: 180px; margin: 4px 8px; overflow-y: auto;  overflow-x: hidden;}
div#s_block {height: 260px; width: 430px; margin: 4px 14px; overflow-y: auto; overflow-x: hidden;}
/*div#t_block {height: 250px; width: 180px; margin: 4px 14px; overflow-y: auto; overflow-x: hidden;} */
.tab_container1 {height: 256px;}
ul.tabs {display: flex; width: 100%; height: 10px;}
ul.tabs > li {position: relative; top: 30px; display: block; width: 122px; height: 40px; text-align: center; padding: 6px 0; margin-left: 22px; background: url(http://savepic.ru/6094888.png) no-repeat;}
.punbb #pun-announcement .tabs li a {color: #dbc5a5; font: 15px 'Times new roman'; text-transform: uppercase;}
.slider, .slider * {margin:0;padding:0;}
.slider { overflow:hidden; border:none 0 transparent!important; border-collapse:collapse;}
.button-left.hide,.button-right.hide{display:none;}
.slider img.button-left,.slider img.button-right{cursor:pointer;}
div.Wrap-slids {text-align:left;overflow:hidden;position:relative;}
div.train {text-align:left; overflow:hidden; white-space:nowrap; position:absolute;}
.slider-content{margin:0;padding:0; white-space: normal;word-break: normal; text-align:center; overflow-y:auto; overflow-x:auto; display:none;}
.slider-content.active {display:block;}
.formal {padding-top:10px;}
#pun-searchtopics .forum {padding-top:30px;}
#pun {
margin: auto;
height:auto;
position: relative;
padding-bottom: 65px;}

.punbb .post-links .pl-share
{
left: 300px !important;
}

Отредактировано Патему (2014-11-14 19:36:20)

0

9

Патему, теперь с объявлениями жуткий косяк (все съехало)
2.С аватарами вот такая фигня: http://sir.mybb.ru/viewtopic.php?id=1#p7
3. При большом количестви символов в подписе она выходит за тело форума
4. Объявление обрезанным получается

0

10

Объявление поправила. Правда что там обрезается я не вижу ибо на вашем тестовике оно вообще отличается от того, что выложено здесь.

Вы сюда не все скрипты скопировали, так что увидеть проблему с аватаркой было невозможно)
Найдите скрипт

Код:
<script><!--картинки для Аватара -->
  $(document).ready(function(){
GifArray=new Array(
"http://i57.fastpic.ru/big/2014/0202/2b/3cf20a4addaccebf4b03b9123bd4902b.png", //Ссылки на GIF-рисунок рамок под Аватар
"http://i57.fastpic.ru/big/2014/0202/2b/3cf20a4addaccebf4b03b9123bd4902b.png"    //End myarray_!!Последняя ссылка без Запятой!!!
)

   var imgURL;var i;var x;var y;

     $("div.post-author ul li.pa-avatar img[alt]").each(function () {
    x = this.offsetWidth;
    y = this.offsetHeight;
    inb = $(this).parent().get(0).tagName;
    $(this).css("width",x+"px");
    $(this).css("height",y+"px");
    imgURL = $(this).attr("src");
    i=GifArray[Math.round(Math.random()*(GifArray.length-1))];
    $(this).attr("src",i);
    $(this).css("background-image","url("+imgURL+")");});
});
</script><!--Конец//картинки для Аватара-->

И поменяйте картинку на эту:
http://savepic.ru/6144040.png

Подпись посмотрите. То ли из-за того, что поправила объявления она больше не вылазит, то ли я не могу этого увидеть)

Код:
      /* Основа */
html {min-width: 946px;}
html, body {margin: 0; padding: 0; background: black;}
li#navawards, li.pa-online, #pun-main .container thead, #pun-live-rusff {display: none!important;}
.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: #7e6034; text-decoration: none; transition: 1s;}
.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: #6F3A0D; text-shadow: 1px 1px 0px rgba(173, 127, 60, 0.61);}
#pun {border: none; background: url("http://savepic.ru/6242010.jpg") center top no-repeat, url("http://savepic.org/6196852.jpg") center bottom no-repeat, url("http://savepic.org/6183536.jpg") center repeat-y;}
#pun-about .container {border-top-style: none; text-align: left; padding-left:10px; }
#pun-title {border: none; height: 692px;}
#pun-title table tbody tr .title-logo-tdr {position: absolute; margin-left: 0;}

#pun-ulinks .container {text-align: center;       position: relative;top: -463px;  left: 70px;  width: 784px;}
#pun-ulinks li a {font-size: 10px; font-family: "Times New Roman"; color: rgb( 131, 117, 86 ); text-transform: uppercase; text-align: center; text-shadow: 0.5px 0.866px 1px rgb( 0, 0, 0 );}
#pun-ulinks li a:hover {color: #885D1F;}

#pun-navlinks .container {text-align: center; position: relative;top: -466px;left: 70px;width: 784px;}
#pun-navlinks .container a {font: 15px 'Times new roman';  color: #ccb893;  font-variant: small-caps;text-align: center; text-shadow: 0px 1px 1px rgb( 0, 0, 0 );}

#pun-navlinks .container a:hover, .punbb #pun-announcement .tabs li a:hover
{
color:#885D1F;
text-shadow:none;
}

#pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover {height: 2em; line-height: 2em; padding: 0; font-size: 1.2em; margin-left: -9999px; display: block; float:left; width: 100%;}

#pun-pagelinks {position: absolute; top: -15px; left: 0; margin: 0; border: none; padding: 0; width: 100%;}

.punbb .post-links ul {padding: 10px 1em 0 0; height: 18px;   text-align: right; font: 14px 'Times New Roman'; position:relative;}

#pun-main h2, #pun-main h1, #pun-stats h2, #pun-debug h2 {font-size: 20px; font-family: "Times New Roman"; color: #aea09a; font-variant: small-caps; text-align: center; text-shadow: 0.5px 0.866px 1px rgb( 0, 0, 0 ); background: url(http://savepic.org/6223477.png) bottom center no-repeat; height: 5px; padding: 30px 0px;}

.punbb .post-content .blockcode, .punbb .post-content blockquote {overflow: hidden; padding: 0px;                border-style: solid;  border-width: 12px;  -moz-border-image: url(http://savepic.ru/6100009.png) 12 repeat;  -webkit-border-image: url(http://savepic.ru/6100009.png) 12 repeat;  -o-border-image: url(http://savepic.ru/6100009.png) 12 repeat;  border-image: url(http://savepic.ru/6100009.png) 12 fill repeat;}
.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {margin: 0 0.6em 0 0; background: rgba(243, 234, 220, 0.3); -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; color: rgb(32, 30, 28); padding: 2px 4px; border: 1px solid rgba(20, 17, 10, 0.37); margin-top: 10px;}
.punbb textarea, .punbb .longinput input {margin: 0; background: rgba(243, 234, 220, 0.4); -moz-border-radius: 2px;  -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; color: rgb(32, 30, 28); padding: 4px; border: 1px solid rgba(20, 17, 10, 0.37); font-family: monospace; font-size: 11px;}

.punbb select, .punbb input {background: rgba(226, 211, 188, 0.73); -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; border: 1px solid rgba(20, 17, 10, 0.37); color: rgb(32, 30, 28);  
padding: 4px; margin-top: 4px;}
      /* Öèòàòû -êîäû */
.punbb .post-content .quote-box, .punbb .post-content .code-box {padding: 10px; color: rgb(12, 17, 23);}

.punbb .post-sig dt {display: block; border-top: 1px solid rgba(17, 12, 12, 0.55); width: 200px; margin: 5px 0; margin-left: 200px;}

#pun-messages pun-main {margin-top: 30px;}

.punbb div.icon {float: left; display: block; width: 82px; height: 66px;}
div.icon {background: url(http://savepic.ru/6095913.png)  no-repeat;}
tr.inew div.icon {background: url(http://savepic.org/6235652.png) no-repeat;}
tr.iclosed div.icon {background: url(http://savepic.ru/6098985.png)  no-repeat;}
tr.isticky div.icon {background: url(http://savepic.org/6241796.png) no-repeat;}
#pun-main table div.tclcon {padding-left: 82px;text-align: justify;}

/* Остальное */
.punbb * {margin: 0 auto;}
.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {padding: 0; list-style: none;}
.punbb img {border:none}
.punbb .main table {
  table-layout: fixed;
  width: 100%;
}
.checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 0.3em;}
p[class="checkfield"] *,
div[class="checkfield"] *,
fieldset[class="radiofield"] * {
  height: 1.8em;
  vertical-align: middle
}
body {
  font-size:  11px 100.01%!important;
  overflow: auto:
}
.punbb {
  font: normal 68.75% verdana, geneva, lucida, arial, sans-serif, 'Comfortaa';
}
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
  font: 1em verdana, arial, helvetica, sans-serif
}
.punbb h1, .punbb h2, .punbb h3 {
  font-size: 1em;
  font-weight: bold;
}
.punbb th {
  font-weight: bold;
}
.punbb h4, .punbb table {
  font-weight: normal;
}
.punbb pre {
  font: 1.1em/140% monaco, 'bitstream vera sans mono', 'courier new', courier, monospace
}
.punbb address, .punbb em {
  font-style: normal
}
.punbb .post-content em {
  font-style: italic
}
.punbb .post-content em.bbuline {
  font-style: normal;
  text-decoration: underline;
}
.punbb optgroup {
  font-weight: bold;
}
#pun:after,
.punbb .container:after,
.punbb .post-links ul:after,
.punbb .main div.inline:after,
.punbb .post-box:after,
.punbb .linksb:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  overflow:hidden;
  line-height: 0.0;
  font-size: 0;
}
.acchide,
#pun-index #pun-main h1,
#pun-navlinks h2,
#pun-pagelinks h2,
#pun-status h2,
#pun-ulinks h2,
.punbb .forum h2,
.punbb .multipage .topic h2,
.punbb dl.post-sig dt span,
.punbb p.crumbs strong,
.punbb .divider hr,
.punbb .required label em,
.punbb .formsubmit label,
.punbb .submitfield label,
.punbb .modmenu label,
#pun-userlist .main h2 {
  font-size: 0;
  height: 0;
  width: 0;
  line-height: 0.0;
  position:absolute;
  left: -9999px;
  overflow: hidden
}
.punbb {width: 888px; margin:0 auto;}
div#pun-redirect {width: 1636px; height: auto; background: black; text-align: center;}
.punbb .section, .punbb .main {
  margin-bottom: 1em;
}
.punbb .category, .punbb .post {
  margin-top: 2em!important;
padding: 5px;
}
.punbb #pun-category1, .punbb .toppost, .punbb .topicpost {
  margin: 0;
}
#pun-post .topic {
  margin-top: 1em;
}
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border: none;
}
.punbb .container {
  border: none;
}
.punbb .post-content {
  padding: 0;
  margin: 0;
  width: 100%;
  overflow: hidden;
}
.punbb .post-content p {
  margin: 0;
  padding: 0 0 1em 0;
  line-height: 150%;
}
.punbb .post-content img {
  vertical-align: text-top
}
.punbb .post-content img.postimg {
  vertical-align: middle;
}
.punbb .post-content .scrollbox {
  width: 100%;
  overflow: auto;
}
.punbb .quote-box cite, .punbb .code-box strong.legend {
  display: block;
  font: italic 14px 'Comfortaa';
  margin-bottom: 4px;
}
.punbb .info-box {
  padding: 1.1em 1.7em 1em 1.7em;
  border-style: solid;
  border-width: 1px;
  margin: 0 0 1.1em 0;
}
.punbb .info-box * {
  padding: 0 0 0.7em 0;
}
.punbb #pun-main .info-box .legend {
  font-size: 1.1em;
  font-weight: bold;
}
.punbb .linkst {
position: relative;
  width: 100%;
}
.linkst .pagelink {
width: 24em;
position: absolute;
padding-left: 10px;
padding-top: 10px;
}
.linkst .postlink {
padding-right: 10px;
padding-top: 10px;
text-align: right;
font-weight: bold;
width: inherit !important;
}
.punbb .linksb {
  text-align: right;
  padding: 0.4em 1em 0.5em 1em;
  font-size: 1.1em;
}
.linksb .pagelink {
  float: left;
  width: 24em;
  text-align: left;
}
.linksb .postlink {
  float: right;
  width: 16em;
  font-weight: bold
}
.subscribelink {
  clear:both;
  padding-top: 0.3em;
  padding-bottom: 0.5em;
}
.punbb .formal .container {
  padding: 0em 1em;
}
.punbb .formsubmit {
  padding: 0 0 0 1.7em;
  margin: 0em 0 0 0;
}
.punbb fieldset {
  border: none;
  padding: 0 18px 0 18px;
  margin: 0 0 -1em 0;
  z-index: 99999;  position: relative;
}
#pun-messages  fieldset {margin-bottom: 1em;}
.punbb fieldset legend {
  padding: 0;
  margin: 0;
  font-size: 1.1em;
  border: none;
  background: transparent;  
}
.punbb fieldset fieldset {
  border-style: none;
  margin: 0;
  padding: 0 0 8px 0
}
.punbb .fs-box {
  padding: 1em 0 0.8em 0;
}
.punbb .fs-box p, .punbb .fs-box fieldset {
  padding: 0 0 0.8em 0
}
.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield {
  float: left;
  margin-right: 1em;
}
.punbb .inline .infofield {
  clear:both
}
.punbb .datafield br {
  display: none
}
.punbb .required label, .punbb .datafield span.input {
  font-weight: bold
}
.punbb .datafield span.input a {
  font-weight: normal;
}
.punbb .areafield span.input, .punbb p.longinput span.input {
  display: block;
  padding: 0 4em 0 0;
  height: 100%; /* For IE */
}
.punbb .hashelp {
  position: relative;
}
.punbb .helplinks {
  display: block;
  position: absolute;
  top: 1em;
  right: 0;
  font-weight: normal;
  width: 36%;
}
.punbb #profile .helplinks {
  top: 1.5em;
}
.punbb .helplinks span {
  display: block;
  padding-bottom: 0.2em;
}
.punbb .helplinks span INPUT {
  margin: 0px 2px 2px 0px;
}
#pun-post .formal .info-box li {
  padding-left: 4px;
  list-style-type: square;
  list-style-position: inside;
  line-height: 1.5;
  margin: 0;
}
.punbb .main .tcl {
  overflow: hidden;
  /* text-align: left; */
  width: 60%;
  position: relative;
}
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
  text-align: center;
  width: 10%;
vertical-align: top;
}
.punbb .main .tcr {
  overflow: hidden;
  text-align: left;
  width: 30%;
vertical-align:top;
}
#pun-userlist .main .tcl,
#pun-searchtopics .main .tcl,
#pun-modviewforum .main .tcl {
  width: 40%
}
#pun-userlist .main .tc2,
#pun-searchtopics .main .tc2 {
  text-align: left;
  width: 20%;
}
#pun-debug table .tcl {
  width: 15%;
  white-space:normal;
}
#pun-debug .tcr {
  width: 90%;
  white-space: normal;
}
#pun-index .tcl h3 a {
  font: bold 17px 'Times new roman';
  font-variant: small-caps;
  color: #551000;
}
.punbb td span.youposted {
  font-weight: bold;
  margin-left: -1em;
  position: absolute;
}
.punbb td .modlist {
  display: block;
  padding-top: 0.3em
}
.punbb .main td {
  border: none;
  padding: 0.8em 1em;
}
* html .tclcon {height: 1px}
.punbb .post h3 {
  border: none;
  z-index: 9;
  position: relative;
}
.punbb .post h3 span {
  padding: 2px 0em 0px 210px;
  display: block; 
}
.post h3 span a:link, .post h3 span a:visited {
  font-weight: normal;
  font-size: 10px;
  text-decoration: none;
}
.punbb .post h3 strong {
  float: right;
  width: 5em;
  text-align: right;
  font-weight: normal;
  }
.punbb .post .post-author {
  float: left;
  width: 202px;
}
.punbb .post .post-author ul, .punbb .post .post-author p {
  padding: 0 1em 1em 1em;
  line-height: 140%;
  text-align: center;;
}
.punbb .post-body {
  margin-left: 200px;
  padding: 0 0 0px 0;
  margin-bottom: -10px;
}
.punbb .post-box {
  padding: 1em 3em;
}
.punbb fieldset .post-box {
  margin-bottom: 0.8em
}
.punbb .post-links li {
  display: inline;
  padding-left: 1em;
}
.pl-email, .pl-website {
  float: left;
}
.punbb .clearer {
  clear: both;
  height: 0;
  font-size: 0;
}
.punbb .modmenu .container {
  padding: 0.5em 1em;
  text-align: right;
}
.punbb .modmenu strong, .punbb .modmenu a {
  height: 1.8em;
  line-height: 1.8em;
}
.punbb .modmenu .container strong {
  float: left;
}
.punbb .modmenu input {
  margin-left: 1em;
}
.punbb .info .container {
  padding: 0.8em 1em;
}
.punbb .info .container .backlink {
  padding-top: 0.8em;
}
#profile .container {
  padding-left: 18.6em;
}
#profilenav {
  float: left;
  width: 14em;
  margin-left: -16.3em;
  display: inline;
}
#profilenav li {
  padding-bottom: 0.8em;
  font-weight: bold;
}
#viewprofile ul, #profilenav ul {
  border: none;
  padding: 1.5em 18px 0.8em 18px;
  margin: 0 0 1em 0;
text-align: center;
}

#profilenav h2
{
background:none;
padding:0 0 5px 0;
color: #805C4E;

}
#viewprofile li, #setmods dl {
  padding: 0 0 0 16em;
  margin-bottom: 0.2em;
}
#viewprofile li span {
  float: left;
  width: 14em;
  margin-left: -16em;
  padding: 0.5em 1em;
  font-weight: bold;
}
#setmods dt {
  float: left;
  width: 14em;
  margin-left: -16em;
  padding: 0.8em 1em;
  font-weight: bold;
  display: inline;
}
#viewprofile li strong, #viewprofile li div, #setmods dd {
  display: block;
  padding: 0.5em 1em;
  font-weight: normal;
}
.punbb img.avatardemo {
  float: right;
  margin: 0 0 0.8em 1.8em
}
#pun-userlist .formal, #pun-userlist .formal .container {
  border-bottom: none;
  margin-bottom: 0;
padding-top: 20px;
}
#pun-userlist .usertable .container {
  padding: 0 2.3em 2.3em 2.3em;
  border-top: none;
}
#pun-userlist .usertable table {
  border: none;
}
#pun-title .container {
  border-style: none ;
  padding: 0.2em 1em 0.8em 1em;
}
#pun-title h1 span {
  display: none;
}
#pun-title TABLE {
  border: none;
  width: 100%;
}
#pun-title TD.title-logo-tdl {
  border: none;
  width: 100%;
}
#pun-pagelinks .container {
  background: transparent;
  border: none;
  padding: 0
}
#pun-pagelinks .container li {
  display: inline
}
#pun-pagelinks a:active, #pun-pagelinks a:focus {
  position:relative;
  margin: 0;
}
#pun-pagelinks li a span {
  display:block;
  margin: 0 1em
}
#pun-navlinks li {
  display: inline;
  margin: 0.6% 1.6% 0.6%;
}
#pun-ulinks li, #pun-ulinks li a {
  display: inline;
  white-space: nowrap;
  border: none;
padding:1px;
}

#pun-status .container {
  padding: 0.8em 1em 1em 1em;
}
#pun-status span {
  white-space: nowrap;
  margin-right: 0.5em;
}
#pun-crumbs1 {
  margin-top: 0;
  display: none;
}
#pun-crumbs1 p.container {
  border-top: none;
  padding: 1em 1em 0.8em 1em;
}
#pun-break1 {
  display: none;
}
#pun-announcement h2 span {
  display: none;
}
 #pun-stats .container {
  padding: 0.8em 1em
}
#pun-stats li.item1, #pun-stats li.item2 {
  float: left;
  clear: both;
  line-height: 150%;
}
#pun-stats li.item3, #pun-stats li.item4 {
  text-align: right;
  line-height: 150%;
}
li#onlinelist {
  margin-top: 1em;
  border: none;
  float: left;
  width: 100%;
  line-height: 130%;
}
li#onlinelist div {
  border: none;
  padding: 0.7em 0 0 0;
}
#pun-qjump {
  margin: 0;
  border: none;
  width: 50%;
  position: relative;
  float: left;
}
#pun-qjump .container {
  border: none;
  background: transparent;
  padding: 0.8em 1em;
}
#pun-crumbs2 {
  font-weight: bold;
  overflow: hidden;
  border-bottom: none;
  position: relative;
  z-index: 2;
}
#pun-crumbs2 .container {
  border-bottom: none;
  padding: 0.8em 1em;
  font-size: 1.1em;
}
#pun-break4 {
  display: none;
}
div.punbb-admin #pun-about .container {
  border-top-style: none;
  }
#pun-help .formal .info-box h3.legend {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  padding-bottom: 0;
  margin-bottom: 0.8em;
  }
#pun-help .formal .info-box h3.legend span {
  padding-bottom: 0.6em;
  display: block;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  font-size: 1.1em;
  }
#pun-help .formal p, #pun-help .formal dd {
  margin-bottom: 1em
  }
#pun-help .formal ul, #pun-help .formal dl {
  padding: 0 0 0 1em
  }
#pun-help .formal li {
  padding: 0;
  line-height: 130%
  }
#pun-help .formal li * {
  vertical-align: text-top
  }
#pun-help .formal dt span {
  font: 1.4em/120% monaco, 'bitstream vera sans mono', 'courier new', courier, monospace
  }
#pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode {
  padding-bottom: 0;
  }
  
.punbb .post .post-author {overflow: visible; margin: 12px 0px 12px 6px!important;}
.punbb .post .post-author > ul {background: url(http://savepic.ru/6241105.jpg) 0 top no-repeat, url("http://savepic.ru/6231889.jpg") 0 bottom no-repeat, url("http://savepic.ru/6227793.jpg") repeat-y; margin: -22px 0 -12px 0!important;  position:relative; padding: 32px 17px 38px 17px!important;}
.post .post-author > ul, .post .post-author a {color: #d6bc8f;}
li.pa-author {font-size: 18px; font-family: 'Times New Roman'; font-variant: small-caps; text-align: center;}
li.pa-avatar.item2 img {max-width: 150px; height: auto; border:0;}
li.pa-title {font: small-caps 14px 'Times new roman'; color: #cfb693; letter-spacing: 1px;}
li.pa-author > a {display: block; float: left; width: 100%;     font-weight:lighter; margin-bottom: 24px;}
div#pun-announcement {margin-top: -424px; margin-bottom: 90px; font: 13px 'Times new roman';}
div#f_block {height: 250px; width: 180px; margin: 4px 8px; overflow-y: auto;  overflow-x: hidden;}
div#s_block {height: 260px; width: 430px; margin: 4px 14px; overflow-y: auto; overflow-x: hidden;}
/*div#t_block {height: 250px; width: 180px; margin: 4px 14px; overflow-y: auto; overflow-x: hidden;} */
.tab_container1 {height: 256px;}
ul.tabs {display: flex; width: 100%; height: 10px;}
ul.tabs > li {position: relative; top: 30px; display: block; width: 122px; height: 40px; text-align: center; padding: 6px 0; margin-left: 22px; background: url(http://savepic.ru/6094888.png) no-repeat;}
.punbb #pun-announcement .tabs li a {color: #dbc5a5; font: 15px 'Times new roman'; text-transform: uppercase;}
.slider, .slider * {margin:0;padding:0;}
.slider { overflow:hidden; border:none 0 transparent!important; border-collapse:collapse;}
.button-left.hide,.button-right.hide{display:none;}
.slider img.button-left,.slider img.button-right{cursor:pointer;}
div.Wrap-slids {text-align:left;overflow:hidden;position:relative;}
div.train {text-align:left; overflow:hidden; white-space:nowrap; position:absolute;}
.slider-content{margin:0;padding:0; white-space: normal;word-break: normal; text-align:center; overflow-y:auto; overflow-x:auto; display:none;}
.slider-content.active {display:block;}
.formal {padding-top:10px;}
#pun-searchtopics .forum {padding-top:30px;}
#pun {
margin: auto;
height:auto;
position: relative;
padding-bottom: 65px;}

.punbb .post-links .pl-share
{
left: 300px !important;
}

0

11

Патему, давайте я вам дам пароль от тестовика и вы сами там попробуете все нормально сделать....
так как
1. аватарку по больше надо сделать *рамку*
2. объявление поправить все еще надо.

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

0

12

Сайрон,
Я не администратор и не могу читать скрытые тексты  http://sa.uploads.ru/wWxDv.png

0

13

отправила

0

14

Смотрите аватар - сделала его побольше, скрипт рамки поправила.

Из объявления убрала стили, перебивающие те, что установлены в основном разделе. Вроде бы никуда ничего не уезжает.

Этот скрипт выпилила. Он добавляет зеленую иконку, о которой говорила выше

Код:
<script type="text/javascript">
//cookies
function setcookie(a,b,c) {if(c){var d = new Date();d.setTime(d.getTime()+c);}if(a && b) document.cookie = a+'='+b+(c ? '; expires='+d.toUTCString() : '');else return false;}
function getcookie(a) {var b = new RegExp(a+'=([^;]){1,}');var c = b.exec(document.cookie);if(c) c = c[0].split('=');else return false;return c[1] ? c[1] : false;}

var aimg = {
open: 'http://i33.fastpic.ru/big/2014/0202/1e/3d3ee7a6d12167e37a86805b0423ef1e.png',
close: 'http://i33.fastpic.ru/big/2014/0202/64/2c37003ba9780b6720c2b585219abd64.png'

}
</script>

Подпись он обрезает из-за того, что вы использовали последовательность букв без пробелов. В реальности таких слов не существует, так что все будет отображаться корректно.

0

15

Поправила таблицу ещё раз - ибо нашла там уйму косяков. По крайней мере, у всех тегов (я надеюсь) теперь есть закрывающая/открывающая пара и какая-то странная штука с комментарием убрана.

Плюс, отсутствовал скрипт на слайдер - вставила его. Теперь последняя колонка вертится.

Отредактировано Патему (2014-11-15 17:25:04)

0

16

Патему, А можно сюда выставить код таблицы?
так как я пытаюсь вписать в нее данные старые поэтому требуется код ее (так как видать немного накосячила)

0

17

Так таблица же на вашем тестовике х)

Код:
<table border="0" cellpadding="1" cellspacing="1" style="width: 900px; height: 250px;">
    	<tbody>
        <tr>
        	<td style="width: 24%; text-align: center;">
            <div id="f_block">
            	<div>Администраторы</div>
            	<div>Создатель</div>
            	<div>Модераторы</div>
            	<div>Тиана &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Хастлер&nbsp;</div>
            	<div>&nbsp; &nbsp; ГМ &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Модератор&nbsp;</div>
            	<div>&nbsp;</div>
            	<div>Той-Муна &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Кром &nbsp;&nbsp;</div>
            	<div>&nbsp; &nbsp; &nbsp;ГМ &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Модератор, ГМ&nbsp;</div>
            	<div>&nbsp;</div>
            	<div>Керадайн Архараш &nbsp; &nbsp;Айри Андерс&nbsp;</div>
            	<div>ГМ &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ГМ&nbsp;</div>
            </div>
        	</td>
        	<td style="text-align: center;">
            <div id="s_block">
<div class="tab_container1">
<div style="display: block;" id="tab1" class="tab_content">
<div>Важно: Набор аэри и многоликих ограничен. Принимаются только персонажи из вакансий (в том числе прописанные в списке необходимых, как возможные варианты).&nbsp;</div>
            	<div>Для игры: &quot;Доска объявлений&quot;. Легкий способ нажиться на чужих бедах, а также получить артефакты за простую &quot;грязную&quot; работу. Есть возможность выполнять заказы как в игре, так и во флешах.&nbsp;</div>
            	<div>Квесты: &quot;Дракон!&quot;.В приграничном с Деферандом Княжестве настоящая беда. Беда &ndash; это слабо сказано. Катастрофа! Впервые с времен Корда на близлежащий поселения напал дракон. Отправив письмо с просьбой о помощи в Каридин и Деферанд, лорд пустил слух о том, что заплатит кругленькую сумму тому, кто принесет ему голову дракона и избавит его страну от напасти.</div>
            	<div>Квесты: Один охотник погнался за Кирри и провалился в яму, которая оказалась входом в пещеру подземных тоннелей, которые по их состоянию уже давно никто не пользовался. Пожалуй, его находка осталась бы незамеченной, если бы &laquo;счастливчик&raquo; не вынес оттуда с десяток артефактов и не попытался их продать. Было решено собрать экспедицию, которая должна проверить правдивость рассказа.&nbsp;</div>
            	<div>Вступите в приключение и разгадайте загадку в квесте &quot;Экспедиция к центру земли&quot; .</div>
</div>

      </div>
            </div>
        	</td>
        	<td style="width: 24%; text-align: center;">
            <div id="t_block">
<div id="slider2" slide-width="190" slide-height="260" class="slider" style="padding:0;height:0;width:0;margin-left: 10px;">

<!-- Две Кнопки слайдера -->
    <img button-width="14" class="button-left hide" src="http://savepic.ru/6149162.png"/>
    <img button-width="14" class="button-right" src="http://savepic.org/6244870.png"/>

<div class="slider-content active">

    <div>Погода|игра</div>
        <div>Дата 4 Амаре (третий летний месяц) 6543 года. 1 неделя</div>
        <div>Очередь</div>
        <div>Лорды Терры - Валеант Харт, Шесгеул, Нирн Аотеро, ГМ&nbsp;</div>
        <div>Черный рынок - Кирани, Тенерис, ГМ&nbsp;</div>
        <div>Порт - Наменлос, ГМ&nbsp;</div>
        <div>Хрустальное озеро - Хастлер, ГМ, Тиана, Айри Андерс&nbsp;</div>
        <div>Горы Падмы - Акелла, Клаус, ГМ&nbsp;</div>
        <div>Двор песен - ГМ, Лириамэй, Дилайла, Йохан&nbsp;</div>

</div>
<div class="slider-content">

    2-й Контент

</div>
<div class="slider-content">

    3-й Контент

</div>
<div class="slider-content">

    4-й Контент

</div>
<div class="slider-content">

    5-й Контент

</div>

  </div><script>$("#slider2").slideF(1);</script><!--//End Cлайдер -->

</td>
</tr>

    	</tbody>
    </table>



<ul class="tabs">
    <li class="active"><a href="#tab1">Новости</a></li>
    <li><a href="#tab2">Гид</a></li>
    <li><a href="#tab3">Навигация</a></li>
    <li><a href="#tab4">Вакансии</a></li>
    <li><a href="#tab5">Квесты</a></li>
    <li><a href="#tab6">Друзья</a></li>
</ul>

0

18

Патему, а можно вставить на место списка администрации такую таблицу:

Код:
<tr>
<td ROWSPAN=3>
<div style = "width:200px; height:400px;">
 <p>
             <center><font size="2" color="#991900"><b> Администраторы</b></font></center></p>
<br><center><table style="width:185px;">
<tr>
<td colspan="2">
<center><b> <a href="http://shardsofpower.rolka.su/profile.php?id=118">Создатель</a></b>
<br><img src="http://i59.fastpic.ru/big/2013/0831/6d/f9608c3eee224af18a61951e2e12c76d.png" >
</center></td>
</tr>
<tr>


</td></tr>
<tr>
<td colspan="2">
<p>
             <center><font size="2" color="#991900"><b> Модераторы</b></font></center></p></td></tr>
<tr>
 <td><center><b> <a href="http://sayron.ru/profile.php?id=507">Тиана</a></b>
<br> ГМ
<br><img src="http://i59.fastpic.ru/big/2013/0831/6d/f9608c3eee224af18a61951e2e12c76d.png" ></center></td> 

<td> <center><b> <a href="http://sayron.ru/profile.php?id=387">Хастлер</a></b>
<br> Модератор
<br><img src="http://i59.fastpic.ru/big/2013/0831/6d/f9608c3eee224af18a61951e2e12c76d.png" ></center>
</td>
</tr>

<tr>
<td><center> <b> <a href="http://shardsofpower.rolka.su/profile.php?id=187">Ннай</a></b>
<br> ГМ
<br><img src="http://i59.fastpic.ru/big/2013/0831/6d/f9608c3eee224af18a61951e2e12c76d.png" ></center>
</td>
<td>
<center><b> <a href="http://sayron.ru/profile.php?id=245">Кром</a></b>
<br> Модератор, ГМ
<br><img src="http://i59.fastpic.ru/big/2013/0831/6d/f9608c3eee224af18a61951e2e12c76d.png" ></center>
</td>
</tr>
<tr>
<td><center> <b> <a href="http://sayron.ru/profile.php?id=25">Керадайн Архараш</a></b>
<br> ГМ
<br><img src="http://i59.fastpic.ru/big/2013/0831/6d/f9608c3eee224af18a61951e2e12c76d.png" ></center>
</td>
<td>
<center><b> <a href="http://sayron.ru/profile.php?id=523">Айри Андерс</a></b>
<br> ГМ
<br><img src="http://i59.fastpic.ru/big/2013/0831/6d/f9608c3eee224af18a61951e2e12c76d.png" ></center>
</td>
</tr>
<tr>
</tr>
<tr>
<td> 

</tr>
</table></center>

0

19

Сайрон,
Не совсем поняла... У вас же сейчас стоит что-то вроде этого. Разве нет?)
Не совсем поняла, что делать нужно  http://sa.uploads.ru/uDVzH.png

0

20

Патему, дело в том, что в той части, где ставятся модераторы в этом дизайне не таблица (как у меня в дизайне), а просто подбитые пропуски (эмитация таблицы). Мне же нужна именно таблица. Грубо говоря:
вот это

Код:
<tr>
        	<td style="width: 24%; text-align: center;">
            <div id="f_block">
            	<div>Администраторы</div>
            	<div>Создатель</div>
            	<div>Модераторы</div>
            	<div>Тиана &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Хастлер&nbsp;</div>
            	<div>&nbsp; &nbsp; ГМ &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Модератор&nbsp;</div>
            	<div>&nbsp;</div>
            	<div>Той-Муна &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Кром &nbsp;&nbsp;</div>
            	<div>&nbsp; &nbsp; &nbsp;ГМ &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Модератор, ГМ&nbsp;</div>
            	<div>&nbsp;</div>
            	<div>Керадайн Архараш &nbsp; &nbsp;Айри Андерс&nbsp;</div>
            	<div>ГМ &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ГМ&nbsp;</div>
            </div>

переделать в :

Код:
<tr>
<td ROWSPAN=3>
<div style = "width:200px; height:400px;">
 <p>
             <center><font size="2" color="#991900"><b> Администраторы</b></font></center></p>
<br><center><table style="width:185px;">
<tr>
<td colspan="2">
<center><b> <a href="http://shardsofpower.rolka.su/profile.php?id=118">Создатель</a></b>
<br><img src="http://i59.fastpic.ru/big/2013/0831/6d/f9608c3eee224af18a61951e2e12c76d.png" >
</center></td>
</tr>
<tr>


</td></tr>
<tr>
<td colspan="2">
<p>
             <center><font size="2" color="#991900"><b> Модераторы</b></font></center></p></td></tr>
<tr>
 <td><center><b> <a href="http://sayron.ru/profile.php?id=507">Тиана</a></b>
<br> ГМ
<br><img src="http://i59.fastpic.ru/big/2013/0831/6d/f9608c3eee224af18a61951e2e12c76d.png" ></center></td> 

<td> <center><b> <a href="http://sayron.ru/profile.php?id=387">Хастлер</a></b>
<br> Модератор
<br><img src="http://i59.fastpic.ru/big/2013/0831/6d/f9608c3eee224af18a61951e2e12c76d.png" ></center>
</td>
</tr>

<tr>
<td><center> <b> <a href="http://shardsofpower.rolka.su/profile.php?id=187">Ннай</a></b>
<br> ГМ
<br><img src="http://i59.fastpic.ru/big/2013/0831/6d/f9608c3eee224af18a61951e2e12c76d.png" ></center>
</td>
<td>
<center><b> <a href="http://sayron.ru/profile.php?id=245">Кром</a></b>
<br> Модератор, ГМ
<br><img src="http://i59.fastpic.ru/big/2013/0831/6d/f9608c3eee224af18a61951e2e12c76d.png" ></center>
</td>
</tr>
<tr>
<td><center> <b> <a href="http://sayron.ru/profile.php?id=25">Керадайн Архараш</a></b>
<br> ГМ
<br><img src="http://i59.fastpic.ru/big/2013/0831/6d/f9608c3eee224af18a61951e2e12c76d.png" ></center>
</td>
<td>
<center><b> <a href="http://sayron.ru/profile.php?id=523">Айри Андерс</a></b>
<br> ГМ
<br><img src="http://i59.fastpic.ru/big/2013/0831/6d/f9608c3eee224af18a61951e2e12c76d.png" ></center>
</td>
</tr>
<tr>
</tr>
<tr>
<td> 

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

0

21

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

Код, если что

Код:
<table border="0" cellpadding="1" cellspacing="1" style="width: 900px; height: 250px;">
    	<tbody>
        <tr>
        	<td style="width: 24%; text-align: center;">
            <div id="f_block">
            	<p>
             <font size="2" color="#991900"><b> Администраторы</b></font></p>
<table style="width:185px;">
<tr>
<td colspan="2">
<b> <a href="http://shardsofpower.rolka.su/profile.php?id=118">Создатель</a></b>
<br><img src="http://i59.fastpic.ru/big/2013/0831/6d/f9608c3eee224af18a61951e2e12c76d.png" >
</td>
</tr>

<tr>
<td colspan="2">
<p>
             <font size="2" color="#991900"><b> Модераторы</b></font></p></td></tr>
<tr>
 <td><b> <a href="http://sayron.ru/profile.php?id=507">Тиана</a></b>
<br> ГМ
<br><img src="http://i59.fastpic.ru/big/2013/0831/6d/f9608c3eee224af18a61951e2e12c76d.png" ></td> 

<td> <b> <a href="http://sayron.ru/profile.php?id=387">Хастлер</a></b>
<br> Модератор
<br><img src="http://i59.fastpic.ru/big/2013/0831/6d/f9608c3eee224af18a61951e2e12c76d.png" >
</td>
</tr>

<tr>
<td> <b> <a href="http://shardsofpower.rolka.su/profile.php?id=187">Ннай</a></b>
<br> ГМ
<br><img src="http://i59.fastpic.ru/big/2013/0831/6d/f9608c3eee224af18a61951e2e12c76d.png" >
</td>
<td>
<b> <a href="http://sayron.ru/profile.php?id=245">Кром</a></b>
<br> Модератор, ГМ
<br><img src="http://i59.fastpic.ru/big/2013/0831/6d/f9608c3eee224af18a61951e2e12c76d.png" >
</td>
</tr>
<tr>
<td> <b> <a href="http://sayron.ru/profile.php?id=25">Керадайн Архараш</a></b>
<br> ГМ
<br><img src="http://i59.fastpic.ru/big/2013/0831/6d/f9608c3eee224af18a61951e2e12c76d.png" >
</td>
<td>
<b> <a href="http://sayron.ru/profile.php?id=523">Айри Андерс</a></b>
<br> ГМ
<br><img src="http://i59.fastpic.ru/big/2013/0831/6d/f9608c3eee224af18a61951e2e12c76d.png" >
</td>
</tr>


</table>
            </div>
        	</td>
        	<td style="text-align: center;">
            <div id="s_block">
<div class="tab_container1">
<div style="display: block;" id="tab1" class="tab_content">
<div> Открыт новый конкурс: <a href="http://sayron.ru/viewtopic.php?id=1336">Конкурс: "Обмен личностями"</a>. Не упустите возможность, примерить на себя роль другого игрока.  
<br><font color="#800000"><b>Важно:</b></color> <font color="#000000">  Набор аэри и многоликих ограничен. Принимаются только персонажи  из вакансий (в том числе прописанные в списке необходимых, как возможные варианты).
<br><font color="#800000"><b>Для игры:</b></color> <font color="#000000">  <a href="http://sayron.ru/viewtopic.php?id=1018"> "Доска объявлений"</a>.  Легкий способ нажиться на чужих бедах, а также получить артефакты за простую "грязную" работу.  Есть возможность выполнять заказы как в игре, так и во флешах.
<br><font color="#800000"><b>Квесты:</b></color> <font color="#000000"> <a href="http://sayron.ru/viewtopic.php?id=818"> "Охота на волка"</a>. Командор псов мертва, убийца - один из членов ее ордена.  Верд объявил награду за голову убийцы, о котором известно лишь то, что когда-то он был частью организации. 
<br><font color="#800000"><b>Квесты:</b></color> <font color="#000000"> Торговец черного рынка предлагает кругленькую сумму за поимку нескольких диковинных животных по всему миру. Всего ему необходимо 5 существ, каждый из которых является настоящей ценностью.
<br>Вступите в приключение и разыщите диковинных зверей Сайрона в квесте:  <a href="http://sayron.ru/viewtopic.php?id=1213"> "Диковинки Сайрона " </a>.</div>
</div>

<div style="display: none;" id="tab2" class="tab_content">
<a href="http://sayron.ru/viewtopic.php?id=421#p14415"> Информация по миру</a>
<br>
<br><a href="http://shardsofpower.rolka.su/viewtopic.php?id=9#p11"> Вводная</a>
<br>
<br><a href="http://sayron.ru/viewtopic.php?id=1167"> Обучение и навыки</a>
<br>
<br><a href="http://shardsofpower.rolka.su/viewtopic.php?id=28"> Шаг 1: Шаблон Анкеты</a>
<br>
<br><a href="http://shardsofpower.rolka.su/viewtopic.php?id=22"> Шаг 2: Подпись</a>
<br>
<br><a href="http://shardsofpower.rolka.su/viewforum.php?id=67"> Шаг 3: Выбор Аватара</a>
<br>
<br><a href="http://shardsofpower.rolka.su/viewtopic.php?id=8"> Правила</a>
<br>
<br><a href="http://shardsofpower.rolka.su/viewtopic.php?id=4#p4"> Сюжет</a>
<br>
<br><a href="http://shardsofpower.rolka.su/viewtopic.php?id=993#p83703"> Персонажи и роли</a>
<br>
<br><a href="http://sayron.ru/viewforum.php?id=74"> Акции и Вакансии</a>
</div>

<div style="display: none;" id="tab3" class="tab_content"> 
<b><a href="http://shardsofpower.rolka.su/viewforum.php?id=55"> История</a></b>
<br><a href="http://shardsofpower.rolka.su/viewtopic.php?id=538"> История мира</a>
<br><a href="http://shardsofpower.rolka.su/viewtopic.php?id=403"> Расы</a>
<br><a href="http://shardsofpower.rolka.su/viewtopic.php?id=402">  География и страны</a>
<br><a href="http://shardsofpower.rolka.su/viewtopic.php?id=405"> Гильдии и организации</a>
<br>
<br><b><a href="http://shardsofpower.rolka.su/viewforum.php?id=56"> Наука</a></b>
<br><a href="http://sayron.ru/viewtopic.php?id=1167#p110932"> Обучение и навыки</a>
<br><a href="http://sayron.ru/viewtopic.php?id=1165"> Магия</a>
<br><a href="http://shardsofpower.rolka.su/viewtopic.php?id=413"> Бестиарий о.1: «Разумные существа»</a>
<br><a href="http://shardsofpower.rolka.su/viewtopic.php?id=414"> Бестиарий о.2: «Неразумные существа, животные»</a>
<br><a href="http://shardsofpower.rolka.su/viewtopic.php?id=416"> Энциклопедия оружия</a>
<br><a href="http://shardsofpower.rolka.su/viewtopic.php?id=536"> Алхимия</a>
<br><a href="http://shardsofpower.rolka.su/viewtopic.php?id=797"> Технология спардов</a>
<br><a href="http://shardsofpower.rolka.su/viewtopic.php?id=406"> Артефакты</a>
<br>
<br><b><a href="http://shardsofpower.rolka.su/viewforum.php?id=53"> Культура</a></b>
<br><a href="http://shardsofpower.rolka.su/viewtopic.php?id=408"> Культура и быт</a>
<br><a href="http://shardsofpower.rolka.su/viewtopic.php?id=412"> Религия</a>
<br><a href="http://shardsofpower.rolka.su/viewtopic.php?id=410"> Одежда</a>
<br><a href="http://shardsofpower.rolka.su/viewtopic.php?id=411"> Праздники</a>
</div>

<div style="display: block;" id="tab4" class="tab_content">
<br><b><a href="http://sayron.ru/viewtopic.php?id=801">  Необходимы в игру (первый пост в гостевой)</a></b>
<br>
<br><b><a href="http://shardsofpower.rolka.su/viewtopic.php?id=3"> Вакансии: «Нужные»</a></b>
<br>
<br><b><a href="http://shardsofpower.rolka.su/viewtopic.php?id=179">  Вакансии: «Организации Сайрона»</a></b>
<br>
<br><b><a href="http://sayron.ru/viewtopic.php?id=431#p15013">  Упрощенный прием</a></b>
<br>
<br><b><a href="http://sayron.ru/viewtopic.php?id=142#p439">  Вакансии "Владыки Сайрона"</a></b>
<br>
<br><b><a href="http://sayron.ru/viewtopic.php?id=193#p2732">  Вакансии "Мирные жители"</a></b>
</div>

<div style="display: none;" id="tab5" class="tab_content">
<a href="http://shardsofpower.rolka.su/viewtopic.php?id=11"> Заказ Квестов</a>
<br>
<br><a href="http://sayron.ru/viewtopic.php?id=1212"> Квест: "Последняя воля умирающего"</a>
<br>
<br><a href="http://sayron.ru/viewtopic.php?id=1221#p118270"> Квест: "Король умер да здравствует король"</a>
<br>
<br><a href="http://shardsofpower.rolka.su/viewtopic.php?id=805"> Квест: «Боги и герои»</a>
<br>
<br><a href="http://sayron.ru/viewtopic.php?id=1209">Квест: «Экспедиция к центру земли»</a>
<br>
<br><a href="http://shardsofpower.rolka.su/viewtopic.php?id=652"> Квест: «В погоне за сокровищами»</a>
<br>
<br><a href="http://sayron.ru/viewtopic.php?id=880">Квест: "Танцы со змеями" </a>
<br>
<br><a href="http://shardsofpower.rolka.su/viewtopic.php?id=822">Квест: «Игра по правилам и без»</a>
<br>
<br><a href="http://sayron.ru/viewtopic.php?id=803">Квест: «Новый владыка »</a>
<br>
<br><a href="http://sayron.ru/viewtopic.php?id=1210">Квест: «Легенды тоже бывают правдой»</a>
<br>
<br><a href="http://sayron.ru/viewtopic.php?id=1211">Квест: «Дракон!»</a>
</div>

<div style="display: none;" id="tab6" class="tab_content"> 
<a target="_blank" href="http://fatariya.ru/"><img title="Авторская фэнтези-ролевая, представляющая собой целый мир и соответствующая примерно XVII веку нашей реальности." src="http://uploads.ru/i/u/5/Q/u5QV8.png" alt="За гранью реальности" /></a><a href="http://dragonsempire.mybb.ru/"><img src="http://savepic.su/3630932.png" border="0" width="88" height="31"></a> <a href="http://reilana.mybb.ru/"><img src="http://s6.uploads.ru/lbMP0.gif" ></a><a href="http://daantebellum.rolka.su/"><img src="http://s001.radikal.ru/i196/1202/aa/cb00e78ac8c5.gif" border="0" width="85" height="31" alt=" Dragon Age: Ante Bellum"></a>  <a href="http://endore.rolka.su/"><img src="http://endore.rolka.su/uploads/000d/ee/24/468-1.gif" alt="Эндор" title="Может быть история пойдет по-другому?" border="0"></a>   <a href="http://sympathyforthedevil.spybb.ru/" target="_blank"><img border="0" src="http://imageshack.com/a/img824/756/c1t.gif" title="Final Fantasy: CrossWorlds" width="88" height="31" ></a> <a href=http://tlkthebeginning.ru/ target=blank><img src=http://forumfiles.ru/files/000a/f9/fe/74036.gif alt="Король Лев. Начало"><a href="http://got.f-rpg.ru/"><img src="http://s2.uploads.ru/JRVeC.gif" border="0" title="GAME OF THRONES: winter has come" width="88" height="31"></a>
<a href="http://wiedzmin.mybb.ru" target="blank"><img border=0 src='http://forumfiles.ru/files/0011/5f/87/80808.gif' alt="ВЕДЬМАК: Тень Предназначения"></a><a href="http://slayers.mybb.ru/" target=_blank> <img src="http://uploads.ru/t/F/t/O/FtOzv.gif" title="Slayers-the Last Artefact" border=0 width="88" height="31"></a><a href="http://masseffectfromashes.rolka.su/"><img border="0" src="http://s3.uploads.ru/P2AQp.gif"title="Mass Effect: From Ashes"></a><a href="http://wheeloftime.rolka.su/"><img src="http://s3.uploads.ru/lQYix.png" border="0" width="88" height="31" alt=" Колесо Времени: Пути Узора"></a><a href="http://aphoenix.anihub.ru/"><img src="http://s4.uploads.ru/KE3wA.gif" /></a><a href="http://namvnebo.ru/" title="Современная Греция. Афины. Люди, способные управлять силой Богов. Найдешь себя в этом мире, смертный?..." target="blank"><img src="http://savepic.su/2099127m.gif"></a><a href="http://alternativereality.mybb.ru/" title="Ролевая игра по миру Аниты Блейк. Вампиры, оборотни и прочие существа в наши дни." target='_blank'><img src='http://forumfiles.ru/files/000d/56/27/32625.gif'></a><a href="http://dnnextlife.rolka.su" target=_blank><img src="http://i52.fastpic.ru/big/2013/0324/55/f9e64d7e743e9acca1dc620fb493e755.gif" border="0" title="Death note: Next Life" width="88" height="31"></a><a href="http://peacefullwar.rolka.su" target=_blank><img src="http://s018.radikal.ru/i510/1201/af/44cef92dc642.gif" border="0" title="Мирная Война между расами демонов, вампиров и людей" width="88" height="31"></a><a href="http://witcherclawsofmadness.rolka.su/" target=_blank><img src="http://funkyimg.com/i/Dyhk.gif" width=88 height=31 title="И Предназначение в когтях безумия "!" border=0></a><a href="http://rebornme.ru" title="Масс Эффект: Возрождение" target="blank"><img src="http://s1.uploads.ru/ex7mM.gif" border="0"></a><a href="http://str.rolebb.ru/"><img src="http://i052.radikal.ru/1208/47/ccce1e6d4af6.gif" ></a><a href="http://noldolante.f-rpg.ru//"><img src="http://s2.uploads.ru/ya9uA.jpg" border="0" width="88" height="31" alt="Quenta Noldolante"></a><a target="_blank" href="http://escondido.rusff.ru" title="Скрытый город"><img src="http://s4.uploads.ru/27srG.gif"></a><a href='http://chesare.magicrpg.ru' target='_blank' title='Айлей'><img src='http://i67.fastpic.ru/big/2014/0913/99/be8bda2e286b9862f880e46a773e7e99.gif' border='0' width='88' height='31' alt='Айлей'></a><a href="http://revia.rusff.ru" title="Форумная ролевая игра по авторскому миру." target="blank"><img src="http://s8.uploads.ru/njFx3.gif"></a><a href="http://obscurity.rolebb.ru/" target=_blank><img src="http://funkyimg.com/i/GFWF.gif" width=88 height=31 border=0></a><a href='http://tesgame.rusff.ru/' target='_blank' title='FRPG The Elder Scrolls'><img src='http://savepic.su/2779677.gif' border='0' width='88' height='31' alt='The Elder Scrolls'></a><a target="_blank" href="http://etkheya.mybb.ru/"><img src="http://s6.uploads.ru/TCrBI.gif"></a><a href="http://sapphville.rolka.su" target=_blank><img src="http://forumfiles.ru/files/0013/fc/5d/68236.gif" alt="Sapphville: yuri NC-17"></a><a href="http://anairen.f-rpg.ru" target="_blank"> <img src="http://s8.uploads.ru/5jnQi.png" title="TRPG Анайрен: цена бесценного. Авторский мир на основе средневековья." /></a><a href="http://astep.rusff.ru/viewtopic.php?id=1#p1459" target=_blank title="В шаге от трона ролевая в стиле псевдоитории. Интриги"><img src="http://sa.uploads.ru/YTk4m.jpg" alt="В шаге от трона ролевая в стиле псевдоитории. Интриги" Border="0"></a><a href="http://codegeass.ru/" target="_blank" title="Code Geass"><img src="http://rom-brotherhood.ucoz.ru/CodeGeass/Piar/banner.gif" width="88" height="31" border="1" alt="Code Geass" /></a><a href="http://inuthenera.f-rpg.ru/"><img src="http://inuthenera.f-rpg.ru/files/0014/3f/64/82649.png" border="0" width="88" height="31" title="Dragon Age: In Uthenera"></a><a target="_blank" href="http://alara.rolka.su"><img src="http://se.uploads.ru/27Pt8.gif" alt="Алара: Игра Богов"></a><a href="http://flagrate.rusff.ru/" title="HP: Flagrate" target=_blank> <img src="http://firepic.org/images/2014-06/06/sba4d376z3zo.gif" border="0" alt="HP: Flagrate"></a><a href="http://invertedparadise.anihub.ru/"><img src="http://sd.uploads.ru/bHLma.gif" title="Inverted Paradise"></a><a href="http://tamriel.rusff.ru/"><img src="http://se.uploads.ru/mXojB.png" border="0" width="88" height="31" alt="The Elder Scrolls: On the Edge of Insanity"></a><a href="http://fert.rolebb.ru"><img src="http://ipic.su/img/img7/fs/fert.1404678531.gif" ></a><a href="http://irondiferer.diary.ru/"><img src="http://img-fotki.yandex.ru/get/6809/47529448.90/0_bcd82_27e8b3ca_orig" /></a><a href="http://anamnesis.rusff.ru/" title="Tahfuna" target="blank"><img src="http://i64.fastpic.ru/big/2014/0929/01/1a1188f31455b4a7ccf09502cd0af701.gif"/></a><a href="http://almarein.spybb.ru/"><img src="http://rs.foto.radikal.ru/0708/5e/d0d1d0103d90.gif"></a>
</div>

      </div>
            </div>
	</div>
</div>
        	</td>
        	<td style="width: 24%; text-align: center;">
            <div id="t_block">
<div id="slider2" slide-width="190" slide-height="260" class="slider" style="padding:0;height:0;width:0;margin-left: 10px;"><style>/*

<!-- Две Кнопки слайдера -->
    <img button-width="14" class="button-left hide" src="http://savepic.ru/6149162.png"/>
    <img button-width="14" class="button-right" src="http://savepic.org/6244870.png"/>

<div class="slider-content active">

    <div><b>Погода|игра</b></div>
        <div><b>Дата</b> <a href=http://shardsofpower.rolka.su/viewtopic.php?id=407>  4 Амаре (третий летний месяц)  6543 года. 1 неделя</a></div>
        <div><b>Очередь</b></div>
        <div><a href="http://sayron.ru/viewtopic.php?id=1225">  Деревня «Горная»</a> -   Джейк, Корвус, Кристель, ГМ</div>
        <div><a href="http://sayron.ru/viewforum.php?id=22"> Каридин</a> -  Кирани, Летиция</div>
        <div><a href="http://sayron.ru/viewforum.php?id=22"> Каридин</a> -  Тенерис, Корок Кроу, ГМ (по необходимости)</div>

</div>
<div class="slider-content">

    <div><a href="http://sayron.ru/viewtopic.php?id=358&p=2#p136560">Таверна Брута</a> -  Сара, ГМ</div>
        <div><a href="http://sayron.ru/viewforum.php?id=22"> Каридин</a> -  Кирани, Летиция</div>
        <div><a href="http://sayron.ru/viewtopic.php?id=95&p=2#p135933">Черный рынок</a> -  Ашш, ГМ</div>
<div><a href="http://sayron.ru/viewforum.php?id=27"> Эльрат</a> - Тиана, Айри Андерс, Хастлер</div>
        <div><a href="http://sayron.ru/viewtopic.php?id=62#p119727"> Улицы города</a> -  ГМ, Раймон</div>
   <div><a href="http://sayron.ru/viewtopic.php?id=719#p69022"> Илворленд</a> -  ГМ, Айрин, Эксельсиор</div>
        <div><a href="http://sayron.ru/viewtopic.php?id=104&p=2#p132392"> Подгорные дороги</a> - Йохан, Дилайла, ГМ</div>
        <div><a href="http://sayron.ru/viewtopic.php?id=1324#p135090">Заброшенный дом</a>- Ннай, Элнир, ГМ</div>

        <div>

</div>
<div class="slider-content">

   <div><a href="http://sayron.ru/viewtopic.php?id=77&p=2#p111292">Топи Стагмуса </a>- ГМ, Симар, Феарив, Ксилл, Риринн, Нелтарионна (свободная очередь)</div>
        <div><a href="http://sayron.ru/viewtopic.php?id=116"> Вейтрал</a> - ГМ, Шас'О Xадис</div>
<div><a href="http://sayron.ru/viewtopic.php?id=937"> Открытое море</a> - ГМ, Ашера, Муни Гудрун, Хэйдрун</div>
        <div><a href="http://sayron.ru/viewtopic.php?id=107"> Земли мантикор</a> - Шарисия, Агрон, ГМ (Вейджин)</div>
<div><a href="http://sayron.ru/viewtopic.php?id=588#p136010">  Ларх’Гатол</a> - Акелла, Клаус, ГМ</div>
        <div><a href="http://sayron.ru/viewtopic.php?id=1237#p128795"> Земля предков</a> - ГМ, Кром, Кухулин</div>

</div>


   */</style></div><script>$("#slider2").slideF(1);</script><!--//End Cлайдер -->

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



<ul class="tabs">
    <li class="active"><a href="#tab1">Новости</a></li>
    <li><a href="#tab2">Гид</a></li>
    <li><a href="#tab3">Навигация</a></li>
    <li><a href="#tab4">Вакансии</a></li>
    <li><a href="#tab5">Квесты</a></li>
    <li><a href="#tab6">Друзья</a></li>
</ul>

0

22

Патему, так... при переносе на свой форум возникла такая проблема с профилями
http://sayron.ru/viewtopic.php?id=492&p=5#p139936
(у нас еще один контейнер есть и он переносится на 2 строку. Как в одну сделать?

0

23

Найдите

Код:
img.post-img-Sp {
position: center;
margin: 1px;
padding: 2px;
border: transparent 1px dashed;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
}

И замените на

Код:
img.post-img-Sp {
margin: 1px;
border: transparent 1px dashed;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
}

0

24

Патему, в каком разделе искать?
И сразу вопрос. У меня был скрипт для ссылок вверху форума, а сейчас он куда-то пропал

0

25

А так же вот такая проблема со страницей баннеров http://sayron.ru/pages.php?page=banneri

0

26

Искать в "Свой стиль")

Это просто в конец добавьте. Чтобы отступы у цитат нормальными были.

Код:
.punbb .quote-box p
{
padding: 10px;
}

Тут удалите указанную строку, если не нравится тени вокруг слова "подфорумы" на главной.

Код:
.divParentFor span.title
{
margin-left: -20px;
text-shadow: #1C437E 2px 2px 2px, #000-1px -1px 3px, #000 3px 3px 9px, #000 1px 1px 0; <--- Удалить
color: #000;
}

Что за скрипт? Что он делала с сылками вверху форума?) Я выпиливала только те, которые добавляли картинки.

Отредактировано Патему (2014-11-16 09:30:42)

0

27

Патему, А может быть вы на тестовеке исправите и я выставлю у себя (просто я найти не могу)

По ссылкам:

Вы здесь » Зефир » Верстка для вашего форума » [Дизайн] Сайрон: Осколки всевластия
Вот как тут вверху на зафире...

0

28

Для начала посмотрите коды баннеров и удалите лишнюю ">" в конце) Посмотрим, помогло ли это. Помеченное красным лишнее.

<a href="http://legend-lf.ru/"><img src="http://s6.uploads.ru/cyeao.gif" title="Легенды Светлолесья" border="0" width="88" height="31"></a><a href="http://renesense.mybb.ru/" title=" ReneSense" target="blank"><img src="http://img.leprosorium.com/2242259"width=88 height=31 title="Ренесенс. Возрождение Вечного смысла. " alt="Ренесенс. Возрождение Вечного смысла." border=0></a> ></a>

0

29

Патему, у баннеров убрала. но все равно так

0

30

Хм, просто я ошиблась и "img.post-img-Sp" находится в настройках) HTML- верх

0


Вы здесь » Зефир » Архив выполненной верстки » [Дизайн] Сайрон: Осколки всевластия


Рейтинг форумов | Создать форум бесплатно © 2007–2017 «QuadroSystems» LLC