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

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

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


Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (61)


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

Сообщений 181 страница 200 из 1000

1

Инструменты для поиска и редактирования стиля (скриптов).

Как с помощью браузера можно определить элемент дизайна.

Каталог скриптов/CSS

Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое HTML и CSS.

Типовые Вопросы (ЧаВо)

Ответы на часто задаваемые вопросы.

Как задавать вопросы! Разница между стилем и скриптом. ( Советы)

Плюс к названию темы еще и Памятка.

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

+3

181

Вафля
Ccылку на форум

0

182

Deff
Спасибо, что ответили!

0

183

Вафля
Добавьте в HTML низ

<style>
#pun-about {
  margin-top:100px!important;
  margin-bottom:-179px!important;
}
</style>

Цифра красным = - (высота #pun-about + 100px)

+2

184

Deff
неа, еще хуже

http://sh.uploads.ru/t/FPQsg.png

0

185

Добрый вечер! Нужна ваша помощь.
В общем, я уже обращалась сюда в поиске скрипта, который при наведении на картинку (текст) высвечивает блок, в который можно ставить картинки и текст. Этот блок можно оформить на свой вкус.
У меня сложилось такая ситуация. Стоит скрипт, который при наведении на картинку меняет ее. Я бы хотела, чтобы вместе с этим скриптом работал и тот, который указан выше. То есть, при наведении бы картинка менялась плюс ко всему высвечивался блок с информацией.
Такое возможно?
Буду благодарна, если поможете.
Вот скрипты на всякий пожарный:

Блок с информацией

<a class="tooltip5" href=http://supernaturalbrothers.rolka.su/profile.php?id=706>
        <img src=http://s0.uploads.ru/t/tNnAj.png class="Hoverbuttons"  title=Fesor>
        <span class="custom text">
       
    <!-- Тут Ваш контент -->
        </span></a>

Cтиль:(В HTML верх или без тегов в Свой стиль)

    <style>.tooltip5 {
          position: relative !important;
        }
        .tooltip5 >span {
          display:none;
        }
       .tooltip5:hover>span {
      background: url(Ccылка на своё фоновое);
          border-color:#161d24;
          color: #8b95a1; font-size:11px;
    padding:5px !important;
          display:inline-block;
          position: absolute !important;
          margin-top: 45px !important;
    margin-left: -110px !important;
          z-index: 99;
          width: 310px !important;
    box-shadow: 0 0 3px #26112 inset;
    box-shadow: 0 2px 3px rgba(0,0,0,0.6)
        }
    </style>

Изменение картинки при наведении

В HTML верх

    <style>
    .image.UP,
    .image.Down {
       border:2px solid transparent;
       margin:0;
       padding:0;
    }
    .image.UP{
    opacity:1.0;
       display:block;
       position:absolute;z-index:100;
       transition-duration: 0.96s;
      -webkit-transition-duration: 0.96s;
      -moz-transition-duration: 0.96s;
      -o-transition-duration: 0.96s;
      -ms-transition-duration: 0.96s; /* IE9+ */
    }
    .image.UP:hover {
       opacity:0.00;
    }
     
    div.ImgWrap{
    display:inline-block;
    padding:0;margin:0;
    background-position:center center;
    background-repeat:no-repeat;
    }
    </style>

Туда , где нужно
Картинки вместе с внешним div можно размножать  (*Меняем на свое - только ссылки, Верхняя - нижняя картинки должны быть идентичны по размеру

    <div  class=ImgWrap>
    <img class="image UP" src="http://uploads.ru/i/i/n/D/inDOK.png"/>
    <img class="image Down" src="http://uploads.ru/i/3/E/W/3EWuB.png"/>
    </div>

0

186

Иса
Задал вопрос Админу сервиса, возможно поправит(или поправил, оставьте пока как было)

0

187

Иса
Пока не вносите изменения в код, думаю в ближайшее время решим эту проблему.

0

188

Deff
Спасибо за помощь, но... не помогает... На главной странице все нормально, а заходишь в разделы и там дырочка образовалась((  :'(

http://i84.fastpic.ru/big/2016/1109/2f/3ca6df2e681322b11139b0cf581c142f.jpg

0

189

Вафля

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

Пока не вносите изменения в код, думаю в ближайшее время решим эту проблему.

Предыдущие правки уберите.

+1

190

Deff
оке жду. спасибо.

А вообще если я убираю эти коды.

Код:
div#pun-about {margin-bottom: -688px;}

#pun-about p.container {background-image : url(http://forumstatic.ru/files/0016/d5/29/77162.jpg);
 margin-left: -106px;
background-position : center top;
 background-repeat : no-repeat;
 width: 1036px;
height : 415px;}
#html-footer{
margin-top: 285px !important; }

Все встает на свои места, но мне нужна картинка футера.

Если меняю в них параметры, то ничего не поправляется. Только полное удаление спасает.

Отредактировано Иса (Ср, 9 Ноя 2016 19:44:21)

0

191

Иса, Вафля
Поправили расположение баннера, теперь все должно нормализоваться.

+1

192

Ух ты! А у меня все наладилось)) Спасибо кудесникам от всего сердца!!!

0

193

Alex_63
наладилось, спасибо!

0

194

Доброго времени суток. У меня такое дело. При установке быстрого входа для рекламы - съезжает вся панель с ссылками. Хотелось бы узнать, в чем проблема и как это "вылечить"
http://s4.uploads.ru/t/3VWD2.png
http://venenatis.rolbb.ru/

0

195

Варя;
// Ващет данный Пиар-скрипт рекомендовано ставить в HTML верх!
2. Потому что картинка шире по высоте, чем все остальные надписи, и опускает весь контейнер меню!
Ставьте картинке позицию: absolute

В HTML верх:

<style>
#navpr_1 a{inline-block!important;position:relative;}
#navpr_1 img{inline-block!important;position:absolute;margin-left:34px;margin-top:-18px;}
}
</style>

0

196

Deff
Спасибо за код, сработало.
А скрипт я ставила и вверх, у меня без вашего дополнения все съезжало, вот я и подумала провести эксперимент и поставила вниз, но с вашей помощью - все решилось. Спасибо!

0

197

можно вопросик? я подключила отображение аватарок рядом с никами(в "скрипты", новое).. дня два всё было чудненько. а со вчера они исчезли(( точнее кружочки есть, зелененькое о наличие в эфире моргает, а самих аватарок-нет. а здесь у вас- есть, значит, дело в моём форуме, а не в компе или браузере(у меня хром)

поможете[взломанный сайт]?

Отредактировано swanwhite213 (Чт, 10 Ноя 2016 16:19:48)

0

198

Добрый день. Мне нужна помощь
вот форум-тестовик Ссылка
вот его стиль верхнее окно

Код:
/*************************************************************
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 72.75% verdana, arial, helvetica, sans-serif;
  }

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

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

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

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

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

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

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

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

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


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

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

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


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

/* A5.1 ширина */
#pun {
margin: 0px auto auto auto;
width: 100%;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
border-style: none;
background-color: #ebe1c6;
width: 905px;
border-width: 0px;
}

/* A5.2 */
.punbb { 
  width: 860px; 
  position: relative;  
  height: auto;
  margin-left: 20px;
  }

/* A5.3 */
#pun-redirect, #pun-maint {
  margin: 0px 20% 0px 20%;
  width: 860px !important;
  float: none;
  margin-left: -2px;
  }

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

/* A5.9 */
.punbb .container {
  border-style: dotted;
  }

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

#pun-main h2 {
  padding: 3em 1em;
  border-style: dotted dotted dotted dotted ;
  border-width: 0px 0px 0px 0px;
}


/*************************************************************
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 #919191 !important;
  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: 0px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
      box-shadow: 0px 3px 7px #000;
    -webkit-box-shadow:0px 3px 7px #000;
    -khtml-box-shadow:0px 3px 7px #000;
    -moz-box-shadow:0px 3px 7px #000;

  }

/* 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: -8em;
  left: 1em;
  width: 24em;
  }

/* B3.4 */
.linkst .postlink {
  position: absolute;
  top: -8em;
  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: 60%;
  }

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

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

/* C2.4 */
#pun-userlist .main .tcl,
#pun-searchtopics .main .tcl,
#pun-modviewforum .main .tcl {
background-color: transparent;
  width: 34%!important;
 }
  }

/* C2.5 */
#pun-userlist .main .tc2,
#pun-searchtopics .main .tc2 {
background-color: transparent;
  text-align: left;
  width: 18%!important;
  }

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

/* C2.7 */
#pun-debug .tcr {
background-color: transparent;
  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: none;
border-width: 1px 0 0 1px;
padding: 0.8em 0.6em; }

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

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

    * html .tclcon {height: 1px}


* html .tclcon {height: 1px}


/* C2.14 */
    .punbb td div.tclcon {
            margin-left: 90px;

    }

        /* C2.15 иконки */
     /* старые */
