24/08/15 Открыта запись на обучение вёрстки для майбба - ссылка на тему

Избранные уроки Photoshop


Вверх
Вниз

COLOR MATE

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

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


Вы здесь » COLOR MATE » Вопросы CSS|JS » Вопросы по CSS (& HTML)


Вопросы по CSS (& HTML)

Сообщений 361 страница 390 из 1000

1

Все ваши вопросы относительно внешнего вида форума.
Не забываем постить ссылку на проблему!

0

361

gretel
Это он и был)

Код:
[table layout=fixed width=100%]
[tr]
[td][/td]
[td][/td]
[/tr]
[/table]
Код:
[table layout=fixed width=100%][/table]- таблица
[tr][/tr]- контейнер
[td][/td] - ячейка, в вашем случае - столбец)

+1

362

directed fairytales;
разберитесь со скриптами, пересмотрите все. если встречаются строчки типа

<div id="html-footer" class="section">

<div class="container">

удаляете их и следите, чтобы при этом не оставалось незакрытых div'ов. Внимательно просмотрите содержимое html-верха и html-низа на предмет незакрытых тегов.
У вас там сейчас все очень плохо.

+1

363

Скажите, пожалуйста, какой пункт в кодах отвечает за данную вот строчку внизу форума "Рейтинг форумов | Создать форум бесплатно © 2007–2012 «Quadro.Boards» LLC". копошилась в первом окне стиля как могла, но как-то ничего не помогло сдвинуть эту строчку в центр, она упорно ползет на правую границу форума.

0

364

Sulpi

Код:
#pun-about p span {
text-align: center;
}

0

365

dolen
спасибо Вам, но все равно что то не так  [взломанный сайт]

0

366

- Человеки, что сделать, чтобы кнопка "выделить код" была размером чуть больше? т.т

скрин

http://savepic.org/3198661.png

http://kaktusonew.rolka.su/

0

367

http://s3.uploads.ru/X2rjo.jpg
как сделать такую боковую таблицу?
чтоб под шапкой была и когда заходишь в подфорумы не исчезала

0

368

OneWeno

Код:
.punbb .code-box strong.legend {
font-size: 1.4em; }

марс
Адрес форума.

+1

369

apl.de.ap
http://nedios.rusff.ru/

0

370

марс

Код:
<table width="216px" border="0" style="; top: 220px; margin-left: -250px;  position: absolute; color: #aeb7a2; background-color: transparent; padding: 5px; text-align: justify; line-height: 10px;">
<tbody><tr>
<td><br>
содержимое таблицы

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

Всё параметры таблицы регулируются в самом начале таблицы.

+3

371

apl.de.ap
спасибо!

0

372

Слушайте, мы только вчера буквально перебрались с другой платформы, и до сих дезориентированы, какой здоровенный код.  o.O Понахватались по верхам, начитались всяких советов, а цели своей (нормальной настройки шапки и футера) так и не добились ни копипастой в html, ни прописью вручную, подозреваем, что слишком много косяков в самом css, а мы по неопытности и замыленности взгляда не можем обнаружить их все. Пожалуйста, подскажите, что здесь лишнее.

Код:
/*************************************************************
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 auto;

  height: auto;
  }

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

/* 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-color: #110a09;
  font-size: 100.01%;
  }

/* A3.2 */
.punbb { font-color: #110a09;
  font: normal 68.75% verdana;
  }

/* 3.3 */
.punbb textarea, .punbb input, .punbb select, .punbb optgroup { font-color: #110a09;
  font: 1em verdana;
  }

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

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

/* A3.6 */
.punbb pre {
  font: 1.1em/140% verdana;
font-color: #110a09;
  }

/* A3.7 */
.punbb address, .punbb em {
font-color: #110a09;
  font-style: normal
  }

/* A3.8 */
.punbb .post-content em {
font-color: #110a09;
  font-style: italic
  }

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

