Общие вопросы по оформлению (57)

Страница: « 1 … 20 21 22 23 24 … 50 »

Сообщений 421 страница 440 из 1000

Поделиться1Сб, 3 Окт 2015 14:12:35

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 11217
Уважение: +7624
Позитив: +5460
Пол: Мужской
Последний визит:
Сегодня 16:17:19

Предыдущая тема: Общие вопросы по оформлению (56)


Инструменты для поиска и редактирования стиля (скриптов).	Как с помощью браузера можно определить элемент дизайна.
Каталог скриптов/CSS	Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое HTML и CSS.
Типовые Вопросы (ЧаВо)	Ответы на часто задаваемые вопросы.
Как задавать вопросы! Разница между стилем и скриптом. ( Советы)	Плюс к названию темы еще и Памятка.

Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности.

ВКонтакте alex__63

Поделиться421Пт, 13 Ноя 2015 21:27:26

Автор: miu
Стремящийся
Зарегистрирован: Вт, 11 Ноя 2014
Сообщений: 5
Уважение: 0
Позитив: 0
Последний визит:
Пн, 16 Ноя 2015 19:01:21

Добрый вечер. У нас возникла проблемка с категориями. Пробовали по разному, но не выходит. Форум их не отображает. http://lililililil.rolka.su/ Помогите, пожалуйста. (не актуально)

Код:

/* CS5 КАТЕГОРИИ 
-------------------------------------------------------------*/ 
#pun-category1.category h2 { 
background: url(http://uploads.ru/OoRYc.png) no-repeat top center; 
height: 70px; 
border-style: none; 
font-size:0 !important;} 

#pun-category2.category h2 { 
background: url(http://uploads.ru/HLrnF.png) no-repeat top center; 
height: 70px; 
border-style: none; 
font-size:0 !important;} 

#pun-category3.category h2 { 
background: url(http://uploads.ru/tPBch.png) no-repeat top center; 
height: 70px; 
border-style: none; 
font-size:0 !important;} 

#pun-category4.category h2 { 
background: url(http://uploads.ru/ZYlgt.png) no-repeat top center; 
height: 70px; 
border-style: none; 
font-size:0 !important;} 

#pun-category5.category h2 { 
background: url(http://uploads.ru/4q0p1.png) no-repeat top center; 
height: 70px; 
border-style: none; 
font-size:0 !important;} 



#pun-category6.category h2 { 
background: url(http://uploads.ru/GlmLp.png) no-repeat top center; 
height: 70px; 
border-style: none; 
font-size:0 !important;} 

#pun-category7.category h2 { 
background: url(http://uploads.ru/GlmLp.png) no-repeat top center; 
height: 70px; 
border-style: none; 
font-size:0 !important;} 
#pun-stats h2 span, 
.category h2 span { 
visibility:hidden!important; 
}

структура

Код:

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

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

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

/* A2 Deal with browser defaults and wonkiness

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

/* A2.1 */
html, body {margin: 0; padding: 0}

/* A2.2 */
.punbb * {
  margin: 0
  }

/* A2.3 */
.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {
  padding: 0;
  list-style: none;
  }

/* A2.4 */
.punbb img {
  border:none
  }

/* A2.5 */
.punbb .main table {
  table-layout: fixed;
  width: 100%;
  }

/* A2.6 */
.checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 0.3em;}

/* A2.7 */
p[class="checkfield"] *,
div[class="checkfield"] *,
fieldset[class="radiofield"] * {
  height: 1.8em;
  vertical-align: middle
  }


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

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

/* A3.2 */
.punbb {
  font: normal 68.75% verdana, arial, helvetica, sans-serif;
  }

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

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

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

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

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

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

/* A3.9 */
.punbb .post-content em.bbuline {
  font-style: normal;
  text-decoration: underline;
  }

/* A3.10 */
.punbb a {
  text-decoration: underline
  }

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



/* A4 Float clearing and hidden items
-------------------------------------------------------------*/

/* A4.1 */
#pun:after,
.punbb .container:after,
.punbb .post-links ul:after,
.punbb .main div.inline:after,
.punbb .post-box:after,
.punbb .linksb:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  overflow:hidden;
  line-height: 0.0;
  font-size: 0;
  }

/* A4.2 */
.acchide,
#pun-index #pun-main h1,
#pun-navlinks h2,
#pun-pagelinks h2,
#pun-status h2,
#pun-ulinks h2,
.punbb .forum h2,
.punbb .multipage .topic h2,
.punbb dl.post-sig dt span,
.punbb p.crumbs strong,
.punbb .divider hr,
.punbb .required label em,
.punbb .formsubmit label,
.punbb .submitfield label,
.punbb .modmenu label,
#pun-userlist .main h2 {
  font-size: 0;
  height: 0;
  width: 0;
  line-height: 0.0;
  position:absolute;
  left: -9999px;
  overflow: hidden
  }

#pun-navlinks li a {
color: #ECE1D4;
text-shadow: 1px 0px 1px #40261a;
position: absolute;
z-index: 10;
font-size: 15px !important;
opacity: 0.6;
}

#pun-navlinks li a:hover {
opacity: 0.9;
}
/* форум */
li#navindex a {
color: #ECE1D4;
top: 0px;
margin-left: 9px;
}
/* участники */
li#navuserlist a {
color: #ECE1D4;
top: 15px;
margin-left: 0px;
}
/* поиск */
li#navsearch a {
color: #ECE1D4;
top: 30px;
margin-left: -9px;
}
/* профиль */
li#navprofile a {
top: -15px;
margin-left: -18px;
}
/* регистрация */
li#navregister a {
top: -15px;
margin-left: -18px;
}
/* сообщения */
li#navpm a {
top: -30px;
margin-left: -27px;
}
/* выход */
li#navlogout a {
top: 45px;
margin-left: -45px;
}
/* пиар */
li#navpiar a {
color: #ECE1D4;
top: 0px;
margin-left: 100px;
}
/* вход */
li#navlogin a {
color: #ECE1D4;
top: -30px;
margin-left: -27px;
}
/* админ */
li#navadmin a {
color: #ECE1D4;
top: -45px;
margin-left: -36px;
}

/* A5 Basic page layout and borders
-------------------------------------------------------------*/

/* A5.1 ширина тела форма общая*/
#pun { 
margin-left: 0px; 
position:  top center; 
width: 908px; 
margin: auto;  }


/* A5.2 ширина текстовой части*/
.punbb {
margin: auto;
position: top center;
float: none;
width: 800px;
height: auto;}

/* A5.3 переадресация*/
#pun-redirect, #pun-maint {
  margin: 0px
  font-size: 13px!important;
text-shadow: 1px 1px 5px #ede0cb;
  float: none;
  text-align: center; 
  background-color: #827153!important;
  background: url(http://se.uploads.ru/SRQCO.jpg) no-repeat;
  background-position: center;  
  height: 255px;
  width: 562px; 
  }

 #pun-redirect .main-title {
font-size: 14px; 
    font-family: Arial; 
    font-weight: bold;
    color: #ede0cb;
    text-transform: uppercase;
    text-shadow: 0px 0px 5px #1d0e03;
    padding: 10px!important;
    margin-bottom:-5px!important;
}
/* A5.4 */
.punbb .section, .punbb .main {
  margin-bottom: 1em;
  }

/* A5.5 */
.punbb .category, .punbb .post {
  margin-top: 0.4em;
  }

/* A5.6 */
.punbb #pun-category1, .punbb .toppost, .punbb .topicpost {
  margin-top: 0;
  }

/* 5.7 */
#pun-post .topic {
  margin-top: 1em;
  }

/* A5.8 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-style: none none solid none;
  border-width: 0px 0px 2px 0px
  }

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

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


/*************************************************************
B - MAIN CONTENT - GENERAL
**************************************************************/

/* B1 Parsed Content, Signatures and Scroll Boxes
-------------------------------------------------------------*/

/* B1.1 */
.punbb .post-content {
  padding: 0;
  margin: 0;
  width: 100%;
  overflow: hidden;
  }

/* B1.2 */
.punbb .post-sig dt {
  display: block;
  border-top: 1px solid #888;
  width: 250px;
  margin: 5px 0;
  }

