Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.

Хештег 32cd32 на Бесплатный форум: форум поддержки Fdf10
С нашей помощью вы можете создать форум,
похожий на этот!
Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.

Хештег 32cd32 на Бесплатный форум: форум поддержки Fdf10
С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях
Важная информация!

Правила форума

для обязательного прочтения!

Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.

Я админ, не могу зайти!
(забыл / потерял пароль)


Общий FAQ по управлению форумом

FAQ: реклама на форуме

Туториалы по разным функциям ваших форумов

Алфавитный указатель

Интересные решения для форумов

Наши видео-туториалы

Условия пользования сервисом

Ссылки на полезные ресурсы

Последние темы
» Проблема с метатегом Description
автор VeraLV Вчера в 15:31

» 1 марта будет запрет на ВПН, это отразится на работе платформы?
автор Svet007 Март 14th 2024, 11:43

» нужен скрипт сумма просмотров тем в разделе
автор лексей2222 Март 5th 2024, 07:37

» Новое: Откройте для себя функцию "Подписка на пользователей"
автор лексей2222 Март 1st 2024, 17:26

» 301 редирект
автор Dana Domirani Февраль 25th 2024, 18:28

» Помощь в нескольких вопросах по форуму
автор лексей2222 Февраль 22nd 2024, 13:21

» [Общая тема] Что делать, если вы забыли / потеряли пароль
автор Dana Domirani Февраль 14th 2024, 00:54

» Загрузка форума
автор лисенок Февраль 13th 2024, 01:09

» 2x2 форум
автор лексей2222 Февраль 12th 2024, 14:47

» сколько сообщений в теме
автор лексей2222 Февраль 10th 2024, 07:24

Текущее время Март 19th 2024, 12:00

Результаты поиска: найдено 6 по поиску 32cd32

разные цвета и оформление категорий

1. Перекрасить меню:

Код:
#pun-head #pun-navlinks a {
    color: #32cd32 !important;
}

вместо #32cd32 ставите свой цвет.

2. Фоновая картинка для категорий:

Код:
.main .main-head {
    background-image: url(https://i.servimg.com/u/f81/16/54/26/99/golkle10.jpg);
}

вместо https://i.servimg.com/u/f81/16/54/26/99/golkle10.jpg ставите ссылку на свое изображения

3. Хз, сейчас у вас шапки нет и посмотреть, где сбоит код невозможно. Поставьте шапку для примера, нужного размера.
автор IceQueen
в Апрель 29th 2020, 20:02
 
Искать в: [Архив] Оформление форума
Тема: разные цвета и оформление категорий
Ответов: 6
Просмотров: 4206

Заголовок темы

Код:
.postbody .topic-title a {
    color: #32cd32 !important;
}


Код цвета #32cd32 заменить на желаемый.
автор Dana Domirani
в Январь 2nd 2019, 15:46
 
Искать в: [Архив] Оформление форума
Тема: Заголовок темы
Ответов: 6
Просмотров: 5522

Как поменять цвет в моб.версии

Попробуйте так (в CSS)

Код:
body#mpage-body-modern, body#mpage-body-modern #wrap {
    background-color: #32cd32;
    background-image: none;
}


вместо #32cd32 подставьте код нужного цвета фона
автор Dana Domirani
в Ноябрь 24th 2017, 06:10
 
Искать в: [Архив] Мобильная версия
Тема: Как поменять цвет в моб.версии
Ответов: 2
Просмотров: 15656

Шапка съехала XD

1:


2:


3:


Вот это все что там есть с текстом ".headerbar" Изменения приводят к изменению цвета, но не убирает отступ.

А вот полный список содержимого.
ВСЕ что есть:
автор Петрович
в Декабрь 4th 2015, 20:22
 
Искать в: [Архив] Разные проблемы
Тема: Шапка съехала XD
Ответов: 18
Просмотров: 5604

Сделать шапку по центру форума

Добрый день. Помогите сделать так, чтобы шапка форума была по центру.

Если настраивать положение в css, то при изменении размера окна шапка остается на месте, но мне нужно чтобы она всегда была по центру.

ССЫЛКА НА ФОРУМ
 
CSS моего форума:
автор Comatose
в Май 27th 2015, 11:36
 
Искать в: [Архив] Оформление форума
Тема: Сделать шапку по центру форума
Ответов: 2
Просмотров: 7516

Новый редактор сообщений: настройки CSS и JS



Готовый вариант оформления для форумов с темным дизайном:



Код добавляется в Па > Оформление > Цвета > Каскадная таблица стилей CSS
Подходит для всех движков.

Код:
/* панель с кнопками */
div.sceditor-toolbar {
background: #111 url(http://i79.servimg.com/u/f79/17/37/83/89/hjk10.jpg) bottom center repeat-x !important;
border-bottom: none !important;
}

/* цвет текстового поля */
div.sceditor-container iframe, div.sceditor-container textarea {
background: #666 url(http://i79.servimg.com/u/f79/17/37/83/89/back210.jpg) repeat !important;
color: #C8CDE6 !important
}

/* весь блок редактора */
.sceditor-container {
background: #666 !important;
width: 98% !important;
}

/* фон группы кнопок */
.sceditor-group {
background: #111 url(http://i79.servimg.com/u/f79/17/37/83/89/dfg10.jpg) center repeat !important;
border-bottom: none !important;
-moz-box-shadow: 0 0 3px #666;
-webkit-box-shadow: 0 0 3px #666;
box-shadow: 0 0 3px #666;
margin: 3px !important;
}

/* кнопки */
.sceditor-button {
margin: 3px !important;
border: 1px solid transparent !important;
outline-color: transparent !important;
}

/* кнопки при наведении */
.sceditor-button:hover {
background-color: #000 !important;
border: 1px solid #163242 !important;
}

/* нажатая кнопка */
.sceditor-button.active, .sceditor-button.sceditor-button-source.hover {
background-color: #000 !important;
border: 1px solid #163242 !important;
}

/* всплывающие окна */
div.sceditor-dropdown {
background-color: #666 !important;
-webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.72);
border: 1px solid #CCC;
box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.79);
}

div.sceditor-dropdown label {
color: #C8CDE6 !important;
}

div.sceditor-container.ltr.wysiwygMode {
background: #666 !important;
}



Хештег 32cd32 на Бесплатный форум: форум поддержки Image_18




Настройки отдельных элементов



Все коды добавляются в Па > Оформление > Цвета > Каскадная таблица стилей CSS
Движок значения не имеет.

Основной блок редактора
Код:
/* весь блок редактора */
.sceditor-container {
background: #666 !important;
width: 98% !important;
}

background: цвет фона #666 замените на код подходящего цвета




Цвет / фоновая картинка текстового поля и цвет текста
Код:
/* цвет текстового поля */
div.sceditor-container iframe, div.sceditor-container textarea {
background: #666 url(http://i79.servimg.com/u/f79/17/37/83/89/back210.jpg) repeat !important;
color: #C8CDE6 !important
}

background: цвет фона #666 — замените на код подходящего цвета
https://i.servimg.com/u/f79/17/37/83/89/back210.jpg — замените на фоновую картинку
background: цвет текста #666 замените на код подходящего цвета
color: цвет текста #C8CDE6 замените на код подходящего цвета



Панель с кнопками
Хештег 32cd32 на Бесплатный форум: форум поддержки Image_22
Код:
/* панель с кнопками */
div.sceditor-toolbar {
background: #111 url(http://i79.servimg.com/u/f79/17/37/83/89/hjk10.jpg) repeat !important;
}

background: цвет фона #111 — замените на код подходящего цвета
https://i.servimg.com/u/f79/17/37/83/89/hjk10.jpg — замените на фоновую картинку



Фон текстового поля
Хештег 32cd32 на Бесплатный форум: форум поддержки Image_23
Код:
div.sceditor-container iframe, div.sceditor-container textarea {
background: #666 url(http://i79.servimg.com/u/f79/17/37/83/89/back210.jpg) repeat !important;
}

background: цвет фона #666 замените на код подходящего цвета
https://i.servimg.com/u/f79/17/37/83/89/back210.jpg — замените на фоновую картинку



Цвет текста (в режиме кодов)
Хештег 32cd32 на Бесплатный форум: форум поддержки Image_24
Код:
/* цвет текста в поле сообщения */
.sceditor-container textarea {
color: #32cd32 !important;
}

color: цвет текста #32cd32 замените на код подходящего цвета



Размер шрифта (в режиме кодов)
Хештег 32cd32 на Бесплатный форум: форум поддержки Image_27
Код:
/* размер шрифта в поле сообщения */
.sceditor-container textarea {
font-size: 15px !important;  
}




