Вид и размер шрифта, разделительные полосы, формы комментирования, новые блоки в шаблоне 1807

голоса: 0

Здравствуйте!
Накопилось сразу много вопросов по шаблону 1807, сама с этими вещами справиться не смогла.

1. Как изменить стиль, цвет и размер таких заголовков?

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

3. Как изменить цвет полосы (см. стрелку)?

4. Как изменить цвет полей?

5. Как изменить цвет полосы и текста в ней?

6. Как провести разделительную полосу между темами?

7. Как изменить цвет этих полей?

8. Как сделать такую же полосу на форуме мого сайта?

9. Как изменить цвет этих данных?

10. Как изменить цвет полей?

11. Как изменить цвет полей в мобильной версии?
12. Можно ли при просмотре с мобильного переключиться на визуальный редактр?

13. Так я вижу новый добавленный блок в конструкторе. На нужное место он перетаскивается с миллионного раза, редактировать название невозможно, не всегда появляется шестерёнка настройки. Что делать?

14. Как убрать в нижнем блоке точки перед датой, а в верхнем дату сделать такого же вида, как в нижнем, только тоже без точек?

Я знаю, вопросов много, но я честно перерыла кучу вопросов-ответов и прочих справочных материалов, но ответов не нашла. Помогите, пожалуйста!

 

 

Адрес сайта nafretiri.ru
| Автор: | Категория: Дизайн сайта
Редактирование | | Автор: Svetlana Pozdysheva

Ответов: 1

голоса: 0
  1. В стили прописать a.catLink {color:red;} вместо red прописать свой цвет, подобрать можно на сайте https://www.color-hex.com/
  2. Толщина меняется в стилях в строке 482 в значении height: 1px; где вместо 1 пропишите нужную толщину.
  3. В стилях в строка 262 и 322 ищите значение background: #0f131c; выделенное красным текущий цвет, меняйте на нужный вам.
  4. В стилях в строке 378 в значении background: #0f131c url(/.s/t/1807/arrow-down-white.png); вместо выделенного прописать нужный цвет.
  5. Пропишите в стили [class="threadsType pageinvoices"] {background:red; color:#000;} вместо red пропишите свой код цвета фона и вместо #000 пропишите цвет текста.
  6. Не идеальное решение, но можно в стили прописать [class="threadNametd pageinvoices"] {border-bottom: 1px solid;}
  7. В пункте 4 дан ответ на этот вопрос.
  8. У вас эта полоска есть, просто цвет фона она не имеет. Пропишите в стили .postTdTop {background:#000;} вместо #000 пропишите свой цвет.
  9. Пропишите в стили .eDetails a {color:red;} вместо red пропишите свой цвет.
  10. В стилях в строке 65 background-color: #0f131c;
  11. Ответ дан в пункте 10 аналогично решает эту проблему.
  12. Нельзя. Мобильные устройства ограничены в функционале, они не могут работать с визуальным редактором.
  13. Все из-за того, что у вас слишком темный фон и это все сливается с рамками блока. И в дополнение нарушение разметки конструктора, подробнее https://www.ucoz.ru/help/design/razmetka-konstruktora 
  14. Пропишите в стили .inner li {list-style:none;}​ это решит эту проблему
     
| Автор:
Огромное спасибо за ответ! Пошла пробовать :)
Здравствуйте ещё раз, путём проб и ошибок, благодаря вам, почти всё получилось! Основная проблема осталась с полями 4,7 и 10. Загвоздка в том, что, как оказалось, поля ввода сообщения для мини-чата, поиска по сайту и bb-редактора добавления материалов в модулях (кроме новостей) меляются вместе, а мне они нужны разного цвета. Например, поле ввода сообщения для мини-чата должно быть того же цвета, что и сам мини-чат, поле поиска по сайту я вообще менять не хочу, а биби-редактор нужен белого цвета. Подстажите, пожалуйста, как отредактировать эти поля отдельно.
Svetlana Pozdysheva,

4. Отдельно фон можно задать прописав стили #forum_filter_select {background:red!important;} вместо red пишите свой цвет.

10. Пропишите в стили textarea#message.postTextFl {background:#fff!important;}

По чату, в стилях ищите строку номер 343:

.sidebox #mchatMsgF{min-height:80px;background: #fff;}

добавить выделенное, вместо #fff прописать нужный цвет фона для формы ввода сообщений в чате.

Yuri_Geruk,
По чату помогло решение, спасибо. Другие два не сработали, к сожалению. Может быть, есть другие решения?
Svetlana Pozdysheva,
Другие два, примеры наведите чтобы вы хотите поменять.
Yuri_Geruk,

Как ни билась, не получается у самой. Скоро глаз дёргаться начнёт ))

1.Как изменить цвет поля "найти" (вверху страницы)?

 

2. Как изменить цвет текста в полях, которые регулируются строкой 65 в стилях (в том числе, текст в поле "найти", "поиск", "поиск по теме" на форуме)?

3. Как отредактировать цвета текста, отмеченного стрелками, на более тёмный; как изменить цвет тёмных полей на светлый и как изменить текст ввода на чёрный? Это относится и к окну добавления фото.

4. Самая большая проблема - это цвет биби-редактора (на форуме) в мобильной версии. Обычно фон был тёмным, а текст светлым, но в какой-то момент фон сам собой изменился на белый, и набирать сообщения стало невозможно - текст сливается с фоном. Как решить проблему?

Svetlana Pozdysheva,
  1. Прописать в стили input.queryField {background:red!important;} 
  2. Прописать в стили input#thread_search_field,input[name="kw"],input#thread_search_field:focus,input[name="kw"]:focus {color:red!important;}
  3. Поправить в стилях строку 42: input[type=checkbox],input[type=radio],label,#id_file_data{vertical-align:middle;color: #000;} добавить выделенное.
  4. В стилях поправьте строку 746: textarea#message.postTextFl {color:#000;background:#fff!important;} добавьте выделенное.

вместо red прописать свой цвет.

Yuri_Geruk,

Получилось всё, кроме п.2
Что ещё можно сделать?

Svetlana Pozdysheva,
Если у вас ничего не получается, значит ничего. Я подсказал решение, другого нет.
Yuri_Geruk,
Печалька. Ну ладно. Может быть когда-нибудь найду решение)) Большое вам спасибо!
...