Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами 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;
}
Настройки отдельных элементов
Все коды добавляются в Па > Оформление > Цвета > Каскадная таблица стилей 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 замените на код подходящего цвета
Панель с кнопками
- Код:
/* панель с кнопками */
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 — замените на фоновую картинку
Фон текстового поля
- Код:
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 — замените на фоновую картинку
Цвет текста (в режиме кодов)
- Код:
/* цвет текста в поле сообщения */
.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 замените на код подходящего цвета
https://i.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 замените на код подходящего цвета
https://i.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;
}
- в Июнь 12th 2013, 17:38
- Искать в: Интересные решения
- Тема: Новый редактор сообщений: настройки CSS и JS
- Ответов: 1
- Просмотров: 10338