/* B1.3 */
.punbb .post-content p {
  margin: 0;
  padding: 0 0 1em 0;
  line-height: 150%;
  }

/* B1.4 */
.punbb .post-content img {
  vertical-align: text-bottom
  }

/* B1.5 */
.punbb .post-content img.postimg {
  vertical-align: middle;
  }

/* B1.6 */
.punbb .post-content .blockcode, .punbb .post-content blockquote {
  width: 100%;
  overflow: hidden;
  }

/* B1.7 */
.punbb .post-content .scrollbox {
  width: 100%;
  overflow: auto;
  }

/* B1.8 */
.punbb .post-content .quote-box, .punbb .post-content .code-box {
  margin: 0.4em 1.8em 1.4em 1.8em;
  padding: 1em;
  border-style: solid;
  border-width: 1px;
  }

/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
  display: block;
  padding-bottom: 0.7em;
  font-size: 1.1em;
  font-weight: bold;
  font-style: normal;
  margin: 0;
  }

/* B2 Information boxes
-------------------------------------------------------------*/

/* B2.1 */
.punbb .info-box {
  padding: 1.1em 1.7em 1em 1.7em;
  border-style: solid;
  border-width: 1px;
  margin: 0 0 1.1em 0;
  }

/* B2.2 */
.punbb .info-box * {
  padding: 0 0 0.7em 0;
  }

/* B2.3 */
.punbb #pun-main .info-box .legend {
  font-size: 1.1em;
  font-weight: bold;
  }


/* B3 Pagination and posting links
-------------------------------------------------------------*/

/* B3.1 */
.punbb .linkst {
  float: left;
  position: relative;
  width: 100%;
  font-size: 1.1em;
  height: 0;
  }

/* B3.2 */
.multipage {
  margin-top: 3em;
  }

/* B3.3 */
.linkst .pagelink {
  position: absolute;
  top: -4em;
  left: 1em;
  width: 24em;
  }

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

/* B3.5 */
.punbb .linksb {
  text-align: right;
  padding: 0.4em 1em 0.5em 1em;
  font-size: 1.1em;
  }

/* B3.6 */
.linksb .pagelink {
  float: left;
  width: 24em;
  text-align: left;
  }

/* B3.7 */
.linksb .postlink {
  float: right;
  width: 16em;
  font-weight: bold
  }

/* B3.8 */
.subscribelink {
  clear:both;
  padding-top: 0.3em;
  padding-bottom: 0.5em;
  }


/*************************************************************
C - MAIN CONTENT - SPECIFIC
**************************************************************/

/* C1 Form layout
-------------------------------------------------------------*/

/* C1.1 */
.punbb .formal .container {
  padding: 1.7em 2.3em 1.1em 2.3em;
  }

/* C1.2 */
.punbb .formsubmit {
  padding: 0 0 0 1.7em;
  margin: 1em 0 0 0;
  }

/* C1.3 */
.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {
  margin: 0 0.6em 0 0
  }

/* C1.4 */
.punbb fieldset {
  border-style: solid;
  border-width: 1px;
  padding: 0 18px 0 18px;
  margin: 0 0 1em 0
  }

/* C1.5 */
.punbb fieldset legend {
  padding: 0;
  margin: 0 0 0 11px;
  font-size: 1.1em
  }

/* C1.6 */
.punbb fieldset legend span {
  padding: 0 5px;
  margin: 0 0 0 -15px;
  }

/* C1.7 */
.punbb fieldset fieldset {
  border-style: none;
  margin: 0;
  padding: 0 0 8px 0
  }

/* C1.8 */
.punbb .fs-box {
  padding: 1em 0 0.8em 0;
  }

/* C1.9 */
.punbb .fs-box p, .punbb .fs-box fieldset {
  padding: 0 0 0.8em 0
  }

/* C1.10 */
.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield {
  float: left;
  margin-right: 1em;
  }

/* C1.11 */
.punbb .inline .infofield {
  clear:both
  }

/* C1.12 */
.punbb .datafield br {
  display: none
  }

/* C1.13 */
.punbb .required label, .punbb .datafield span.input {
  font-weight: bold
  }

/* C1.14 */
.punbb .datafield span.input a {
  font-weight: normal;
  }

/* C1.15 */
.punbb .areafield span.input, .punbb p.longinput span.input {
  display: block;
  padding: 0 12em 0 0;
  height: 100%; /* For IE */
  }

/* C1.16 */
.punbb textarea, .punbb .longinput input {
  width: 64%;
  margin: 0;
  }

/* C1.17 */
.punbb .hashelp {
  position: relative;
  }

/* C1.18 */
.punbb .helplinks {
  display: block;
  position: absolute;
  top: 1em;
  right: 0;
  font-weight: normal;
  width: 36%;
  }

/* c1.19 */
.punbb #profile .helplinks {
  top: 1.5em;
  }

/* C1.20 */
.punbb .helplinks span {
  display: block;
  padding-bottom: 0.2em;
  }

/* C1.21 */
#pun-post .formal .info-box li {
  padding-left: 4px;
  list-style-type: square;
  list-style-position: inside;
  line-height: 1.5;
  margin: 0;
  }


/* C2 Table layout
-------------------------------------------------------------*/

/* C2.1 */
.punbb .main .tcl {
  overflow: hidden;
  text-align: left;
  width: 50%;
  }

/* C2.2 */
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
  text-align: center;
  width: 10%;
  }

/* C2.3 */
.punbb .main .tcr {
  overflow: hidden;
  text-align: left;
  width: 30%;
  }

/* C2.4 */
#pun-userlist .main .tcl,
#pun-searchtopics .main .tcl,
#pun-modviewforum .main .tcl {
  width: 40%
  }

/* C2.5 */
#pun-userlist .main .tc2,
#pun-searchtopics .main .tc2 {
  text-align: left;
  width: 20%;
  }

/* C2.6 */
#pun-debug table .tcl {
  width: 15%;
  white-space:normal;
  }

/* C2.7 */
#pun-debug .tcr {
  width: 90%;
  white-space: normal;
  }

/* C2.8 */
#pun-index .tcl h3 {
  font-size: 1.2em;
  font-weight: bold;
  }

/* C2.9 */
.punbb td span.youposted {
  font-weight: bold;
  margin-left: -1em;
  position: absolute;
  }

/* C2.10 */
.punbb td .modlist {
  display: block;
  padding-top: 0.3em
  }

/* C2.11 */
.punbb .main td {
  border-style: solid none none solid;
  border-width: 1px 0 0 1px;
  padding: 0.8em 1em;
  }

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

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

/* C2.14 */
.punbb tbody.hasicon td.tcl {
  padding-left: 3.2em
  }

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

 /* C3 Topics
-------------------------------------------------------------*/

/* C3.1 */
.punbb .post .container {
  border-style: none solid solid solid;
  border-width: 1px;
  margin-top: -1px;
  padding-bottom: 1px;
  }

/* C3.2 */
.punbb .post h3 {
  border-style: solid solid none solid;
  border-width: 1px;
  }

/* C3.3 */
.punbb .post h3 span {
  padding: 0.5em 1em;
  display: block;
  margin-left: 19em;
  border-left-style: solid;
  border-left-width: 1px
  }

/* C3.4 */
.punbb .post h3 strong {
  float: right;
  width: 5em;
  text-align: right;
  font-weight: normal;
  }

/* C3.5 */
.punbb .post .post-author {
  float: left;
  width: 19em;
  margin-top: -1.5em;
  overflow: hidden;
  }

/* C3.6 */
.punbb .post .post-author ul, .punbb .post .post-author p {
  padding: 0 1em 1em 1em;
  line-height: 140%;
  }

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

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

/* C3.9 */
li.pa-title {
  padding-bottom: 0.4em;
  font-weight: bold;
  }


li.pa-online {
  line-height: 0.8em;
  border-left-style: solid;
  border-left-width: 0.7em;
  padding-left: 0.4em;
  margin-top: 0.7em;
  }

/* C3.11 */
.punbb .post-body {
  margin-left: 19em;
  border-left-style: solid;
  border-left-width: 1px;
  padding: 0 0 1px 0;
  }