Div.icon {background-image : url(http://forumstatic.ru/files/0011/f3/c1/29345.png); 
background-repeat: no-repeat;
  float: left;
  display: block;
  width: 80px;
  height: 102px;
  padding-top: 1px;
  margin-top: 1px;

    padding-right: 5px;

  }
    /* новые */
TR.inew Div.icon {background-image: url(http://forumstatic.ru/files/0011/f3/c1/43724.png);
background-repeat: no-repeat;
  float: left;
  display: block;
  width: 80px;
  height: 102px;
  padding-top: 1px;
  margin-top: 1px; 

    padding-right: 5px;

  }
    /* важные */
TR.isticky Div.icon {background-image : url(http://forumstatic.ru/files/0011/f3/c1/98222.png);
background-repeat: no-repeat;
  float: left;
  display: block;
  width: 80px;
  height: 102px;
  padding-top: 1px;
  margin-top: 1px;

    padding-right: 5px;

  }
    /* закрытые */
TR.iclosed Div.icon {background-image : url(http://forumstatic.ru/files/0011/f3/c1/83607.png);
background-repeat: no-repeat;
 float: left;
  display: block;
  width: 80px;
  height: 102px;
  padding-top: 1px;
  margin-top: 1px; 

    padding-right: 5px;

  }

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

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

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

/* 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: 0em;
  overflow: hidden;
  font-weight: normal;
  }

/* 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;
  text-align: center;
  }

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

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


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;
  margin-top: 0px;
  border-style: double;
  border: none;
  margin-bottom: 0px;

}

/* D1.2 */
#pun-title h1 {
  display : block;
  height: 358px;
margin-bottom: -1px;
}

/* D1.3 */
#pun-title .container {
  border-style: none ;
  padding: 0.2em 1em 0.8em 1em;
  }

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

#pun-title table {
border: none;
height: 0px;
width: 915px;
height: 358px;
margin-left: -24px;
background-image: url(http://forumstatic.ru/files/0011/75/f3/46476.jpg);
}

#pun-title TD.title-logo-tdl {
  border: none;
  width: 100%; height: 358px;
}

#pun-title TD.title-logo-tdr {
  border: none;
  vertical-align: top;
  padding-right: 0px;
  padding-top: 0px;

}

/* 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: -60px 0px 0px 0px;
text-align: center;
font-family: Book Antiqua;
font-size: 13px;
  }

/* D3.2 */
#pun-navlinks .container {
  padding: 5em 0.1em;
  text-transform: none;
  FONT-WEIGHT: BOLD;
  }

/* D.3.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: -70px;
  border-style: none;
  text-align: center;
  font-family: Book Antiqua;
  text-transform: none;
font-size: 13px;
  }

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

/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
  display: inline;
  border-left-style: none;
  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: 0px 0;
  height: 0;
  margin: -2px 1em;
  position: relative;
  z-index: 1;
  }


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

#pun-announcement h2 {display: none}

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

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

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

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

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

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

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

/* D7.5 */
li#onlinelist div {
  border-top-style: solid;
  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;
  }

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

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

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


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

/* D9.1 */
#pun-help .formal .info-box h3.legend {
  border-bottom-style: solid;
  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: solid;
  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;
  }
.tcl
{
padding-left:-0px !important;
}

#pun-index{
    margin-bottom: -15px;
}

/* левый отступ*/
#pun-main{ margin-left: 8px;}

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

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

http://s2.uploads.ru/FsE6w.png

сейчас это выглядит так

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

http://se.uploads.ru/pqDQL.png

что и как нужно исправить в стиле? Помогите, пжалуйста.

Отредактировано Миндальк@ (Чт, 10 Ноя 2016 17:08:31)

0

199

Столкнулся с таким конфликтом скриптов. Хотелось бы оставить в использовании оба, поэтому нужно найти решение.
Я использую скрипт цитирования по выделению (с всплывающая кнопка "Цитировать") и Закладки (встроенный в админку скрипт).
Закладки работают так, что при двойном клике вылезает серая закладочка, которую надо подтвердить, но проблема в том, что двойной клик (даже по пустому полю комента) также вызывает кнопку "Цитировать". Осознаю, что скрипт Закладки изменить будет намного сложнее, потому что он содержит инструкцию насчет двойного клика, значит наверное можно что-то сделать со скриптом цитирования?
Скрин того, что происходит по двойному клику:
http://s6.uploads.ru/sV4g9.png

0

200

swanwhite213
Есть такая проблема, пытаюсь править. Как сделаю, отпишу в этой теме.

+2


Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (61)