Фон группы (блока) кнопок
Хештег 32cd32 на Бесплатный форум: форум поддержки Image_25
Код:
/* фон группы кнопок */
.sceditor-group {
background: #111 url(http://i79.servimg.com/u/f79/17/37/83/89/dfg10.jpg) center repeat !important;  
}

background: цвет фона #111 замените на код подходящего цвета
https://i.servimg.com/u/f79/17/37/83/89/dfg10.jpg — замените на фоновую картинку



Кнопки
Хештег 32cd32 на Бесплатный форум: форум поддержки Image_26
Код:
/* кнопки */
.sceditor-button {
border: 1px solid transparent !important;
background: #111 url(http://i79.servimg.com/u/f79/17/37/83/89/hjk10.jpg) bottom center repeat-x !important;
}

border: контур кнопки, прозрачный цвет transparent можно заменить на желаемый
background-color: цвет фона, #111 замените на код подходящего цвета
https://i.servimg.com/u/f79/17/37/83/89/hjk10.jpg — замените на фоновую картинку



Кнопки при наведении
Хештег 32cd32 на Бесплатный форум: форум поддержки Image_20
Код:
/* кнопки при наведении */
.sceditor-button:hover {
background-color: #000 !important;
border: 1px solid #163242 !important;
}

border: контур кнопки, цвет #163242 можно заменить на желаемый
background-color: цвет фона, #000 замените на код подходящего цвета



Нажатая кнопка
Хештег 32cd32 на Бесплатный форум: форум поддержки Image_19
Код:
/* нажатая кнопка */
.sceditor-button.active, .sceditor-button.sceditor-button-source.hover {
background-color: #000 !important;
border: 1px solid #163242 !important;
}

border: контур кнопки, цвет #163242 можно заменить на желаемый
background-color: цвет фона, #000 замените на код подходящего цвета



Всплывающие окна
Хештег 32cd32 на Бесплатный форум: форум поддержки Image_21
Код:
/* всплывающие окна */
div.sceditor-dropdown {
background-color: #666 !important;
border: 1px solid #CCC !important;
box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.75);
-webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.75);
}

border: контур кнопки, цвет #CCC можно заменить на желаемый 
background-color: цвет фона, #666 замените на код подходящего цвета 

Удаление "лишних" кнопок:
Код:
/* кнопка дата */
.sceditor-button.sceditor-button-date {
display: none !important;
}

/* кнопка время */
.sceditor-button.sceditor-button-time {
display: none !important;
}
    
/* кнопка видео dailymotion */    
.sceditor-button.sceditor-button-dailymotion {
display: none !important;
}

/* кнопка загрузить изображение */  
.sceditor-button.sceditor-button-servimg {
display: none !important;
}

/* кнопка верх и ниж индекс */
.sceditor-button.sceditor-button-subscript, .sceditor-button.sceditor-button-superscript {
display: none !important;
}

/* кнопки прокрутки */
.sceditor-button.sceditor-button-fascroll, .sceditor-button.sceditor-button-faupdown {
display: none !important;
}

/* кнопка случайное число */
.sceditor-button.sceditor-button-farand {
display: none !important;
}

/* кнопка больше-меньше кнопок */
.sceditor-button.sceditor-button-more {
display: none !important;
}





Изменить цвет фона и текста в режиме WYSIWYG

В ПА > Модули > Управление JS создайте новый файл
Название : любое
Расположение : на всех страницах
Код :
Код:
$(window).load(function () {
  $(".sceditor-container iframe").contents().find("head").append("<style>body,html,code:before,p,table{background-color:#DCDCDC!important;color:#000!important;font-size:15px!important;}</style>")
});

background-color:#DCDCDC — цвет фона текстового поля в режиме WYS, замените код #DCDCDC на желлаемый цвет
color:#000 — цвет шрифта в текстовом поле в режиме WYS, замените код #000 на желаемый цвет
font-size:15px — размер шрифта в текстовом поле в режиме WYS, замените число 15 на желаемую величину.



Изменить размеры формы ответа

Код:

/* ширина и высота формы ответа */
#quick_reply #textarea_content, div.sceditor-container.ltr.wysiwygMode, div.sceditor-container.ltr.sourceMode {
width: 90% !important; /* ширина */
min-height: 500px !important;  /* высота */
margin: 0 auto !important;
}
автор Dana Domirani
в Июнь 12th 2013, 17:38
 
Искать в: Интересные решения
Тема: Новый редактор сообщений: настройки CSS и JS
Ответов: 1
Просмотров: 10334

Вернуться к началу

Перейти: