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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

Последние темы
» Не корректное отображение картинок
автор Luz Сегодня в 12:40

» Переход с 2x2forum.ru на 2x2forum.com
автор Luz Сегодня в 12:13

» Проблема с метатегом Description
автор VeraLV Март 18th 2024, 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

Текущее время Март 28th 2024, 13:36

Результаты поиска: найдено 2 по поиску ccc

ненужные блоки, неработающие кнопки

Спасибо за подробный ответ, буду пробовать.

1. Ник Angel, группа "дом 26" - для тестирования.
Кнопка Найти пользователя не работает, когда я-администратор сама вношу пользователя в группу.
Если не затруднит, выскажете пожелания и замечания по сайту.

2. Скрипт в виджете Радио:

—   Начало настройки оформления панели слева     type="text/css"  #leftpanel:hover { /* изменение отступа слева при наведении */ margin-left: 250px; } /* общие настройки для ярлыка и содержимого Боковой панели*/ #leftpanel, #leftpanel .filling{ border-radius:10px;  -webkit-border-radius:10px; -khtml-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; background-color:#F0F0F0; /* цвет фона панели */ box-shadow: 0px 5px 5px #626262; /* тень панели */ -webkit-box-shadow:0px 5px 5px #626262; -khtml-box-shadow:0px 5px 5px #626262; -moz-box-shadow:0px 5px 5px #626262; } /* ярлык Боковая панель */ #leftpanel { height:140px; /* высота */ width:230px; /* ширина */ position:fixed; z-index:1200; top:8px; left:-190px; /* ширина, на которую она спрятана за левый край экрана*/ margin-left: 0px; background:#F0F0F0 url(https://i.servimg.com/u/f33/17/37/83/89/image011.png) center right no-repeat; /* кнопка с текстом боковое меню */ transition-duration: 0.33s; -webkit-transition-duration: 0.33s; -moz-transition-duration: 0.33s; -o-transition-duration: 0.33s; } /* содержимое Боковой панели */ #leftpanel .filling { padding:12px; height: 400px; /* высота */ width:100%; margin:-1px 0 0 -70px; } #patch2 { position:absolute; height:140px; /* высота должна быть равна высоте ярлыка */ width:11px; background-color:#F0F0F0; margin: -11px 0 0 234px; }     —   Конец настройки оформления панели слева    
<!—   —   Начало кода панели слева   <div id="leftpanel"  <div class="filling"   -->  
<div id="patch2">
       
</div>
 
<div id="inr">
          —   начало содержания    
<div align="center" style="width:180px;">
 
<div id="RP_v3_style">

</div>
 
<div id="RP_v3_player-wrapper">
<a href="http://radiopotok.ru/">Онлайн радио</a>
</div>
 
<div id="RP_v3_content" style="max-height:237px; overflow:auto;">

</div>
 <link rel="stylesheet" href="http://yandex.st/jquery-ui/1.8.21/themes/base/jquery.ui.all.min.css" /> <script type="text/javascript"><!--
var RP_v3_font_size           = '13px';    // Размер шрифта
var RP_v3_bg_color            = 'white';   // Цвет фона
var RP_v3_border_color        = '#ccc';    // Цвет рамки
var RP_v3_border_hover_color  = '#f00';    // Цвет рамки при наведении
var RP_v3_a_color             = 'blue';    // Цвет ссылки
var RP_v3_a_color_act         = '#c00';    // Цвет активной ссылки
var RP_v3_a_color_hover       = 'red';     // Цвет ссылки при наведении
var RP_v3_new_window          = false;     // Слушать радио в новом окне [true/false]
//--></script> <script type="text/javascript" src="http://yandex.st/jquery/1.4.4/jquery.min.js"></script> <script type="text/javascript" src="http://yandex.st/swfobject/2.2/swfobject.min.js"></script> <script type="text/javascript" src="http://yandex.st/jquery-ui/1.8.22/jquery-ui.min.js"></script> <script type="text/javascript" src="http://radiopotok.ru/f/script3/822e72d3cad4079f841166a34c7a2d00.js" charset="UTF-8"></script>
</div>
     —   конец содержания      
</div>
      —   Конец кода панели слева
автор Светлана Кондратюк
в Декабрь 15th 2015, 12:07
 
Искать в: [Архив] Разные проблемы
Тема: ненужные блоки, неработающие кнопки
Ответов: 11
Просмотров: 2115

Новый редактор сообщений: настройки 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;
}



Хештег ccc на Бесплатный форум: форум поддержки 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 замените на код подходящего цвета



Панель с кнопками
Хештег ccc на Бесплатный форум: форум поддержки 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 — замените на фоновую картинку



Фон текстового поля
Хештег ccc на Бесплатный форум: форум поддержки 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 — замените на фоновую картинку



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

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



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




Фон группы (блока) кнопок
Хештег ccc на Бесплатный форум: форум поддержки 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 — замените на фоновую картинку



Кнопки
Хештег ccc на Бесплатный форум: форум поддержки 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 — замените на фоновую картинку



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

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



Нажатая кнопка
Хештег ccc на Бесплатный форум: форум поддержки 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 замените на код подходящего цвета



Всплывающие окна
Хештег ccc на Бесплатный форум: форум поддержки 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
Просмотров: 10338

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

Перейти: