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

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


С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях

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

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


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

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

Текущее время Вт 21 Ноя - 5:19

Результаты поиска: найдено 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(http://i33.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>
      —   Конец кода панели слева
автор Светлана Кондратюк
в Вт 15 Дек - 12:07
 
Искать в: [Архив] Разные проблемы
Тема: ненужные блоки, неработающие кнопки
Ответов: 11
Просмотров: 615

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








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



Все коды добавляются в Па > Оформление > Цвета > Каскадная таблица стилей 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 — замените на код подходящего цвета
http://i79.servimg.com/u/f79/17/37/83/89/back210.jpg — замените на фоновую картинку
background: цвет текста #666 замените на код подходящего цвета
color: цвет текста #C8CDE6 замените на код подходящего цвета



Панель с кнопками

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

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



Фон текстового поля

Код:
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 замените на код подходящего цвета
http://i79.servimg.com/u/f79/17/37/83/89/back210.jpg — замените на фоновую картинку



Цвет текста (в режиме кодов)

Код:
/* цвет текста в поле сообщения */
.sceditor-container textarea {
color: #32cd32 !important;
}

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



Размер шрифта (в режиме кодов)

Код:
/* размер шрифта в поле сообщения */
.sceditor-container textarea {
font-size: 15px !important;  
}




Фон группы (блока) кнопок

Код:
/* фон группы кнопок */
.sceditor-group {
background: #111 url(http://i79.servimg.com/u/f79/17/37/83/89/dfg10.jpg) center repeat !important;  
}

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



Кнопки

Код:
/* кнопки */
.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 замените на код подходящего цвета
http://i79.servimg.com/u/f79/17/37/83/89/hjk10.jpg — замените на фоновую картинку



Кнопки при наведении

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

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



Нажатая кнопка

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

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



Всплывающие окна

Код:
/* всплывающие окна */
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
в Ср 12 Июн - 17:38
 
Искать в: Интересные решения
Тема: Новый редактор сообщений: настройки CSS и JS
Ответов: 1
Просмотров: 6899

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

Перейти: