Скрипт выделения реплик - проблема

Страница: 1 2 »

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

Поделиться1Вт, 5 Апр 2011 13:00:46

Автор: Фелис
Заслуженный
Зарегистрирован: Ср, 6 Окт 2010
Сообщений: 96
Уважение: +3
Позитив: +6
Пол: Женский
Последний визит:
Вт, 30 Янв 2018 13:27:25

Добрый вечер. Я по поводу кода для оформления диалогов.

Переделывала код на форуме, чтобы при нажатии на нужную строчку в поле сразу вставлялся код. Но почему-то текст больше не выравнивается по правому краю и между строками образуются большие зазоры. В общем, получается, как на скрине № 1, а нужно, чтобы смотрелось так же красиво, как на скрине № 2.

Из-за onmouseover="this.style.cursor='pointer'", подозреваю, еще почему-то меню в объявлении сворачивается сразу после его открытия.

Вот там используемый код:

Код:

<!--Коды и текст в форме ответа-->
<table border="0" valign="top" style="width:100%;"><tr><td style="text-align: left;">Важно при написании:<br>1. Ставим <a href="http://kindret.6bb.ru/viewtopic.php?id=7#p41" target="_blank">перемещения</a> при смене локации.<br>2. Цвета: <font color="saddlebrown">мастер-посты</font>, <font color="olive">замечания</font>, <font color="gray">оффтопики</font>, <b><font color="green">названия локаций в мультилокациях</font></b>.<br>3. Указываем © песен и стихов в постах.<br>4. Перед отправкой поста не забываем прогонять его через Word либо <a href="http://advego.ru/text/" target="_blank"><u>этот сайт</u></a> на предмет соблюдения грамотности.<br>5. Стараемся писать больше 10 полных строчек текста, <u>не</u> считая добавления цитат с чужой речью.</font><br></td><td style="text-align: right;">Оформление постов:<br><div style="text-align: right;" class="container" id="my_replic"><table cellspacing="0" border="0"><tr><td onclick="bbcode('[b]', '[/b]'); return changeVisibility('my_replic', this)" onmouseover="this.style.cursor='pointer'"><b>– прямая речь своего персонажа</b></td></tr><tr><td onclick="bbcode('[i]', '[/i]'); return changeVisibility('my_replic', this)" onmouseover="this.style.cursor='pointer'"><i>"мысли своего персонажа"</i></td></tr><tr><td onclick="bbcode('[u]', '[/u]'); return changeVisibility('my_replic', this)" onmouseover="this.style.cursor='pointer'"><u>– прямая речь чужого персонажа</u></td></tr><tr><td onclick="bbcode('[u][i]', '[/i][/u]'); return changeVisibility('my_replic', this)" onmouseover="this.style.cursor='pointer'"><u><i>"мысли чужого персонажа, телепатия"</i></u></td></tr><tr><td><font size="1">кликните на нужную строчку выше, чтобы вставить код</font></td></tr></table></div><a href="http://kindret.6bb.ru/viewtopic.php?id=15#p55" target="_blank">План поста:</a><br>- описания - действия - мысли - разговоры - инициатива</td></tr></table>

Отредактировано Фелис (Чт, 7 Апр 2011 22:39:21)

Поделиться2Вт, 5 Апр 2011 13:19:06

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51115
Уважение: +15197
Позитив: +11571
Последний визит:
Сегодня 23:10:52

Фелис Вы можете дать нормальный размер превью ? (*Ничо не видно

Поделиться3Вт, 5 Апр 2011 14:32:12

Автор: Фелис
Заслуженный
Зарегистрирован: Ср, 6 Окт 2010
Сообщений: 96
Уважение: +3
Позитив: +6
Пол: Женский
Последний визит:
Вт, 30 Янв 2018 13:27:25

Deff
Тьфу ты, я думала, что оно вставится нормально... Сейчас.

Отредактировано Фелис (Вт, 5 Апр 2011 14:40:16)

Поделиться4Вт, 5 Апр 2011 17:17:26

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4738
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

Фелис
Здравствуйте.

Фелис написал(а):

Переделывала код на форуме, чтобы при нажатии на нужную строчку в поле сразу вставлялся код. Но почему-то текст больше не выравнивается по правому краю и между строками образуются большие зазоры. В общем, получается, как на скрине № 1, а нужно, чтобы смотрелось так же красиво, как на скрине № 2.

Код:

<!--Коды и текст в форме ответа-->
<table border="0" style="width: 100%;" valign="top">
 <tr>
  <td style="text-align: left;">Важно при написании:<br />
   1. Ставим <a href="http://kindret.6bb.ru/viewtopic.php?id=7#p41" target="_blank">перемещения</a> при смене локации.<br />
   2. Цвета: <font color="saddlebrown">мастер-посты</font>,<font color="olive">замечания</font>, <font color="gray">оффтопики</font>,<b><font color="green">названия локаций в мультилокациях</font></b>.<br />
   3. Указываем © песен и стихов в постах.<br />
   4. Перед отправкой поста не забываем прогонять его через Word либо <a href="http://advego.ru/text/" target="_blank"><u>этот сайт</u></a> на предмет соблюдения грамотности.<br>5. Стараемся писать больше 10 полных строчек текста, <u>не</u> считая добавления цитат с чужой речью.<br />
  </td>
  <td style="text-align: right;">Оформление постов:<br />
   <span onclick="bbcode('[b]', '[/b]')" onmouseover="this.style.cursor='pointer'">
	<b>– прямая речь своего персонажа</b>
   </span><br />
   <span onclick="bbcode('[i]', '[/i]')" onmouseover="this.style.cursor='pointer'">
	<i>"мысли своего персонажа"</i>
	</span><br />
   <span onclick="bbcode('[u]', '[/u]')" onmouseover="this.style.cursor='pointer'">
	<u>– прямая речь чужого персонажа</u>
   </span><br />
   <span onclick="bbcode('[u][i]', '[/i][/u]')" onmouseover="this.style.cursor='pointer'">
	<u><i>"мысли чужого персонажа, телепатия"</i></u>
   </span><br />
   <font size="1">кликните на нужную строчку выше, чтобы вставить код</font><br /><br />
   <a href="http://kindret.6bb.ru/viewtopic.php?id=15#p55" target="_blank">План поста:</a><br />- описания - действия - мысли - разговоры - инициатива
  </td>
 </tr>
</table>

Отредактировано rps (Вт, 5 Апр 2011 17:21:33)

Поделиться5Вт, 5 Апр 2011 17:36:54

Автор: Фелис
Заслуженный
Зарегистрирован: Ср, 6 Окт 2010
Сообщений: 96
Уважение: +3
Позитив: +6
Пол: Женский
Последний визит:
Вт, 30 Янв 2018 13:27:25

rps
Снова спасибо огромное.

И вдогонку еще два мелких вопроса:

1. Наверху шапки между ней и верхним краем страницы есть зазор, заполненный полем. Как бы его убрать?
2. Как увеличить размер шрифта в названиях форумов? Для категорий нашла, а для этих что-то не найду.

Поделиться6Вт, 5 Апр 2011 17:46:19

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4738
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

Фелис написал(а):

1. Наверху шапки между ней и верхним краем страницы есть зазор, заполненный полем. Как бы его убрать?

Не совсем понимаю, про что речь, ибо не вижу никакого "зазора". Покажите на скриншоте.

Фелис написал(а):

2. Как увеличить размер шрифта в названиях форумов? Для категорий нашла, а для этих что-то не найду.

Допишите в любое место второго окна стиля такой код:

.tclcon h3 a {
font-size: 15px !important;
}

Поделиться7Вт, 5 Апр 2011 20:46:21

Автор: Фелис
Заслуженный
Зарегистрирован: Ср, 6 Окт 2010
Сообщений: 96
Уважение: +3
Позитив: +6
Пол: Женский
Последний визит:
Вт, 30 Янв 2018 13:27:25

rps
Вот скриншот. Баннер не трогала, его прсто порезала баннерорезка в браузере.

Код поставила... Но теперь почему-то категории стали размером с обычный текст. ><

Поделиться8Ср, 6 Апр 2011 06:43:27

Автор: АЛЬБ
Cтарожил
Зарегистрирован: Ср, 31 Окт 2007
Сообщений: 3178
Уважение: +445
Позитив: +206
Пол: Мужской
Последний визит:
Вс, 4 Дек 2011 20:01:22

Фелис написал(а):

Но теперь почему-то категории стали размером с обычный текст.

покажите свой код!

Поделиться9Ср, 6 Апр 2011 09:23:07

Автор: Фелис
Заслуженный
Зарегистрирован: Ср, 6 Окт 2010
Сообщений: 96
Уважение: +3
Позитив: +6
Пол: Женский
Последний визит:
Вт, 30 Янв 2018 13:27:25

Вот он:

Код:

/*************************************************************
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 13px "Microsoft Sans Serif";
  }

/* 3.3 */
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
  font: 1em "Microsoft Sans Serif"
  }

/* A3.4 */
.punbb h1, .punbb h2, .punbb h3 {
  font-family: "Book Antiqua", sans-serif;
  font-size: 1.2em;
  font-weight: bold;
  }

.punbb th   {
  font-size: 0.9em;
  font-weight: bold;
  }
.punbb h4, .punbb table {
  font-size: 1em;
  font-weight: normal;
  }

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

.punbb legend span, {
  font-size: 1.2em;
  }

/* A3.6 */
.punbb pre {
  font: 1em/140% "Microsoft Sans Serif"
  }

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

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

/* A5.2 */
.punbb {
  float: left;
  width: 100%;
  height: auto;
  }

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

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

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

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

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

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

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

/* A5.10 */
#pun-main h1, .punbb .section h2, #pun-stats h2, #pun-debug h2 {
  padding: 4px 1em 6px 1em;
  height: 29px;
  margin-top: -11px;
  border-style: solid;
  border-top: none;
  border-bottom: none;
  border-left: solid #000;
  border-right: solid #000;
  border-width: 1px;
  }

#pun-main h1 {
height: 39px;
margin-top: -33px;
padding-top: 20px;
}


#pun-main h2 {
  height: 23px;
  margin-top: -11px;
  padding: 4px 1em 6px 1em;
  padding-top: 10px;
  border-style: solid;
  border-top: none;
  border-bottom: none;
  border-left: solid #000;
  border-right: solid #000;
  border-width: 1px;
}

/*************************************************************
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 #0D0709;
  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-top
  }

/* 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: 1px solid #0F080B;
  border-color: #0F080B;
  }

/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
  display: block;
  padding-bottom: 0.7em;
  font-size: 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 {
  margin-top: 15px;
  position: absolute;
  top: -4.2em;
  left: 1em;
  width: 24em;
  }

/* B3.4 */
.linkst .postlink {
  margin-top: -15px;
  position: absolute;
  top: -4.2em;
  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: none;
  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 4em 0 0;
  height: 100%; /* For IE */
  }

/* C1.16 */
.punbb textarea, .punbb .longinput input {
   border-style: inset;
  border-width: 2px;
  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;
  }

.punbb .helplinks span INPUT {
  margin: 0px 2px 2px 0px;
}

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

.tclcon h3 a {
font-size: 17px !important;
}

/* 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.3em;
  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: 0px;
  padding: 0.8em 1em;
  }

/* C2.12 */
.punbb .main th {
  padding: 4px 1em 5px 1em;
  }

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

* html .tclcon {height: 1px}

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

/* C2.15 */
.punbb div.icon {
  float: left;
  display: block;
  width: 60px;
  height: 60px;
}

 /* 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-left: solid #000 1px;
  border-right: solid #000 1px;
  }

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

/* 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: 17em;
  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: 17em;
  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: 17em;
  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: -17em;
  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;
  margin-top: 4px;
  }

/* 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: 5px;
  border-style: solid;
  border-top: solid #000;
  border-bottom: none;
  border-left: solid #000;
  border-right: solid #000;
  border-width: 1px;
  margin-bottom: -119px;

}

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

/* 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: 340px;
  width: 100%;
}

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

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

/* 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 {
  border: none;
  margin: 0;
  margin-top: 88px;
}

#pun-navlinks .container {
    border-style: solid;
  border-top: solid #000;
  border-bottom: none;
  border-left: solid #000;
  border-right: solid #000;
  border-width: 1px;
  margin: 0;
  }

/* D3.2 */
#pun-navlinks .container {
  padding-top: 3px;
  height: 30px;
  font-weight:bold;
  text-align: center;
}

/* D.3 */
#pun-navlinks li {
  display: inline;
  margin: 0.9%;
  padding: 0px 0px 15px 5px;
}

/* D3.4 */
#pun-navlinks li a {
  font-size: 1.4em;
  font-family: "Book Antiqua";
  }

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

/* D4.1 */
#pun-ulinks  {
  margin-top: 9px;
  border: solid 1px #000;
  }

/* D4.2 */
#pun-ulinks .container {
   margin-top: -13px;
   padding: 0.7em 1em;
   text-align: center;
   border: none;
  }

/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
  display: inline;
  border-left-style: none;
  border-left-width: 0px;
  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: 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: 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;
  }

/* 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-style: solid;
  border-top: none;
  border-bottom:  solid #000;
  border-left: solid #000;
  border-right: solid #000;
  border-width: 1px;
  padding: 0.8em 1em;
  font-size: 1.1em;
  }

/* D8.8 */
#pun-break4 {
  margin: -2px 1em;
  border-style: solid none #ad873d;
  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% "Microsoft Sans Serif"
  }

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

/* D10.1 */
#tieser-bottom {
  margin-top: -20px;
  border-style: solid;
  border-top: none;
  border-bottom:  none;
  border-left: solid #000;
  border-right: solid #000;
  border-width: 1px;

  }
#html-footer .container {

  border-style: solid;
  border-top: none;
  border-bottom: solid #000;
  border-left: solid #000;
  border-right: solid #000;
  border-width: 1px;

  }

Поделиться10Чт, 7 Апр 2011 21:26:47

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4738
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

Фелис
http://kindret.7bb.ru и http://kindret.6bb.ru - это как бы разные адреса, да? И разные форумы соответственно. Почему мы должны из скриншотов угадывать, что речь идёт не про тот форум, ссылку на который дали в 1 сообщении?
Касаемо отступа: находите в первом окне стиля это:

Код:

/* D1.1 */
#pun-title {
  margin: 0;
  margin-top: 5px;
  border-style: solid;
  border-top: solid #000;
  border-bottom: none;
  border-left: solid #000;
  border-right: solid #000;
  border-width: 1px;
  margin-bottom: -119px;

}

и поменяйте на:

Код:

/* D1.1 */
#pun-title {
  margin: 0;
  border: solid #000 1px;
  border-bottom-style: none !important;
  margin-bottom: -119px;
}

О размере текста: поставьте код на один из форумов и дайте на него ссылку, нужно смотреть на месте.

Поделиться11Чт, 7 Апр 2011 22:43:10

Автор: Фелис
Заслуженный
Зарегистрирован: Ср, 6 Окт 2010
Сообщений: 96
Уважение: +3
Позитив: +6
Пол: Женский
Последний визит:
Вт, 30 Янв 2018 13:27:25

rps
Блин, я нечаянно! Вставился не тот адрес, вкладки рядом всегда открыты...
Код работает, спасибо.
Кроме размера шрифта с названиями категорий еще один геморрой: теперь при клике на навигационное меню в объявлении, разворачивающийся контейнер с ссылками тут же сворачивается.

Поделиться12Чт, 7 Апр 2011 23:02:43

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4738
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

Фелис
А Вы вместо 17 поставьте 22 например... Это я про размер шрифта...

Фелис написал(а):

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

Потыкал - у меня в Internet Explorer не сворачивается. Только при повтороном клике. Какой у Вас браузер?

Отредактировано rps (Чт, 7 Апр 2011 23:04:12)

Поделиться13Чт, 7 Апр 2011 23:13:37

Автор: Фелис
Заслуженный
Зарегистрирован: Ср, 6 Окт 2010
Сообщений: 96
Уважение: +3
Позитив: +6
Пол: Женский
Последний визит:
Вт, 30 Янв 2018 13:27:25

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

Браузер - 4-й файерфокс. В ИЕ 8 и хроме то же самое.

Поделиться14Чт, 7 Апр 2011 23:18:45

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4738
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

Фелис написал(а):

за размер названия категорий

Фелис написал(а):

размер шрифта в названиях форумов

Так где менять-то? Если в категориях - то это делается здесь (второе окно стиля):

/* CS1.3 */
#pun-stats h2, .punbb .main h2, #pun-debug h2 {
background-image: url(http://darknight.kzar.ru/my_kindret/hrf.jpg);
background-color: #d4d4d4;
color: #5e0000;
font-size: 1.1em;
text-align: center;
font-family: "Book Antiqua";
}

и мой код не нужен. Если для названий форумов - то мои кодом, изменяя число 15 на нужное.

Поделиться15Пт, 8 Апр 2011 00:10:10

Автор: Фелис
Заслуженный
Зарегистрирован: Ср, 6 Окт 2010
Сообщений: 96
Уважение: +3
Позитив: +6
Пол: Женский
Последний визит:
Вт, 30 Янв 2018 13:27:25

rps
С размером шрифта в названиях форумов вы помогли в 6-м посте. ) Проблема с категориями впервые упомянута в 7-м посте. Так что нужны оба кода, все верно. ) Первый уже давно стоит и отлично работает.

В общем, стоят оба кода. Названия категорий и форумов одного размера, вроде бы все работает. Разобрались, фух.

Убрала из кода в посте № 10 строку "border-bottom-style: none !important;", а под шапку уходили все ссылки со списком участников, профилем, ЛС и так далее. Шапка тоже теперь на месте. С этим тоже разобрались. Спасибо.

Значит, остается только глюк со сворачиванием меню в объявлении...

Поделиться16Пт, 8 Апр 2011 00:18:07

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4738
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

Фелис написал(а):

Значит, остается только глюк со сворачиванием меню в объявлении...

Фелис написал(а):

Браузер - 4-й файерфокс.

Вот, открыл всё, у меня ничего не закрывается...

Поделиться17Пт, 8 Апр 2011 00:21:43

Автор: Фелис
Заслуженный
Зарегистрирован: Ср, 6 Окт 2010
Сообщений: 96
Уважение: +3
Позитив: +6
Пол: Женский
Последний визит:
Вт, 30 Янв 2018 13:27:25

rps
*посыпает голову пеплом* Этот форум, я поправила ссылку в первом посте...

Поделиться18Пт, 8 Апр 2011 00:28:48

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4738
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

Фелис
Удалите из ХТМЛ-низ один из скриптов:

Код:

<!--Спойлер-контейнер-->
<script type="text/javascript" src="http://szenprogs.ru/scripts/jquery-1.3.2.js"></script>
<script type="text/javascript"> 
  $(document).ready(function(){
    $('.splLink').click(function(){
      $(this).parent().children('div.splCont').toggle('normal');
      return false;
    });
  });
</script>

Нужен один, а у Вас их два.

Поделиться19Пт, 8 Апр 2011 00:38:20

Автор: Фелис
Заслуженный
Зарегистрирован: Ср, 6 Окт 2010
Сообщений: 96
Уважение: +3
Позитив: +6
Пол: Женский
Последний визит:
Вт, 30 Янв 2018 13:27:25

rps
А, вот в чем дело. Заработало, снова спасибо. )

Поделиться20Пт, 8 Апр 2011 21:49:48

Автор: Фелис
Заслуженный
Зарегистрирован: Ср, 6 Окт 2010
Сообщений: 96
Уважение: +3
Позитив: +6
Пол: Женский
Последний визит:
Вт, 30 Янв 2018 13:27:25

Ох, какие-то странности. Теперь периодически пропадает панель с основным меню: Главная, Профиль, Список и др. При перезагрузке страницы. И так же удивительно появляется. о_О

Страница: 1 2 »

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

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

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

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

Скрипт выделения реплик - проблема

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

Поделиться1Вт, 5 Апр 2011 13:00:46

Поделиться2Вт, 5 Апр 2011 13:19:06

Поделиться3Вт, 5 Апр 2011 14:32:12

Поделиться4Вт, 5 Апр 2011 17:17:26

Поделиться5Вт, 5 Апр 2011 17:36:54

Поделиться6Вт, 5 Апр 2011 17:46:19

Поделиться7Вт, 5 Апр 2011 20:46:21

Поделиться8Ср, 6 Апр 2011 06:43:27

Поделиться9Ср, 6 Апр 2011 09:23:07

Поделиться10Чт, 7 Апр 2011 21:26:47

Поделиться11Чт, 7 Апр 2011 22:43:10

Поделиться12Чт, 7 Апр 2011 23:02:43

Поделиться13Чт, 7 Апр 2011 23:13:37

Поделиться14Чт, 7 Апр 2011 23:18:45

Поделиться15Пт, 8 Апр 2011 00:10:10

Поделиться16Пт, 8 Апр 2011 00:18:07

Поделиться17Пт, 8 Апр 2011 00:21:43

Поделиться18Пт, 8 Апр 2011 00:28:48

Поделиться19Пт, 8 Апр 2011 00:38:20

Поделиться20Пт, 8 Апр 2011 21:49:48