/* C3.12 */
.punbb .post-box {
  padding: 1em;
  }

/*C3.13 */
.punbb fieldset .post-box {
  margin-bottom: 0.8em
  }

/* C3.14 */
.punbb .post-links {
  margin-left: 19em;
  border-left-style: solid;
  border-left-width: 1px;
  }

/* C3.15 */
.punbb .post-links ul {
  padding: 0 1em 0 0;
  height: 2em;
  line-height: 2em;
  margin-left: -19em;
  border-top-style: dashed;
  border-top-width: 1px;
  background: transparent;
  text-align: right;
  }

/* C3.16 */
.punbb .post-links li {
  display: inline;
  padding-left: 1em;
  }

/* C3.17 */
.pl-email, .pl-website {
  float: left;
  }

/* C3.18 */
.punbb .clearer {
  clear: both;
  height: 0;
  font-size: 0;
  }


/* C4 Moderator menu
-------------------------------------------------------------*/

/* C4.1 */
.punbb .modmenu .container {
  padding: 0.5em 1em;
  text-align: right;
  }

/* C4.2 */
.punbb .modmenu strong, .punbb .modmenu a {
  height: 1.8em;
  line-height: 1.8em;
  }

/* C4.3 */
.punbb .modmenu .container strong {
  float: left;
  }

/* C4.4 */
.punbb .modmenu input {
  margin-left: 1em;
  }


/* C5 Message boxes
-------------------------------------------------------------*/

/* C5.1 */
.punbb .info .container {
  padding: 0.8em 1em
  }

/* C5.2 */
.punbb .info .container .backlink {
  padding-top: 0.8em;
  }


/* C6 Profile
-------------------------------------------------------------*/

/* C6.1 */
#profile .container {
  padding-left: 18.6em;
  }

/* C6.2 */
#profilenav {
  float: left;
  width: 14em;
  margin-left: -16.3em;
  display: inline;
  }

/* C6.3 */
#profilenav li {
  padding-bottom: 0.8em;
  font-weight: bold;
  }

/* C6.4 */
#viewprofile ul, #profilenav ul {
  border-style: solid;
  border-width: 1px;
  padding: 1.5em 18px 0.8em 18px;
  margin: 0 0 1em 0;
  }

/* C6.5 */
#viewprofile h2, #profilenav h2 {
  background: transparent;
  border: none;
  padding: 0 0 0 0;
  margin: 0 14px -0.6em 14px;
  }

/* C6.6 */
#viewprofile h2 span, #profilenav h2 span {
  padding: 0 5px;
  position: relative;
  }

/* C6.7 */
#viewprofile li, #setmods dl {
  padding: 0 0 0 16em;
  margin-bottom: 0.2em;
  }

/* C6.8 */
#viewprofile li span {
  float: left;
  width: 14em;
  margin-left: -16em;
  padding: 0.5em 1em;
  font-weight: bold;
  }

/*C6.9 */
#setmods dt {
  float: left;
  width: 14em;
  margin-left: -16em;
  padding: 0.8em 1em;
  font-weight: bold;
  display: inline;
  }

/* C6.10 */
#viewprofile li strong, #viewprofile li div, #setmods dd {
  display: block;
  padding: 0.5em 1em;
  font-weight: normal;
  }

/* C6.11 */
.punbb img.avatardemo {
  float: right;
  margin: 0 0 0.8em 1.8em
  }


/* C7 User list
-------------------------------------------------------------*/

/* C7.1 */
#pun-userlist .formal, #pun-userlist .formal .container {
  border-bottom: none;
  margin-bottom: 0;
  }

/* C7.2 */
#pun-userlist .usertable .container {
  padding: 0 2.3em 2.3em 2.3em;
  border-top: none;
  }

/* C7.3 */
#pun-userlist .usertable table {
  border-style: solid;
  border-width: 1px;
  }


/*************************************************************
D - PUNBB SECTIONS OTHER THAN MAIN CONTENT
**************************************************************/

/* D1 Logo and description
-------------------------------------------------------------*/

/* D1.1 */
#pun-title {
  margin: 0;
  border-style: solid solid none solid;
  border-width: 1px 1px 0 1px;
  }

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

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

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

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

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

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

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

/* D2.2 */
#pun-pagelinks .container {
  background: transparent;
  border: none;
  padding: 0}

/* D2.3 */
#pun-pagelinks .container li {
  display: inline
  }

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

/* D2.5 */
#pun-pagelinks a:active, #pun-pagelinks a:focus {
  position:relative;
  margin: 0;
  }

#pun-pagelinks li a span {
  display:block;
  margin: 0 1em
  }

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

/* D3.1 навигаци форум,участники*/

#pun-navlinks, #pun-navlinks .container {
  border-style: none;
  border-width: 0;
  margin-top: 3px;
  margin-right: 0px;
  }

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

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

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

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

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

/* D4.2 активные*/
#pun-ulinks .container {
  border-top: none;
  padding: 0.7em 1em;
  margin-top: -190px;
}

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

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

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

/* D5 Welcome box and Top Breadcrumbs
-------------------------------------------------------------*/

/* D5.1 */
#pun-status, #pun-status .container {
  border-bottom: none;
  margin-bottom: 0;
  }

/* D5.2 */
#pun-status .container {
  padding: 0.8em 1em 1em 1em;
  }

/* D5.3 */
#pun-status span {
  white-space: nowrap;
  margin-right: 0.5em;
  }

/* D5.4 */
#pun-crumbs1 {
  font-weight: bold;
  overflow: hidden;
  margin-top: 0;
  }

/* D5.5 */
#pun-crumbs1 p.container {
  border-top: none;
  padding: 1em 1em 0.8em 1em;
  font-size: 1.1em;
  }

/* D5.6 */
#pun-break1 {
  margin: 0 1em;
  border-style: solid none;
  border-width: 1px 0;
  height: 0;
  margin: -10px 1em;
  position: relative;
  z-index: 1;
  }

/* D6 Announcement
-------------------------------------------------------------*/

/* D6.1 */
#pun-announcement h2 {
  padding: 0;
  margin: 0 1em -3.5em 1em;
  border-style: none none solid none;
  border-width: 0 0 1px 0;
  position: relative;
  font-weight: bold;
  }

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

/* D6.3 */
#pun-announcement .container {
  padding: 4.3em 1em 1em 1em;
  margin-top: -100px
  }

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

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

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

/* D7.3 */
#pun-stats li.item3, #pun-stats li.item4 {
  text-align: right;
  line-height: 150%;
  }

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

/* D7.5 */
li#onlinelist div {
  border-top-style: solid;
  border-top-width: 1px;
  padding: 0.7em 0 0 0;
  }

/* D8 Quick Jump - About - Bottom Breadcrumbs
-------------------------------------------------------------*/

/* D8.1 */
#pun-qjump {
  margin: 0;
  border: none;
  width: 50%;
  position: relative;
  float: left;
  }

/* D8.2 */
#pun-qjump .container {
  border: none;
  background: transparent;
  padding: 0.8em 1em;
  }

/* D8.3 */
#pun-about {
  margin-top: 0;
 margin-bottom: -50px;
  }

/* D8.4 */
#pun-about .container {
  border-top-style: none;
  text-align: right;
  line-height: 150%;
  padding: 0.8em 1em;
  }

/* D8.5 */
#pun-about p span {
  display:block;
  padding-left: 50%;
  }

/* D8.6 */
#pun-crumbs2 {
  font-weight: bold;
  overflow: hidden;
  margin-bottom: 0;
  border-bottom: none;
  }

/* D8.7 */
#pun-crumbs2 .container {
  border-bottom: none;
  padding: 0.8em 1em;
  font-size: 1.1em;
  }

/* D8.8 */
#pun-break4 {
  margin: -2px 1em;
  border-style: solid none;
  border-width: 1px 0;
  position: relative;
  height: 0;
  z-index: 1;
  }

/* D8.9 */
div.punbb-admin #pun-about .container {
  border-top-style: solid;
  border-top-width: 1px;
  }


/* D9 Help file
-------------------------------------------------------------*/

/* D9.1 */
#pun-help .formal .info-box h3.legend {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  padding-bottom: 0;
  margin-bottom: 0.8em;
  }

/* D9.2 */
#pun-help .formal .info-box h3.legend span {
  padding-bottom: 0.6em;
  display: block;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  font-size: 1.1em;
  }

/* D9.3 */
#pun-help .formal p, #pun-help .formal dd {
  margin-bottom: 1em
  }

/* D9.4 */
#pun-help .formal ul, #pun-help .formal dl {
  padding: 0 0 0 1em
  }

/* D9.5 */
#pun-help .formal li {
  padding: 0;
  line-height: 130%
  }

/* D9.6 */
#pun-help .formal li * {
  vertical-align: text-top
  }

/* D9.7 */
#pun-help .formal dt span {
  font: 1.4em/120% monaco, "bitstream vera sans mono", "courier new", courier, monospace
  }

/* D9.8 */
#pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode {
  padding-bottom: 0;
  }
#pun-navlinks #navawards{display:none}

цвета

Код:

/*CS1 ГРАФИЧЕСКАЯ ЧАСТЬ
-------------------------------------------------------------*/
/* CS1Шапка */
#pun-title table {
	 border: none; 
	 width: 1600px; 
	 height: 531px; 
   margin-left: -401px;
	 background-image: url("http://i9.pixs.ru/storage/7/7/3/1jpg_6448826_15617773.jpg"); 
   background-repeat: no-repeat;
   background-position : top center;
}

/* Фон */
body { 
 background-color: #132728; 
 overflow-x: hidden;
 background-image : url("http://i9.pixs.ru/storage/8/2/4/4jpg_7903188_15617824.jpg");
 background-repeat: repeat;
 background-position : top center;
}

/* форум участники */
 div#pun-navlinks {
       font-size: 9px;
       position: absolute;
       width: 100%;
       margin-left: -420px;
       top: 100px;
      }

/* CS1.2 тело форума */
#pun { background-image : url("http://i9.pixs.ru/storage/8/1/1/2jpg_4339276_15617811.jpg");
background-color : #132728;
background-position : center;
background-repeat: repeat-y;}

/* CS1.2 цвет общего текста блока форумы */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer  {
  background-color: transparent;
  color: #422912;}

/* CS1.3 футер */
#pun-about p.container {background-image : url(http://i9.pixs.ru/storage/7/5/4/32png_2989405_15617754.png);
background-position : center top;
 background-repeat : no-repeat;
width: 908px;
height : 210px;
   margin-left: -67px;
   margin-bottom: -30px;}

/* CS1.3 футер движение самого блока */
html-footer {
   margin: 0px 0px 0px 0px;}



 /* Блок формы ответа и кнопок */
.punbb textarea, .punbb select, .punbb input {
  background-color: transparent;
  background-image : url("http://se.uploads.ru/NOyI6.jpg");
  border-top:3px double #805d43;
  border-right:3px  double #805d43;
  border-bottom: 3px  double #30250d;
  border-left: 3px double #30250d;
opacity: 0.9;
}

/* параметры блока статистики- всего пользователей, активны и тп*/
#pun-debug h2, .punbb-admin #pun-admain h2, #pun-stats .statscon, li#onlinelist, li#onlinelist div  {
  background-color: transparent;
  color: #694b33;}

/* параметры заголовки категорий, статистики, тем на странице. Если нужно задать разные параметры – разбивать все панбб на отдельные блоки */
#pun-stats h2,.punbb .main h1, .punbb .main h2 {
  background-color: transparent;
  color: #694b33;
  font-weight: bold;
  text-align: center;}

/* параметры шапку – пан тайтл и пан тайтл контейнер, пан модменю – отвечает за строчку темы просматривают */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background-color: transparent;
  color: #694b33;
  text-shadow: 1px 0px 1px #40261a;
}



/* параметры …. */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  background-color: transparent;
  color: #694b33;}

/* параметры …. */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background-color: transparent;
  color: #694b33;}


/* ГРАНИЦЫ
-------------------------------------------------------------*/
/*границы: пан-контейнер – всего форума, пост-боди – пост, пантайтл -шапка */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
  border-color: transparent;}

/* границы… */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color: transparent;}

/* границы …. */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border-color: transparent;}

/* границы …. */
#pun-stats h2 .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin{
  border-color: transparent;}

/* границы …. */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
  border-color: transparent;}

/* границы …. */
.punbb th {
  border-color: transparent;}


/* параметры навлик – навигация*/
#pun-navlinks .container {
  background-color: transparent;
text-align: center;
text-shadow: 1px 0px 1px #40261a;
}

/* новые сообщения активные темы */
#pun-ulinks a {color: #ECE1D4!important; font-size: 13px; text-decoration: none !important; opacity: 0.6;}
#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {color: #ECE1D4!important;}

/* параметры юлинкс – ссылки активные темы мои сообщение*/
#pun-ulinks .container {
  background-color: transparent;
  text-align: center;
text-shadow: 1px 0px 1px #2c2415;
}
/* границы ссылок пользовательских */
#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
  border-color: transparent;}

#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
  border-color: transparent;}

.punbb .divider {
  border-color: transparent;}

/* границы:?. солид-сплошная, можно выставить точечками или пунктиром */
.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 4px groove #130a01}

/* офф-онлайн атрибуты */
li.pa-online {
  border-left-color: transparent;
opacity: 0.6;}


/* ССЫЛКИ И ИХ ЦВЕТА
-------------------------------------------------------------*/
/* все ссылки (визитет – подсвечивает если прошел) текст-декарейшн – атрибуты текст:андерлайн - подчеркнутый*/
.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: #40261a;
  border-bottom: 0px none #000;
  text-decoration: none;}

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

/* при наведении все, кроме его спокойного состояния  */
.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: #40261a;
  border-bottom: 0px none #000;
  text-decoration: underline;}

/* ссылки навигации */
#pun-navlinks a {
  color: #40261a;
  border-bottom: 0px none #000;
  text-decoration: none;}

/* ссылки навигации форум участники – все, кроме его спокойного состояния   */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #40261a;
  font-weight: normal;
  font-style: normal;
  border-bottom: 0px none #000;
  text-decoration: none;}



/* CS4 Иконки
-------------------------------------------------------------*/
/* иконки «форум» */
.punbb table Div.icon {float: left; 
display: block; 
border-style: none none none none;
width: 109px;
height: 60px;
position: absolute;
background-image : url(http://sf.uploads.ru/aeZWO.png);
background-repeat: no-repeat;
margin-top: 0px;
margin-left: -70px;}


tr.inew div.icon {
        background-image: url(http://sa.uploads.ru/1weUX.png) no-repeat;
}

tr.isticky div.icon {
        background-image: url(http://sa.uploads.ru/1weUX.png) no-repeat;
}

tr.iclosed div.icon {
        background-image: url(http://sa.uploads.ru/LXFxb.png) no-repeat;
}

/* описание раздела форума не ползло под иконку */
.punbb td div.tclcon {margin-left: 40px;}



/* CS5 КАТЕГОРИИ 
-------------------------------------------------------------*/ 
#pun-category1.category h2 { 
background: url(http://uploads.ru/OoRYc.png) no-repeat top center; 
height: 70px; 
border-style: none; 
font-size:0 !important;} 

#pun-category2.category h2 { 
background: url(http://uploads.ru/HLrnF.png) no-repeat top center; 
height: 70px; 
border-style: none; 
font-size:0 !important;} 

#pun-category3.category h2 { 
background: url(http://uploads.ru/tPBch.png) no-repeat top center; 
height: 70px; 
border-style: none; 
font-size:0 !important;} 

#pun-category4.category h2 { 
background: url(http://uploads.ru/ZYlgt.png) no-repeat top center; 
height: 70px; 
border-style: none; 
font-size:0 !important;} 

#pun-category5.category h2 { 
background: url(http://uploads.ru/4q0p1.png) no-repeat top center; 
height: 70px; 
border-style: none; 
font-size:0 !important;} 



#pun-category6.category h2 { 
background: url(http://uploads.ru/GlmLp.png) no-repeat top center; 
height: 70px; 
border-style: none; 
font-size:0 !important;} 

#pun-category7.category h2 { 
background: url(http://uploads.ru/GlmLp.png) no-repeat top center; 
height: 70px; 
border-style: none; 
font-size:0 !important;} 
#pun-stats h2 span, 
.category h2 span { 
visibility:hidden!important; 
}

/* табличный линк */
a.menu:link, a.menu:visited, a.menu:active{text-decoration: none;
 
background-color: #84724a;
font:normal 7pt century gothic;
color: #f9e7ba;
line-height: 14pt;
text-transform: uppercase; 
text-align: center;
display:block;
width:120px;
border-bottom: 2px solid  #c69e60;
}
a.menu:hover {
background-color:#b7a272;
color:  #FFFFFF ;
border-bottom: 2px solid  #cb8954;}


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


/*Фон мини-профиля в Топике*/
.punbb .post .post-author {
  background:url(http://se.uploads.ru/eKJVl.png) 0 0 repeat-y; /*Фон размножаемый по вертикали*/
  overflow: visible!important;
  margin:12px 0!important;
}
.punbb .post .post-author > ul {
  background:url(http://se.uploads.ru/bVL1m.png) 0 top no-repeat,url(http://se.uploads.ru/V0ksw.png) 0 bottom no-repeat; /*Фон верха - низа*/
  margin:-12px 0 -12px 0!important;
  padding:12px 17px!important;
}

#pun-main .post-author ul {text-align: center;}

/* Блок цитат */
.punbb .quote-box, .punbb .code-box {
  background-color: transparent;
  color: #30250d;
  background-image: url("http://se.uploads.ru/NOyI6.jpg");
  border-top: 4px double #30250d !important;
  border-right: 4px double #30250d !important;
  border-bottom: 4px double #30250d !important;
  border-left: 4px double #30250d !important;
}

.punbb .post-box a:hover {color: red; text-decoration:none;}
.punbb .post-box a {color: green;

P.S И мы были бы очень признательный, если бы вы глянули весь код дизайна на наличие косяков. Заранее большое спасибо с:

Отредактировано miu (Сб, 14 Ноя 2015 13:21:33)

Поделиться422Сб, 14 Ноя 2015 19:40:14

Автор: ..Boleyn
Заслуженный
Зарегистрирован: Ср, 19 Янв 2011
Сообщений: 410
Уважение: +27
Позитив: +118
Последний визит:
Чт, 10 Июн 2021 19:21:50

А не подскажете случайно скрипт/код для такой штуки, как увеличение/уменьшение шрифта в постах?

Поделиться423Сб, 14 Ноя 2015 20:41:33

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11882
Последний визит:
Сегодня 14:56:20

..Boleyn
Меняем - Регулируем Шрифт в топике
==================
Есть жа ссылка вверху страницы на каталог скриптов ?
Поиск по странице - сонтрл+F ищем по слову шрифт

Поделиться424Сб, 14 Ноя 2015 21:12:28

Автор: ..Boleyn
Заслуженный
Зарегистрирован: Ср, 19 Янв 2011
Сообщений: 410
Уважение: +27
Позитив: +118
Последний визит:
Чт, 10 Июн 2021 19:21:50

Deff
Я потом уже сходил, увидел, взял, а отредактировать забыл. Спасибо)

Поделиться425Вс, 15 Ноя 2015 16:46:28

Автор: exodius
Заслуженный
Зарегистрирован: Вт, 5 Мар 2013
Сообщений: 133
Уважение: +3
Позитив: +15
Последний визит:
Сб, 26 Июн 2021 20:55:08

Здравствуйте. А не подскажете как сделать вот так
Чтобы "Тем:12" и "Сообщений:698" было в одну строку под описание подфорума?
http://doppelganger.rolbb.ru

Поделиться426Вс, 15 Ноя 2015 17:08:41

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11882
Последний визит:
Сегодня 14:56:20

exodius
Перенос Колонок тем и сообщений под Описание Форума

Поделиться427Вс, 15 Ноя 2015 18:45:09

Автор: exodius
Заслуженный
Зарегистрирован: Вт, 5 Мар 2013
Сообщений: 133
Уважение: +3
Позитив: +15
Последний визит:
Сб, 26 Июн 2021 20:55:08

http://testovouy.rusff.ru
Как сделать так, чтобы при наведении на картинку, сама картинка становилась размытой, и появлялся блок с текстом на ее месте?
Пример: http://funkyimg.com/i/24vab.gif
~~это похоже на популярный сейчас скрипт исчезающей шапки~~

Поделиться428Вс, 15 Ноя 2015 18:56:45

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 11217
Уважение: +7624
Позитив: +5460
Пол: Мужской
Последний визит:
Сегодня 16:17:19

exodius
Ccылку на форум с подобным

ВКонтакте alex__63

Поделиться429Вс, 15 Ноя 2015 19:11:59

Автор: exodius
Заслуженный
Зарегистрирован: Вт, 5 Мар 2013
Сообщений: 133
Уважение: +3
Позитив: +15
Последний визит:
Сб, 26 Июн 2021 20:55:08

Alex_63
я уже сделал сам, спасибо!

Поделиться430Пн, 16 Ноя 2015 00:29:51

Автор: mockingbird
Стремящийся
Зарегистрирован: Пн, 16 Ноя 2015
Сообщений: 1
Уважение: 0
Позитив: 0
Последний визит:
Пн, 16 Ноя 2015 01:06:58

Добрый день, подскажите разрешение проблемы: на форуме не видно названий категорий.
http://harehole.rusff.ru/

Заранее благодарю за ответ.

Поделиться431Пн, 16 Ноя 2015 00:46:22

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11882
Последний визит:
Сегодня 14:56:20

mockingbird
Уберите красное из Второго Окна стиля:

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {font-size: 0em;} {
background-color: transparent;
color: #936589;
height: 45px;
}

Поделиться432Пн, 16 Ноя 2015 21:16:30

Автор: Klyaksa
Заслуженный
Зарегистрирован: Сб, 6 Июн 2015
Сообщений: 56
Уважение: +2
Позитив: 0
Последний визит:
Чт, 14 Фев 2019 00:00:55

Deff
Здрасти, я снова пришла к Вам за советом.
Был момент, когда именно Вы мне и помогли с данным кодом!
Поэтому вопрос снова адресую сразу Вам.
Чтобы освежить в памяти, я даю ссылку на прошлую переписку: Общие вопросы по оформлению (56)
Вопрос снова по табличке - вкладка "Администрация".
ссылка на тестовый форум: http://smtest7.rusff.ru/
Дизайн еще в процессе, но уже на этом этапе вновь вылезла та же проблема.
В той переписке вы ее даже без моего вопроса решили.
Не видно контактов модераторов, что стоят строкой выше.
Всплывающая подсказка просто прячется за табличку и не вылезает наверх.

визуализация

как в новом дизайне:

как в старом:

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

Заранее спасибо за участие и помощь))))

Отредактировано Klyaksa (Пн, 16 Ноя 2015 21:17:41)

Поделиться433Пн, 16 Ноя 2015 22:02:16

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11882
Последний визит:
Сегодня 14:56:20

Klyaksa, попробуйте заменить код таблички

Код:

</style>
<style type="text/css">
div.block {
  height:250px;
  background:#fff;
  overflow-y:auto;
  overflow-x:hidden;
  padding:4px 12px;
  border-radius:7px;
}
div.Kn {
  height:21px;
  width:21px;
  border:3px solid transparent;
  padding:8px;
  margin:4px -2px;
  background:#fff;
  border-radius:50%;
  box-shadow:inset 0 0 2em rgba(0,0,0,0.5); /* Параметры тени */
}
div.Kn:hover {
  background:rgba(0,0,0,0.1);
  box-shadow:inset 0 0 3em rgba(255,255,255,0.9)!important; /* Параметры тени */
}
div.Kn.active {
  border-color:rgba(255,0,0,0.5);
  box-shadow:inset 0 0 2em rgba(0,0,0,0.6); /* Параметры тени */
}
.Kn-title {
  font: normal normal 400 13px/normal "Times New Roman";
  margin-top:-2px;
  margin-left:-7px;
}
div.tab {
  height:100%;
  display:none;
  overflow-y:auto;
  overflow-x:hidden;
}
</style>

<table cellspacing="15" style="border-radius:3px;background:#AAA9CC;margin-left:-15px;width:855px;table-layout:fixed;">
<tr valign=center align=center>
  <td width="27%">
   <div class="block" style="height:50px">
<!-- Контент левый верхний блок -->
Добро пожаловать!<br><br>
<font color="#00466C"><ins>Рейтинг игры NC-17!</ins></font>
   </div>
   <div class="block"  style="height:132px;margin-top:12px">
<!-- Контент левый нижний блок -->
<font color="#00466C"><b>Разыскиваются:</b></font><br> <br><b>Луна</b>, <b>Артемис</b>, <b>Принц Алмаз</b> и <b>Сецуна</b><br>
<img src="http://s017.radikal.ru/i430/1509/bc/a0a1a319bace.png" width="80">
<img src="http://s019.radikal.ru/i631/1509/14/e47441611aa3.png" width="80">
<img src="http://i.yapx.ru/FKC.png" width="80">
<img src="http://i.yapx.ru/Gic.png" width="80">
  </td>
  <td>
   <div class="Kn" title="Главная"></div>
   <div class="Kn" title="Дата/Погода"></div>
   <div class="Kn" title="Лучшие игроки"></div>
   <div class="Kn" title="Администрация"></div>
   <div class="Kn" title="Партнеры"></div>
  </td>
  <td width="50%">
   <div class="block" style="overflow:visible;">
   <!-- Переключаемые Вкладки -->
     <div class="tab">
<!-- Контент Первой Вкладки-->
<b>Новости:</b></font><br>
<br>
<div align="left">
<b>04.11</b> - в номинации "лучшая цитата месяца" лидировал <b>лорд Джедайт</b>, любитель послушных локонов.<br>
<b>03.11</b> - В номинации "лучший пост месяца" победила, любительница бантиков, <b>Минако Айно</b>.<br>
<b>04.10</b> - <b>Харука Тено</b> - новичок на нашем форуме, но уже победила всех, написав "Лучший пост сентября!"<br>
<b>04.10</b> - Поздравляем нашего <b>Тайки Коу</b> с очередной победой! На этот раз в номинации "Лучших цитат"<br>
<b>01.09</b> - Неповторимый <b>Ятен Коу</b> вновь стал лучшим, победив на этот раз  в номинации "Лучший пост августа!"<br>
<b>01.09</b> - Поздравляем нашу непосредственную <b>Усаги Цукино</b> с победой в номинации "Лучшая цитата августа!"<br>
<b>04.08</b> - Искрометная <b>Принцесса Оливия</b> - автор лучшей цитаты июля. От всей души поздравляем её с победой! <br>
<b>03.08</b> -  Автор лучшего поста июля - Целеустремлённый <b>Принц Алмаз</b>. Поздравляем с заслуженной победой!<br>
<b>03.07</b> -  Автор лучшего поста июня - мозг команды старлайтов, убедительный <b>Тайки Коу</b>. Поздравляем!<br>
<b>03.07</b> -  Несравненная леди <b>Петсайт</b> - автор лучшей цитаты июня. Желаем дальнейшего вдохновения! <br>
<b>27.06</b> - <b>Нам целых полгода!</b><br>
<b>20.06</b> - АМС вновь готово предложить своим участникам новую альтернативу по ссылке - <a href="http://newsailormoon.rusff.ru/viewtopic.php?id=268">
<b>КУБ</b>
</a><br>
<b>5.06</b> -  Выбрана Лучшая майская цитата! Поздравляем нашего ироничного <b>Лорда Зойсайта</b>!<br>
<b>5.06</b> -  Выбран Лучший майский пост! Поздравляем не такого уж ледяного <b>Лорда Кунсайта</b>!<br>
<b>15.05</b> -  Выбран Лучший пост на проекте! Сердечно поздравляем нашу <b>Принцессу Оливию</b>!<br>
<b>06.05</b> -  Выбрана Лучшая цитата форума за апрель! Поздравляем звездного блондина <b>Ятена Коу</b>!<br>
<b>05.05</b> - У нас новенький модератор  - <b>Сейя Коу!</b><br>
<b>02.05</b> - Игровая дата <b>ИЗМЕНИЛАСЬ</b>, эпизоды были перетасованы  по разделам согласно новой дате.<br>
<b>12.04</b> - Новый дизайн встал на форум! Выражаем благодарность и восхищение нашему <b>Панде</b>!<br>
<b>08.04</b> - Изменен шаблон основной анкеты. Добавлены два новых пункта.<br>
<b>07.04</b> - Теперь кроме плюсов в посты у нас есть еще темы для признания талантливых игроков:  <a href="http://newsailormoon.rusff.ru/viewtopic.php?id=199">
<b>Лучший игровой пост по мнению участников</b>
</a> и <a href="http://newsailormoon.rusff.ru/viewtopic.php?id=197">
<b>Лучшие цитаты ролевой</b></a></div>
     </div>
     <div class="tab">
<!-- Контент Второй Вкладки-->
<br><b>Дата/Погода:</b><br><br><br><br><br><b>3.04.2014 - 9.04.2014</b><br><br>
Солнечно +20 - +22, Без осадков, ветра нет, даже подозрительно спокойно. Весна овладела городом, цветут деревья, поют птицы. Ночью - полнолуние, скоро луна начнет убывать, а вместе с ней Нечто обретет свою великую силу.
     </div>
     <div class="tab">
<!-- Контент Третьей Вкладки-->
<b>Лучшие из лучших</b><br><br>

<a href="http://newsailormoon.rusff.ru/profile.php?id=51"><img src='https://i.yapx.ru/LKZ.png'
onmouseover="this.src='https://i.yapx.ru/LKa.png'"
onmouseout="this.src='https://i.yapx.ru/LKZ.png'" border=0></a>

<a href="http://newsailormoon.rusff.ru/profile.php?id=87"><img src='https://i.yapx.ru/LKc.png'
onmouseover="this.src='https://i.yapx.ru/LKd.png'"
onmouseout="this.src='https://i.yapx.ru/LKc.png'" border=0></a>

<a href="http://newsailormoon.rusff.ru/profile.php?id=80"><img src='https://i.yapx.ru/LKe.png'
onmouseover="this.src='https://i.yapx.ru/LKf.png'"
onmouseout="this.src='https://i.yapx.ru/LKe.png'" border=0></a>

<a href="http://newsailormoon.rusff.ru/profile.php?id=62"><img src='https://i.yapx.ru/LKg.png'
onmouseover="this.src='https://i.yapx.ru/LKi.png'"
onmouseout="this.src='https://i.yapx.ru/LKg.png'" border=0></a>

<div style="display: inline-block; width: 45%; overflow-x: hidden; overflow-y: hidden; LINE-HEIGHT: 9px"><p align="justify">
<font size="1"><b>Лучшая цитата:</b> Постепенно зеленоватое свечение коснулось и остальных лордов, медленно окутывая их, и неведомая сила начала плавно приподнимать их над полом, развевая волосы и подолы кителей. Что ж, идеальной укладке конец, но пусть это будет единственная жертва этого вечера. <a href="http://newsailormoon.rusff.ru/viewtopic.php?id=314#p53581"><u>Читать продолжение</u></a><br>
☆☆☆☆☆☆☆☆☆☆☆ <b>© <a href="http://newsailormoon.rusff.ru/profile.php?id=20"><u>Лорд Джедайт</u></a></b></font></p></div>

<div style="display: inline-block; width: 45%; overflow-x: hidden; overflow-y: hidden; LINE-HEIGHT: 9px"><br><p align="justify">
<font size="1"><b>Лучший пост месяца:</b> В то утро Минако встала с ощущением, что ее ждет прекрасный день. Во всех его смыслах,и проявлениях. Выглянув в окно, блондинка раскрыла шторы своей комнаты, и широко улыбнулась всему миру. 
-Доброе утро, Артемис!... 
<br>
<a href="http://newsailormoon.rusff.ru/viewtopic.php?id=344#p52834"><u>Читать продолжение</u></a><br> ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ © <b><a href="http://newsailormoon.rusff.ru/profile.php?id=8">Минако Айно</a></b></font></div>
     </div>
     <div class="tab" style="overflow:visible;">
<!-- Контент Четвертой Вкладки-->
<div style="text-align:center; vertical-align: top; margin-top:-12px;"><br><b>Администраторы:</b><br><br>
<div class=ImgWrap>
<pre class="image Down" align=center>
  <b>Главадмин Лорд Кунсайт</b>
<img src="http://s019.radikal.ru/i636/1508/34/7447af18e9f1.png" width="16"> 652684481   
<img src="http://s017.radikal.ru/i433/1508/5b/62b84f568603.png" width="16"> https://vk.com/herr_der__welt 
____________________________________
Сюжетный гений. Направляет новичков
и ловко разруливает конфликт любой 
сложности. Ведет хронологию форума.

</pre>
  <a href="http://newsailormoon.rusff.ru/profile.php?id=4" target="_blank"><img class="image UP" src="http://s7.hostingkartinok.com/uploads/images/2015/04/6ebe8e34bcc52a73a9682db6266d1bb3.png"/></a>
</div>
<div class=ImgWrap>
<pre class="image Down" align=center>
  <b>Техадмин Лорд Зойсайт</b>
<img src="http://s019.radikal.ru/i636/1508/34/7447af18e9f1.png" width="16"> 416675745   <img src="http://s018.radikal.ru/i508/1508/23/081c88d783de.png" width="16"> klyaksa8313 
<img src="http://s017.radikal.ru/i433/1508/5b/62b84f568603.png" width="16"> https://vk.com/id5079815 
____________________________________
Коды/скрипты/техвозможности - к нему. 
Зорко бдит за исполнением правил.
Высказывает свое "Атата" нарушителям. 
Форумный  летописец. Отвечает за 
уют и позитив во флуде.
  
</pre>
  <a href="http://newsailormoon.rusff.ru/profile.php?id=2" target="_blank"><img class="image UP" src="http://sh.uploads.ru/t/SQCMx.png"/></a>
</div>
</div>
<div style="text-align:center;"><br><b>Модераторы:</b><br><br>
<div class=ImgWrap>
<pre class="image Down" align=center>
  <b>Аватармейкер Рей Хино</b>
Почти вся графика форума на ней. 
С душой сделает аватар неземной 
красоты. Занимается проверкой анкет. 
Цепкий взгляд не упустит ни одного 
ляпа. Очень справедлива. 

</pre>
  <a href="http://newsailormoon.rusff.ru/profile.php?id=6" target="_blank"><img class="image UP" src="http://s7.hostingkartinok.com/uploads/images/2015/05/3fcb97fa47543a4c2646cae64c5742d7.png"/></a>
</div>
<div class=ImgWrap>
<pre class="image Down" align=center>
  <b>Сейя Коу</b>
<img src="http://s018.radikal.ru/i508/1508/23/081c88d783de.png" width="16"> sfpoison 
____________________________________
Идейный вдохновитель и движущая
сила форума. Прочтет каждый Ваш 
пост и выберет среди всех лучший. 
Не делит пользователей на своих и
 чужих. Достойный будет награжден. 
 
</pre>
  <a href="http://newsailormoon.rusff.ru/profile.php?id=18" target="_blank"><img class="image UP" src="http://s7.hostingkartinok.com/uploads/images/2015/05/4b958964f255107f04bb769c3e8161ad.png"/></a>
</div>
<div class=ImgWrap>
<pre class="image Down" align=center>
  <b>Минако Аино</b> 
<img src="http://s018.radikal.ru/i508/1508/23/081c88d783de.png" width="16"> minako_aino86  
<img src="http://s017.radikal.ru/i433/1508/5b/62b84f568603.png" width="16"> https://vk.com/venuslove 
____________________________________
Проверяет анкеты. Следит за 
каноничностью действий. Ответит 
на любой вопрос, касательно 
первоисточника. Выписывает 
наградки за различные достижения.
А так же ведет игровой раздел.  

</pre>
  <a href="http://newsailormoon.rusff.ru/profile.php?id=8" target="_blank"><img class="image UP" src="http://s7.hostingkartinok.com/uploads/images/2015/05/f4d254f260b5e5251c64cde2c9fc41ce.png"/></a>
</div>

</div>
     </div>
     <div class="tab">
<!-- Контент Пятой Вкладки-->
<br><b>Наши партнеры:</b><br><br>
<a href="http://redzone.rusff.ru/" target="_blank"><img src="http://forumstatic.ru/files/0012/aa/ba/24594.jpg" alt="Красная зона"/></a>

<a href="http://neopolis.rusff.ru/" title="НЕОПОЛИС: аниме, омегаверс, NC-17" target="_blank"> <img src="http://forumstatic.ru/files/0014/ef/e4/23398.gif" alt="Неополис"></a>

<a href="http://tokyoghoul.ru/" target="_blank"><img src="http://se.uploads.ru/MyDl2.gif" border="0" width="88" height="31" title="Tokyo Ghoul"></a>

<a href="http://shamanking.goodbb.ru/"><img src="http://s7.uploads.ru/t/S1jtE.gif" title=" »Shaman King: Reboot"></a>

<a href="http://kamigaminoasobirolgame.rusff.ru/" title=""Школа Богов" - ждет Вас!" target="blank"><img src="http://s7.uploads.ru/t/jvN85.gif"></a>

<a href="http://slaynight.f-rpg.ru/" title="Рубаки: Ночи Безумия"><img src="http://s6.uploads.ru/t/h7axJ.gif" border="0"></a>

<a href="http://fkme.nc-21.ru/" title="слеш, суперспособности, стёб, фантастика" target="blank"><img src="http://savepic.su/4419408m.gif"></a>

<a href="http://bcrpg.rolka.su/"><img src="http://i.imgur.com/fBsO4Mz.gif" width="88" height="31"></a>

<a href="http://fabletown.rolka.su"><img src="http://se.uploads.ru/04Qgx.gif" title="Академия Фейблтауна"></a>

<a href="http://amortentia.anihub.ru/"><img src="http://sf.uploads.ru/P8FIm.gif" title="Amortentia" /></a>

<a href="http://pmoe.rusff.ru/" alt="Planetary Moe" title="Planetary Moe" target=_blank> <img src="http://s3.uploads.ru/t/YedFD.gif" border="0" ></a>

<a title="Gintama-TV" href="http://gintama.1bb.ru/"><img src="http://s2.uploads.ru/t/OeZ8c.gif" border="0" /></a>

<a target="_blank" href="http://www.misteria7.com/" title="Мистерия ждет Вас!"><img src="http://s7.uploads.ru/t/vYPJh.gif" border="0"></a>

<a target="_blank" href="http://vocaloidnewera.bestff.ru" title="Vocaloid: New Era!"><img src="http://s9.uploads.ru/Hwra0.gif" border="0"></a>

<a title="Shamans history" href="http://shamanshistory.f-rpg.ru/" target="_blank"><img src="http://shamanshistory.f-rpg.ru/files/0013/e1/1b/36311.gif" border="0" alt="Shamans history" /></a>

<a target="_blank" href="http://confusionfate.rolevaya.ru"><img src="http://s019.radikal.ru/i618/1507/9a/73bacc0958ca.gif" ></a>

<a href="http://utena.animebb.ru" target="_blank"><img src="http://forumstatic.ru/files/0016/2b/15/70740.jpg"></a>

<a href="http://panet.rolka.su/"><img src="http://sh.uploads.ru/a9QDT.png" width="88" height="31"></a>

<a title="Sailor Moon - Winter Is Coming" href="http://smoon.f-rpg.ru/" target="_blank"><img src="http://smoon.f-rpg.ru/files/0013/53/a5/75522.gif" border="0" alt="Sailor Moon - Winter Is Coming" /></a>

<a href="http://moonkingdom.ru"><img src="http://moonkingdom.ucoz.net/images/banner.gif" title="Ролевая игра Sailor Moon: Back to Her Past"></a>

<a target="_blank" href="http://allanimecrossover.animebb.ru/"><img src="http://s017.radikal.ru/i416/1506/91/a61932b27677.gif" ></a>

<a href="http://drrrmyth.rolka.su/
" target="_blank"title="Durarara!! Urban Legend"><img src="http://s2.uploads.ru/t/4LPsi.gif"></a>

<a href="http://aotlightwins.bestff.ru//" target=_blank><img src="http://s7.uploads.ru/ANWlU.gif" title=" ATTACK ON TITAN LIGHT WINS" width="88" height="31"></a>

<a href="http://testrbrnsowhat.quadrobb.ru/" title="Katekyo Hitman Reborn: Burning Sky"><img src="http://s2.uploads.ru/6pa3e.jpg" border="0"></a>

     </div>
   </div>
  </td>
  <td width="18%">
   <div class="block">
<!-- Контент крайне правый блок --><br>
<a href="http://newsailormoon.rusff.ru/viewtopic.php?id=36#p279">
<b>Сюжет</b>
</a>
<br/><br>
<a href="http://newsailormoon.rusff.ru/viewtopic.php?id=5#p5">
<b>Правила</b>
</a>
<br/><br>
<a href="http://newsailormoon.rusff.ru/viewtopic.php?id=4#p4" target="_blank">
<b>Список ролей</b>
</a>
<br/><br>
<a href="http://newsailormoon.rusff.ru/viewforum.php?id=6" target="_blank">
<b>Акции</b>
</a>
<br/><br>
<a href="http://newsailormoon.rusff.ru/viewtopic.php?id=2#p2">
<b>Часто Задаваемые Вопросы</b>
</a>
<br/><br>
<a href="http://newsailormoon.rusff.ru/viewtopic.php?id=1#p1">
<b>Вопросы гостей форума</b>
</a>
<br/><br>
<a href="http://newsailormoon.rusff.ru/viewtopic.php?id=9#p9">
<b>Шаблон анкеты</b>
</a>
<br/><br>
<a href="http://newsailormoon.rusff.ru/viewtopic.php?id=13#p14">
<b>Кубики</b>
</a>
   </div>
  </td>
</tr>
</table>
<script type="text/javascript">
 $('.Kn').eq(0).addClass('active');
 $('.tab').eq(0).show();    

 $('.Kn').click(function(){
     $('.Kn').removeClass('active');
     $(this).addClass('active');
     var num = $('.Kn').index(this);
     $('.tab').hide().eq(num).show();
 });
 $('div.Kn').tipsy({fade: true, gravity: 'e Kn-title'}); 
 </script>

Поделиться434Пн, 16 Ноя 2015 22:59:38

Автор: Klyaksa
Заслуженный
Зарегистрирован: Сб, 6 Июн 2015
Сообщений: 56
Уважение: +2
Позитив: 0
Последний визит:
Чт, 14 Фев 2019 00:00:55

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

попробуйте заменить код таблички

ооо!! Теперь все круто! как надо!
Спасибо вам большое!
Вы - гений! :flirt:

Поделиться435Вт, 17 Ноя 2015 04:58:24

Автор: riviere
Заслуженный
Зарегистрирован: Пт, 30 Май 2014
Сообщений: 74
Уважение: +3
Позитив: +10
Последний визит:
Пн, 1 Июл 2019 02:31:07

добра.
хотелось бы поставить первые буквы форумной навигации в другом цвете.
(форум участники поиск профиль сообщения администрирование выход)

то, что ставлю я:

Свернутый текст

#pun-navlinks li a{
font-size: 14px !important;
letter-spacing: 3px;
text-transform: lowercase;
font-family: PT Sans;
color: #b9b7b4;
text-shadow: #256693 2px 0 0px;
font-weight: bold;
text-decoration: none;
-moz-transition: color 0.2s 0.02s ease;
-o-transition: color 0.2s 0.02s ease;
-webkit-transition: color 0.2s 0.02s ease;
}

#pun-navlinks li a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
color: #b7b5b2;
text-shadow: none;}

#pun-navlinks li a:first-letter {
color: #d0a124 !important;}

не срабатывает.

http://nickoftime.rusff.ru - дизайн здесь.
помогите, пожалуйста, с этим.

Поделиться436Вт, 17 Ноя 2015 05:32:44

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11882
Последний визит:
Сегодня 14:56:20

riviere
Элемент должен быть как минимум inline-block или block
Так должно сработать:

.punbb #pun-navlinks li{
display:inline-block;
}
.punbb #pun-navlinks li:first-letter {
font: normal normal 700 17px/normal Arial;
color:red!important;
}

Поделиться437Вт, 17 Ноя 2015 05:42:54

Автор: riviere
Заслуженный
Зарегистрирован: Пт, 30 Май 2014
Сообщений: 74
Уважение: +3
Позитив: +10
Последний визит:
Пн, 1 Июл 2019 02:31:07

Deff
спасибо вери мач)

Поделиться438Вт, 17 Ноя 2015 17:17:20

Автор: Ta_chan
Заслуженный
Зарегистрирован: Вс, 28 Фев 2010
Сообщений: 256
Уважение: +14
Позитив: +18
Последний визит:
Ср, 24 Фев 2021 08:49:58

это снова я х)
http://probatablic.rusff.ru/viewtopic.php?id=3#p34

Здравствуйте, скажите, почему не работают вкладки во второй таблице?

Сначала думал, что потому что в одном посте использую две таблицы с помощью хтмл. Но даже если пишу новым постом уже вторая таблица не работает (вернее вкладки не переключает).
нужно создавать новую тему, чтобы такая же таблица с вкладками работала....

Поделиться439Вт, 17 Ноя 2015 17:32:09

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 11217
Уважение: +7624
Позитив: +5460
Пол: Мужской
Последний визит:
Сегодня 16:17:19

Ta_chan
Пробуйте поменять скрипт Переключения Вкладок в HTML низ

<script type="text/javascript">
$(document).ready(function() {
$('td[id="MenuTxT"] div.submenutext').hide();
$('td[id="MenuTxT"]').each(function() {
$(this).find('div.submenutext:first').show();
});
$('div[id="menu"] span').click(function() {
$(this).parents('td').find('span').removeClass('tabactive');
$(this).addClass('tabactive');
$(this).parents('table').find('div.submenutext').hide();
var activeDiv = $(this).attr('alt');
$(this).parents('table').find('div.'+activeDiv).fadeIn();
return false;
});
})
</script>

Поправлено: (Deff)

ВКонтакте alex__63

Поделиться440Вт, 17 Ноя 2015 18:21:09

Автор: Ta_chan
Заслуженный
Зарегистрирован: Вс, 28 Фев 2010
Сообщений: 256
Уважение: +14
Позитив: +18
Последний визит:
Ср, 24 Фев 2021 08:49:58

Alex_63
поменял, все так же =(

Страница: « 1 … 20 21 22 23 24 … 50 »

Единый форум поддержки

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

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

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

Общие вопросы по оформлению (57)

Сообщений 421 страница 440 из 1000

Поделиться1Сб, 3 Окт 2015 14:12:35

Поделиться421Пт, 13 Ноя 2015 21:27:26

Поделиться422Сб, 14 Ноя 2015 19:40:14

Поделиться423Сб, 14 Ноя 2015 20:41:33

Поделиться424Сб, 14 Ноя 2015 21:12:28

Поделиться425Вс, 15 Ноя 2015 16:46:28

Поделиться426Вс, 15 Ноя 2015 17:08:41

Поделиться427Вс, 15 Ноя 2015 18:45:09

Поделиться428Вс, 15 Ноя 2015 18:56:45

Поделиться429Вс, 15 Ноя 2015 19:11:59

Поделиться430Пн, 16 Ноя 2015 00:29:51

Поделиться431Пн, 16 Ноя 2015 00:46:22

Поделиться432Пн, 16 Ноя 2015 21:16:30

Поделиться433Пн, 16 Ноя 2015 22:02:16

Поделиться434Пн, 16 Ноя 2015 22:59:38

Поделиться435Вт, 17 Ноя 2015 04:58:24

Поделиться436Вт, 17 Ноя 2015 05:32:44

Поделиться437Вт, 17 Ноя 2015 05:42:54

Поделиться438Вт, 17 Ноя 2015 17:17:20

Поделиться439Вт, 17 Ноя 2015 17:32:09

Поделиться440Вт, 17 Ноя 2015 18:21:09