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

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

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


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


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

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

1

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

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

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

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

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

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

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

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

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

+2

181

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

Сделайте скриншот, как есть и как вы хотите, чтобы было

Да я сделала, просто не доперло сразу, какой класс на майббе присвоен текущей ссылке.

Прозрела-2. Не любит числа [font]

Зато теперь вопрос другой.
Прикреплен на форуме шрифт (залит через админку - файлы), в css прописан через @font-face, т.е.:

Код:
@font-face {
    font-family: pixel1; 
    src: url('https://forumstatic.ru/files/0018/36/59/71639.ttf'); 
}

И раньше как-то на форуме работало, что есть через [font=pixel1] написать название шрифта, то он срабатывал в постах. Сейчас этого не происходит, а хочется, чтобы можно было использовать.
Форум.

Отредактировано Deisy- (Ср, 8 Мар 2017 11:43:11)

0

182

Доброго времени суток! Нашли необходимый скрипт: Список форумов в 2 колонки только он ставит весь форум в 2 колонки. Иконки для сообщений на форуме крупные + на гл странице есть картинки и вдобавок сильно сужается кто написал пост и когда. В общем смотрится не очень, если весь форум так делать. Можно как-то прописать, чтобы код захватывал только выбранные категории? Например первую и вторую (дополнительно и огранизацию)? Ну и вообще, чтобы была возможность менять какую и когда переставлять, а игровую при этом не трогать. Заранее благодарю за ответ!

Пример

https://pp.userapi.com/c837632/v837632760/293ff/aZGYL4y-fFk.jpg

0

183

Deisy- написал(а):

Прикреплен на форуме шрифт (залит через админку - файлы), в css прописан через @font-face, т.е.:

Ну, тут лучше шрифт прописывать на форуме вот так: Кросс Браузерная подгрузка Шрифтов на форум

ХаоС написал(а):

Доброго времени суток! Нашли необходимый скрипт: Список форумов в 2 колонки только он ставит весь форум в 2 колонки. Иконки для сообщений на форуме крупные + на гл странице есть картинки и вдобавок сильно сужается кто написал пост и когда. В общем смотрится не очень, если весь форум так делать. Можно как-то прописать, чтобы код захватывал только выбранные категории? Например первую и вторую (дополнительно и огранизацию)? Ну и вообще, чтобы была возможность менять какую и когда переставлять, а игровую при этом не трогать. Заранее благодарю за ответ!

Ну, можно использовать ИД форумов в конкретной категории.. Вот на примере вашей категории Организация и справка:

Код:
#forum_f14, #forum_f12, #forum_f16, #forum_f21 {
    display: block;
    width: 50%
}

#forum_f14, #forum_f12 {
    float: left;
}
#forum_f16, #forum_f21 {
    margin-left: 100%;
}

0

184

юлианна2013 написал(а):

Может я скопирую 2-ю часть,где цвет меняют?

Ну, вот здесь для начала код не работает:

юлианна2013 написал(а):

#pun {
        background: url (http://http://filmuiserialu.mybb.ru/click.php?) #ffffff no-repeat top center;
        color: #FFFFFF
        border-color: #eeeeff;
}

Нет такой картинки: http://http://filmuiserialu.mybb.ru/click.php? Нет точки с запятой в конце после цвета: color: #FFFFFF

Отредактировано kolobdur74 (Ср, 8 Мар 2017 12:46:49)

0

185

юлианна2013 написал(а):

/* CS1.8 */
#pun-navlinks .container {
background-color: none;
  color: #a64403;
  }

Еще здесь ошибка у background-color нет none, для убирания цвета надо transparent - это устанавливает прозрачность...

0

186

юлианна2013 написал(а):

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3 {http://sb.uploads.ru/Y47E8.jpg
  border-color:#bb1122;
text-align: center;
  }

Здесь вообще непонятно что надо было, видимо на фон картинку, но поставлена ссылка без кода.. Так как ссылка картинку нерабочая, то ссылку надо вообще убрать..

0

187

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

Ну, вот здесь для начала код не работает:
юлианна2013 написал(а):
#pun {
        background: url (http://http://filmuiserialu.mybb.ru/click.php?) #ffffff no-repeat top center;
        color: #FFFFFF
        border-color: #eeeeff;
}
Нет такой картинки: http://http://filmuiserialu.mybb.ru/click.php? Нет точки с запятой в конце после цвета: color: #FFFFFF