/* A3.10 */
.punbb a {
font-color: #110a09;
  text-decoration: underline
  }

/* A3.11 */
.punbb optgroup {
font-color: #110a09;
  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;
color: #110a09;
  }

/* 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;
color: #110a09;
  }


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

/* A5.1 */
#pun {

  margin: 64px auto auto auto;
  width: 871px;
    background: url("http://funkyimg.com/u2/429/138/logo9.gif");
  }

/* A5.2 */
.punbb { 
  width: 95%;
  height: auto;
  }

/* A5.3 */
#pun-redirect, #pun-maint {
  margin: 50px 20% 12px 20%;
  width: auto;
  float: none;
  }

/* A5.4 */
.punbb .section, .punbb .main { 
  margin-bottom: 1em;
  }

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

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

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

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

  }

/* A5.9 */
.punbb .container {
  border-style: none
  border-width: 10px;
border-color: #transparent;
  }

/* A5.10 */
.punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 {
  padding: 0.5em 1em;
  border-style: none;
  border-width: 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: 0px none ;
  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: none;
  border-width: 0 px;
  }

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

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

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

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

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


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

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

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

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

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

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

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

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

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


/*************************************************************
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: none;
  border-width: 0px;
  padding: 0 18px 0 18px;
  margin: 0 0 1em 0
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* 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%;
color: #110a09;
  }

/* 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;
color: #110a09;
  }

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

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

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

/* C2.12 */
.punbb .main th {
  border-style: none none none none;
  border-width: 0 0px 0 0px;
  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: none;
  border-width: 0em 0em 0em 0em;
  height: 0;
  line-height: 0.0;
  margin-top: 0.1em;
  width: 0;
  }

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

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

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

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

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

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

/* 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: none;
  border-left-width: 0em;
  padding-left: 0.4em;
  margin-top: 0.7em;
  }

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

/* 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: none;
  border-left-width: 0px;
  }

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

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

/* C3.17 */
.pl-email, .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;
color: #110a09;
  }

/* 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;
color: #110a09;
  }

/* C6.4 */
#viewprofile ul, #profilenav ul {
  border-style: none;
  border-width: 0px;
  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;
color: #110a09;
  }

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

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

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


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

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

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

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

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

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

  }

#pun-title table {
	border: none;
	height: 40px;
	width: 100%;
}

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

#pun-title TD.title-logo-tdr {
  border: none;
  width: 468px;
  vertical-align: top;
  padding-top: 2px;
  position: absolute;
  left: 31%;
  top: 0;
}

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

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

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

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

/* 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%;
color: #110a09;
  }

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

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

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

/* D3.1 */
#pun-navlinks, #pun-navlinks .container {
 text-align: center;
  border-style: none;
  border-width: 0;
  margin: 0;
color: #110a09;
  }

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

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

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

  }

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

/* D4.1 */
#pun-ulinks  {
  margin-top: 0;
color: #110a09;
 text-align: center;
  }

/* D4.2 */
#pun-ulinks .container {
  border-top: none;
  padding: 0.7em 1em;
color: #110a09;
  }

/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
  display: inline;
  border-left-style: none;
  border-left-width: 0px;
  white-space: nowrap;
color: #110a09;
  }

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

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

/* 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;
color: #110a09;

  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* D8.4 */
#pun-about .container {
  border-top-style: none;
  text-align: right;
  line-height: 150%;
  padding: 0.8em 1em;
background: url("http://i1129.photobucket.com/albums/m504/evildinosaur/November2011/fon.gif");
  }

/* 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: none none;
  border-width: 0px 0;
  position: relative;
  height: 0;
  z-index: 1;
  }

/* D8.9 */
div.punbb-admin #pun-about .container {
background: transparent  url("http://i1129.photobucket.com/albums/m504/evildinosaur/November2011/niz.gif")
bottom center no-repeat;
 height: 146px;
color: #110a09;
  }



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

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

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

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

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

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

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

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

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

/* ОДМЕНКА */
.punbb-admin #pun-admain a {
color:  #110a09 !important;
}

.punbb-admin #pun-admain a:hover {
color:  #110a09 !important;
}

/* Убрали заголовки */

.container table thead tr .tcl {display: none;}
.container table thead tr .tcr {display: none;}
.container table thead tr .tc2 {display: none;}
.container table thead tr .tc3 {display: none;}
Код:
/* CS1 Background and text colours
-------------------------------------------------------------*/

 html, body {background: url("http://i1129.photobucket.com/albums/m504/evildinosaur/November2011/fon.gif") #a99c88; top center;
background-repeat: repeatxy; background-attachment: fixed;}




/* CS1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
  background-color: #transparent;
  color: #110a09;
  }

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

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background-color: #transparent;
  font-color: #110a09;
  }

/* CS1.4 */
#pun-title, #pun-title .container { with: 880px;
   background: transparent   url("http://i1129.photobucket.com/albums/m504/evildinosaur/November2011/logo.gif") top center no-repeat;
  color: transparent;
height: 302px;


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

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background-color: #dedfdf;
  font-color: #110a09;
  }

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
  background-color: #f9f9f9;
  font-color: #110a09;
  }

/* CS1.8 */
#pun-navlinks .container {
  background-color: #0F5995;
  color: #f1f1f1;
  }

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

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

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
   border-color: transparent;
  }

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

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

/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
   border-color: transparent;
  }

/* CS2.5 */
.punbb th {
  border-color: transparent;
  }

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
   border-color: transparent;
  }

#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: 0px solid #dedfdf
 border-color: transparent;
  }

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


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