Согласна с вами.Я и сама хотела спросить,что это и для чего.Тогда я спрошу так,а для чего это?

0

188

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

Здесь вообще непонятно что надо было, видимо на фон картинку, но поставлена ссылка без кода.. Так как ссылка картинку нерабочая, то ссылку надо вообще убрать..

А для чего она здесь,если менять фон в самом начале,код уже есть?

Отредактировано юлианна2013 (Ср, 8 Мар 2017 14:33:49)

0

189

юлианна2013 написал(а):

Согласна с вами.Я и сама хотела спросить,что это и для чего.Тогда я спрошу так,а для чего это?

Ну вот это:

юлианна2013 написал(а):

background: url (http://http://filmuiserialu.mybb.ru/click.php?) #ffffff no-repeat top center;

Фон для всей центральной части форума, но в таком виде он работать не будет - первая ошибка: http://http://, вторая ошибка, что ссылка ведет не на картинку, а непонятно на что...
На счет:

юлианна2013 написал(а):

color: #FFFFFF

Это цвет текста на всем форуме, но в данном случае он не работает, как и: border-color: #eeeeff; потому что нет точки с запятой, то есть должно быть так:

color: #FFFFFF;

Здесь:

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

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3 {http://sb.uploads.ru/Y47E8.jpg

на ряд блоков изменения, но простая ссылка в коде полностью блокирует весь код..

Кстати в Объявлении код таблицы у вас тоже перекосячин:

<td><td width="520 px"><marquee scrollamount="2" scrolldelay="15"><i><font FACE="Monotype Corsiva" color="#0000FF" style="font-size: 14pt">
УВАЖАЕМЫЕ ГОСТИ! Регистрируйтесь, чтобы иметь полный доступ ко всем разделам форума. Общайтесь на любимые темы и создавайте темы о своих актерах и фильмах! Мы рады всем!</FONT></i></marquee></td>
</td><script src="http://101widgets.com/w1416537332-02021201&165&155"></script>

Замените его на этот код:

Код:
<table>
<tr>
<td width="520 px"><marquee scrollamount="2" scrolldelay="15"><i><font FACE="Monotype Corsiva" color="#0000FF" style="font-size: 14pt">
УВАЖАЕМЫЕ ГОСТИ! Регистрируйтесь, чтобы иметь полный доступ ко всем разделам форума. Общайтесь на любимые темы и создавайте темы о своих актерах и фильмах! Мы рады всем!</FONT></i></marquee>
</td>
</tr>
</table>
<script src="http://101widgets.com/w1416537332-02021201&165&155"></script>

0

190

Так,в начале я вставила

и получился результат,вот мой скриншот-http://s7.uploads.ru/t/j7x3G.png
Затем сменила в месте объявления на тот код,что вы рекомендовали,вот скриншот_http://s1.uploads.ru/t/k9aTc.png

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

Отредактировано юлианна2013 (Ср, 8 Мар 2017 15:07:23)

0

191

А вот еще странность!-http://sf.uploads.ru/t/vbQ1U.pngХуже стало,однако.

Отредактировано юлианна2013 (Ср, 8 Мар 2017 15:12:59)

0

192

юлианна2013 написал(а):

Так,в начале я вставила

юлианна2013 написал(а):

Почему весь текст стал белым

Потому что такой цвет и код заработал, но вы не поправили весь код, если цвет текста белый не устраивает, то надо другой цвет поставить, а вот это:

#pun {
        background: url (http://http://filmuiserialu.mybb.ru/click.php?) #ffffff no-repeat top center;
        color: #FFFFFF;
        border-color: #eeeeff;
}

То что красным надо полностью убрать... То что выделил синим - это код цвета текста на всем форуме, замените на тот который вам подходит.. Коды цвета можно посмотреть к примеру на этом сайте: http://www.stm.dp.ua/web-design/color-html.php

По поводу таблицы в объявлении:
Поправил ширину в таблице и убрал лишнее, замените весь код на этот:

Код:
<table width="100%">
<tr>
<td><marquee scrollamount="2" scrolldelay="15" style="font-family: 'Monotype Corsiva';color: #0000FF;font-size: 14pt;font-style: italic;">
УВАЖАЕМЫЕ ГОСТИ! Регистрируйтесь, чтобы иметь полный доступ ко всем разделам форума. Общайтесь на любимые темы и создавайте темы о своих актерах и фильмах! Мы рады всем!</marquee>
</td>
</tr>
</table>
<script src="http://101widgets.com/w1416537332-02021201&165&155"></script>

Отредактировано kolobdur74 (Ср, 8 Мар 2017 15:15:57)

0

193

Ошибка в том,что стоят белые штрих-коды цвета FFFFFFF.

0

194

юлианна2013 написал(а):

А вот еще странность!

Потому что надо поправить всё что я говорил в Стиле... Стиль влияет и на админку, а не только на форум..

0

195

И так в спойлере скопированный результат:

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

/* CS1 Background and text colours
-------------------------------------------------------------*/
body {
background: url(http://fony-kartinki.ru/_ph/51/2/447391 … 1488890813) #ffffff ;
        }
html {background-color: #0088ff }
#pun {
        background: url (http://http://filmuiserialu.mybb.ru/click.php?) #ffffff no-repeat top center;
        color: #FFFFFF;
        border-color: #eeeeff;
}
/* CS1.1 */
.punbb .main .container,
.punbb td.tc3,
.punbb .section .container,
.punbb .section .formal .container,
.punbb .formal fieldset,
#viewprofile li strong, #viewprofile li div,
#setmods dd, .punbb .post-body,
.post-box, .punbb .post-links,
.punbb-admin #pun-admain .adcontainer,
.punbb .info-box, .punbb #pun-main .info-box .legend {
background-color: #fffdfd;
  }

#pun-ulinks .container{
  background-color: #f8d9c0;
  color: #0B5402;
}

/* CS1.2 */
.punbb .post .container,
.punbb .post h3 {
background-color:#f8d9c0;
color:#000000;
}

.punbb .post h3 span {
  background-color: #fef2f0;
  color: #3E0000;
}

.punbb td.tc2, .punbb td.tcr {
  background-color: #c9a57e;
  color:  #000000;
  }

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background:#1133dd;
  color:#ffffff;
  font-size: 1.1em;
  text-align: center;
font-style: italic
  }

/* CS1.4 */
.punbb .modmenu .container {
  background-color:#ffffff;
  color: #2233ee;
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  background-color:#5c3c09;
  color: #ffffff;
  }

#viewprofile h2 span {
  background-image:#0033ff;
}

.punbb .post h3 strong {
  font-size: 0.7em;
  color: #3E0000;
}

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

.punbb textarea, .punbb select, .punbb input {
  background-color:#ffffff;
  color: #333
}

/* CS1.8 */
#pun-navlinks .container {
background-color: none;
  color: #a64403;
  }

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

.punbb th {
  color: #9C5106;
  background: #FACDA0;
}

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

#pun-title, #pun-navlinks {
  border-color: #147fb7;
}

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3 {http://sb.uploads.ru/Y47E8.jpg
  border-color:#bb1122;
text-align: center;
  }

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

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

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

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

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

#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
  border-color: #FFFFFF
  }

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

.punbb .divider {
  border-color: #F5EEED ;
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 1px solid: #a7b5bd;
  }

li.pa-online {
  border-left-color: #dd11aa;
  }

/* 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: #0000CD;
  text-decoration: underline;
}

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #0000CD;
  text-decoration: underline;
  }

/* 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: #0000CD;
   text-decoration: none;
  }

/* CS3.3 */
#pun-navlinks a {
  color: #B22222;
  text-decoration: none;
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #B22222;
text-decoration: underline;
  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #3E0000;
  color: #2233ee;
}

.post h3 span a:link, .post h3 span a:visited {
  font-weight: normal;
  font-size: 1.0em;
  text-decoration: none;
}

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

div.icon {
        background: url(http://s5.uploads.ru/ELb17.png) no-repeat;
}

tr.inew div.icon {
        background: url(http://s4.uploads.ru/kzrMj.png) no-repeat;
}

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

tr.iredirect div.icon {
        background: url(http://s4.uploads.ru/c48IA.png) no-repeat;

}

tr.isticky div.icon {
        background: url(http://s5.uploads.ru/L8ftk.png) no-repeat;
}

.punbb .main h1 span, .punbb .main h2 span, #pun-stats h2 span {
        background: none;
}

#profilenav h2 span {background-image: none}

td.tcr a{
        background: transparent url(../../img/Mybb_Tulip_Garden/post.gif) no-repeat 0px 1px;
        padding-left: 13px;
        padding-bottom: 3px;
}

#pun-stats ul.container {
        background: transparent url(../../img/Mybb_Tulip_Garden/stats.gif) no-repeat 7px 25px;
        padding-left: 45px;
}

#pun-stats div.statscon {
        background: #fef7f6;
}

#pun-crumbs2 .container, #pun-about .container{
        background:  #fef7f6;
        color: #3E0000;
}

0

196

Удалила не прав.часть и заменила на мне подходящий-

0

197

Это:

юлианна2013 написал(а):

/* CS1.8 */
#pun-navlinks .container {
background-color: none;
  color: #a64403;
  }

Замените на:

Код:
/* CS1.8 */
#pun-navlinks .container {
background-color: transparent;
  color: #a64403;
  }

Это:

юлианна2013 написал(а):

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3 {http://sb.uploads.ru/Y47E8.jpg
  border-color:#bb1122;
text-align: center;
  }

Замените на:

Код:
/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3 {
  border-color:#bb1122;
text-align: center;
  }

Отредактировано kolobdur74 (Ср, 8 Мар 2017 15:30:42)

0

198

Добрый день. Прошу о помощи с выпадающим меню в этой теме описанным: необходимо сделать его не горизонтальным, а вертикальным, чтобы каждая кнопка из этих четырёх была друг под другом. Есть ли какие-то значения/переменные для кода скрипта, чтобы можно было поменять их расположение или необходимо менять весь скрипт (вертикального, к слову, я не нашёл)? Ссылка на форум с проблемой: http://6doftriblaband.winbb.ru/
Заранее спасибо.

0

199

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

кнопка из этих четырёх была друг под другом. Есть ли какие-то значения/переменные для кода скрипта, чтобы можно было поменять их расположение или необходимо менять весь скрипт (вертикального, к слову, я не нашёл)? Ссылка на форум с проблемой: http://6doftriblaband.winbb.ru/
Заранее спасибо.

Ну, вот так будет по вертикали:

Код:
<center><table style="width: 90%">
<tr>
<td><div class="spll">
<div><div class=splLink href="javscript://">Первый контейнер</div>
<div style="display: none; position: absolute;" class=splCont>
Тут будет что-то</div></div>
</div></td>
</tr>
<tr>
<td><div class="spll">
<div><div class=splLink href="javscript://">Второй контейнер</div>
<div style="display: none; position: absolute;" class=splCont>
Тут будет что-то</div></div>
</div></td>
</tr>
<tr>
<td><div class="spll">
<div><div class=splLink href="javscript://">Третий контейнер</div>
<div style="display: none; position: absolute;" class=splCont>
Тут будет что-то</div></div>
</div></td>
</tr>
<tr>
<td><div class="spll">
<div><div class=splLink href="javscript://">Четвёртый контейнер</div>
<div style="display: none; position: absolute;" class=splCont>
Тут будет что-то</div></div>
</div></td>
</tr>
<tr>
<td><div class="spll">
<div><div class=splLink href="javscript://">Пятый контейнер</div>
<div style="display: none; position: absolute;" class=splCont>
Тут будет что-то</div></div>
</div></td>
</tr>
<tr>
<td><div class="spll">
<div><div class=splLink href="javscript://">Шестой контейнер</div>
<div style="display: none; position: absolute;" class=splCont>
Тут будет что-то</div></div>
</div></td>
</tr>
</table></center>

Кстати, здесь:

</table>
<BR>
<BR>
<tr align="center"><!-- BEGIN CBOX - wwwcbox.ws - v4.3 -->

Красным - вы открыли ячейку, без строки, без закрытия, и к тому же после закрытия таблицы..

+1

200

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

Выделить код
/* CS1.8 */
#pun-navlinks .container {
background-color: transparent;
  color: #a64403;
  }

я заменила,и изменения повернулись в лучшую сторону!Значит эта часть кода отвечает за главное меню,т.е первое.Правильно,и шрифт стал на прозрачном фоне?Вот скриншот:

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

http://sg.uploads.ru/t/kTCGi.png

0


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