/* CS3.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
  color: #110a09;
    border-bottom: 0px none;
  text-decoration: none;

  }

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

/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
  color: #110a09;
    border-bottom: 0px none;
  text-decoration: none;
  background-color: #F1F1F1
  }

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

  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #110a09;
  font-weight: normal;
font-style: normal;
  border-bottom: 0px none;
  text-decoration: underline;

  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
    color: #110a09;
  }

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

div.icon {border-color: transparent;}
tr.iredirect div.icon {border-color: transparent;}
div.inew {border-color: transparent;}

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


#pun-title.section {
    background-color: transparent;
    background-image: url("http://i1129.photobucket.com/albums/m504/evildinosaur/November2011/logo.gif");
    background-position: center top;
    height: 302px;
    margin-left: 0px;
    width: 880px;
}

Или, может, чего-то и не хватает еще.  :unsure:

Тестовик: http://evildinosaur.rusff.ru/

Собственно, наш старый полигон, то, к чему хотелось бы приблизиться: http://darknesswithin.forum24.ru/

0

373

Невыразимец
У вас ширина шапки больше ширины тела, поэтому она будет выезжать по сторонам. Исправить можно в фш.
Найдите в коде:
#pun-title
Замените содержимое на:

Код:
#pun-title {
    margin: 0px 0px 0px -25px;
    border-style: none;
    border-width: 0px;
    width: 880px;
}

А это для футера:

Код:
 #pun-about p.container {background-color: #;
   background-image : url('http://i1129.photobucket.com/albums/m504/evildinosaur/November2011/niz.gif');
   margin-left: -567px;
   background-position : center top;
   background-repeat : no-repeat;
   width: 2000px;
   height : 198px; 
   overflow-x: hidden;}

Регулируйте ширину(width), высоту(height) и отступ (margin-left), пока не встанет как надо)

+2

374

Невыразимец
Позвольте тоже поучаствую =)
А зачем у вас два раза прописана ссылка на шапку?

второе окно стиля
Эти блоки со всем что в них - убрать совсем

#pun-title, #pun-title .container

#pun-title.section

Это поставить. Ваша же шапка вписывается без фотошопа. Хотите чтоб вылезала как на старом форуме - меняйте ширину и отступ margin-left

Код:
#pun-title table {background-image: url(http://i1129.photobucket.com/albums/m504/evildinosaur/November2011/logo.gif) !important; height: 302px !important; background-repeat: no-repeat;
background-position: top right; margin-left: -14px; width:855px; margin-top:-63px;}

И там же найти код и прописать прозрачный цвет

Код:
#pun-navlinks .container {
  background-color: transparent;
  color: #f1f1f1;
  }

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

Отредактировано Мося (06-04-2013 20:50:36)

+1

375

Здравствуйте! (Отличный дизайн)

Хотелось бы узнать скрипт окантовки профиля, как здесь)

0

376

Mila Smith

Код:
.punbb .post .post-author {
    background: url("картинка фона") repeat scroll 0% 0% transparent;
    text-align: center;
    border-radius: 11px 11px 11px 11px;
    box-shadow: 3px 0px 8px rgb(28, 24, 20);

+1

377

apl.de.ap
В том-то и дело, что нам очень хотелось оставить большую шапку, так-то она без проблем вписывалась в границы форума.  :yep:

Мося
Нет, ну представляете, лошье какое, это же надо было не заметить. Убрали косяки, и все заработало.  8-)

Спасибо вам большое, товарищи, это было героическое спасение.  http://s3.uploads.ru/9tmYz.gif А мы идем набивать синяки дальше.

Отредактировано Невыразимец (06-04-2013 23:09:01)

0

378

apl.de.apспасибочки, а как сделать шапку форума отдельно?

0

379

Mila Smith
В каком смысле?

0

380

не актуально

apl.de.ap
надо чтобы вот эта часть http://s3.uploads.ru/yAeUi.jpg
была отделена от шапки. между шапкой и  этой частью было растояние

Отредактировано Mila Smith (07-04-2013 13:08:28)

0

381

Mila Smith
Позвольте спросить - зачем? Как я понимаю, это тело форума. Что вы хотите вставить между шапкой и телом форума? И адрес форума.

0

382

apl.de.ap написал(а):

Это стоит настраивать в стиле самого плеера, т.к. он делает такой большой отступ.

а как это настроить?

0

383

fucking blonde

Код:
.pa-fld2 {
font-size: 0px; 
margin-top: -9px; 
margin-bottom: -6px;}

pa-fld2  - номер поля. Узнать его можно в администрирование-поля профиля-редатикровать поле (в конце адресной строке будет его номер).

+1

384

Дайте пожалуйста 2 кода
1. который переместит навигацию (форум, участники,...)  в любое место
и
2.который передвинет объявление ниже

0

385

apl.de.ap
а вставлять это в..? http://s3.uploads.ru/FM2U0.gif

0

386

fucking blonde
Во второе окно ксс)

0

387

Mila Smith написал(а):

1. который переместит навигацию (форум, участники,...)  в любое место

Код:
#pun-navlinks .container {
margin-top: xxpx;
margin-left: xxpx; }
Mila Smith написал(а):

2.который передвинет объявление ниже

Код:
.punbb .section {
margin-top: xxpx; }

0

388

А это снова мы :huh: Знаете, прописали табличку в качестве объекта в шапке, выровняли, и вот у одного юзера во всех браузерах она отображается как нужно, а у другого съезжает вправо. Это от разрешения зависит, получается? Можно как-то решить эту проблему, может, что-то переписать более адекватно?
скрин - http://funkyimg.com/u2/4308/381/580428_jpg.jpg
Текстовик - http://evildinosaur.rusff.ru

Отредактировано Невыразимец (08-04-2013 01:36:00)

0

389

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

0

390

Ю-л-я -м-а(((
Кода нету, это скрытый текст.
Пример:

Он есть в форме ответа.
Невыразимец
С шаблоном проблемка. Попробуйте вставить через объявление, если ставили через хтмл-верх, или через хтмл-верх, если ставили через объявление.

+1


Вы здесь » COLOR MATE » Вопросы CSS|JS » Вопросы по CSS (& HTML)