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

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


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

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

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


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

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

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

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

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

1:
.headerbar + .navbar a.mainmenu img, #forum-search {
 display: none;
}


2:
.headerbar + .navbar a {
 color: #fff !important;
}

.headerbar + .navbar a:after {
 content: "•";
padding-left: 5px;
}


3:
.headerbar {
background: url("") top left no-repeat,
url("") top right no-repeat,
url("http://i37.servimg.com/u/f37/17/37/83/89/logo_b10.gif") 0% 0% repeat-x #343434;
margin-bottom: 0;
}

.headerbar + .navbar {
background: #D38724 url(http://i37.servimg.com/u/f37/17/37/83/89/button10.gif) top left repeat-x;
height: 30px;
line-height: 30px;
overflow: hidden;
border-bottom: solid 1px black;
border-top: solid 1px black;
color: #fff !important;
text-align: center;
padding: 0 5px;
}


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

А вот полный список содержимого.
ВСЕ что есть:
body {
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
color: #fff !important;
background-color: #242424;
font-size: 11px;
margin: 0;
padding: 0 5px;
}

#wrap {
border: 1px solid #000;
padding: 0px;
}

/* шапка */

.headerbar {
background: url("") top left no-repeat,
url("") top right no-repeat,
url("http://i37.servimg.com/u/f37/17/37/83/89/logo_b10.gif") 0% 0% repeat-x #343434;
margin-bottom: 0;
}

.headerbar + .navbar {
background: #D38724 url(http://i37.servimg.com/u/f37/17/37/83/89/button10.gif) top left repeat-x;
height: 30px;
line-height: 30px;
overflow: hidden;
border-bottom: solid 1px black;
border-top: solid 1px black;
color: #fff !important;
text-align: center;
padding: 0 5px;
}

ul.navlinks {
border-bottom: none;
}

.linklist.navlinks {
margin-top: 3px;
}

.headerbar + .navbar a {
color: #fff !important;
}

.headerbar + .navbar a:after {
content: "•";
padding-left: 5px;
}

a#logout:after, a[href="/login"]:after {
content: "" !important;
}

.lastpost > span:before {
content: "" !important;
display: inline !important;
width: 30px;
}

#profile-advanced-right:before {
content: "";
display: block;
height: 15px;
}

#profile-advanced-left:before {
content: "";
display: block;
height: 30px;
}

#profile-advanced-layout {
border-top: 1px solid #000;
background: transparent url(http://i37.servimg.com/u/f37/17/37/83/89/logo_b10.gif) top left repeat-x;
}

#profile-advanced-details {
min-height: 1000px;
}

.headerbar + .navbar a.mainmenu img, #forum-search {
display: none;
}

#logo {
float: none;
padding: 0;
margin: 0 auto;
}

#site-title, #site-title h1 {
color: #FF9000;
padding-top: 5px;
}

#logo-desc p {
padding-bottom: 5px;
}


/* тело и контент */

#content {
padding: 5px;
}

.forabg {
padding: 0;
border: 0;
}

.topiclist.forums {
border-bottom: 1px solid #000;
}

/* тело и контент - заголовки форумов */

ul.topiclist .header, h1.page-title, div.h3 {
background:
url("http://domirani.ru/raznoe/styles/hdr_le10.gif") top left no-repeat,
url("http://domirani.ru/raznoe/styles/hdr_ri10.gif") top right no-repeat,
url("http://domirani.ru/raznoe/styles/hdr_mi10.gif") top center repeat-x #313131 !important;
color: #FFE1B9;
list-style-type: none;
margin: 0 !important;
padding: 0 20px 0 30px !important;
font-size: 12px !important;
font-weight: bold !important;
text-transform: none !important;
height: 27px !important;
line-height: 27px !important;
background: #000 url("http://domirani.ru/raznoe/styles/hdr_mi10.gif") top center repeat-x \0/;
border-left: 1px solid #000 \0/;
border-right: 1px solid #000 \0/;
}


li.header dd, li.header dt {
height: 25px !important;
line-height: 25px !important;
}

/* заголовки исключения без уголков */
#preview div.h3, .module div.h3, .page-title.gallery-title, .postbody .h3 {
background: transparent url() !important;
padding: 0px !important;
margin-bottom: 5px !important;
border-bottom: 1px solid #fff;
color: #FF9000 !important;
border-left: none \0/;
border-right: none \0/;
}



/* панели под заголовками */

.page-title + form, div.h3 + .clearfix, .panel, .topic-actions, div.h3 + p, div.h3 + #i_whosonline + p, form#quick_reply, div.h3 + fieldset.fields1, #preview {
border: solid 1px #000;
background: #313131 url(http://i37.servimg.com/u/f37/17/37/83/89/cell11.gif) top left repeat-x !important;
padding: 4px;
color: #FF9000 !important;
}

.topiclist.pmlist {
border: solid 1px #000;
}

.topic-actions {
margin: 0;
min-height: 25px;
}

.panel dt, .panel dt span, .panel dt label {
color: #FF9000 !important;
}

div.h3 + .page-bottom + .page-bottom {
border-left: solid 1px #000;
border-right: solid 1px #000;
padding: 4px;
color: #FF9000 !important;
}

/* ------— */

span.corners-bottom, span.corners-bottom span, span.corners-top, span.corners-top span {
height: 0;
}

div.h3 + .page-bottom {
color: #FF9000 !important;
}

div.h3 + .page-bottom + .page-bottom + .page-bottom {
border: solid 1px #000;
background-color: #313131;
padding: 4px;
color: #FF9000 !important;
}

.header .dterm, .header .topics, .header .posts, .header .lastpost, .views {
text-transform: none !important;
font-size: 10px !important;
}

ul.forums dd {
border: none;
}

ul.topiclist dd.dterm {
padding-right: 0px;
}

ul.topiclist li.header dl dd {
height: 25px;
line-height: 25px;
border: none;
}



/* футер */

#picture_legend, #page-footer div.navbar {
border-left: none;
border-right: none;
border-top: solid 1px #3C3C3C;
border-bottom: solid 1px #131313;
background: #313131 url(http://i37.servimg.com/u/f37/17/37/83/89/cell10.gif) top left repeat-x;
}

#picture_legend {
border-left: solid 1px #404040;
border-right: solid 1px #121212;
width: 500px;
margin: 0 auto;
}

#picture_legend li img {
margin-right: 5px;
}

#page-footer div.navbar, #page-footer div.navbar a {
color: #EB8500;
}

/* проф */

form#ucp {
background-color: #191919;
padding: 5px;
}

#cp-main {
float: left;
margin-left: 0px;
width: 100%;
}

.content h1, .panel h1, .content h2, .panel h2 {
border-bottom: none;
color: #FFE1B9;
font-size: 11px;
font-weight: 400;
margin-bottom: 0;
margin-top: 0;
padding-bottom: 0;
}

h1.page-title + p {
border: 1px solid #000;
padding: 5px;
}

/* faq */
dl.faq dt {
color: #fff !important;
margin-bottom: 5px;
}
dl.faq dd a {
color: #EB8500 !important;
background: #313131 url(http://i37.servimg.com/u/f37/17/37/83/89/icon_t11.gif) left center no-repeat;
padding-left: 20px;
}

/* списки */

select {
border: 1px solid #EB8500;
color: #D0D0D0;
background-color: #222;
}

#content-container div#left {
margin-right: 5px;
}



/* модули */

.module {
border-radius: 8px;
border: solid 1px #000;
}

li.row {
border-left: solid 1px #000;
border-right: solid 1px #000;
border-top: solid 1px #3C3C3C;
border-bottom: solid 1px #131313;
background: #313131 url(http://i37.servimg.com/u/f37/17/37/83/89/cell10.gif) top left repeat-x;
}

li.row:hover, .row2:hover, .row1:hover, .row3:hover, .row1.gallery {
background: #313131 url(http://i37.servimg.com/u/f37/17/37/83/89/body10.gif) top left repeat;
}

/* форумы и темы */

.forumbg {
border: none;
clear: both;
margin-bottom: 4px;
padding: 0;
}

li.row dd {
border: none;
}

div.h3 + br {
display: none;
}

#smiley-box {
border: 1px solid #000;
padding: 3px;
margin-top: 15px;
}


/* страницы владки */

#tabs a {
background-color: #313131 !important;
border-top-left-radius:8px;
border-top-right-radius:8px;
border-bottom-left-radius:0px;
border-bottom-right-radius:0px;
}

#tabs .activetab a span {
color: #fff !important;
}

#tabs .activetab a {
border: 1px solid #000;
border-bottom: 1px solid #272727 !important;
background-color: #272727 !important;
}

.pagination span a:hover {
border-color: #FF9100;
}

.pagination span a, .pagination span a:active, .pagination span a:link, .pagination span a:visited {
border: 1px solid #FF9100;
}

p.right + div.h3, .topic-actions + .clear + div.h3, #ptrafic_open, #ptrafic_close, .post {
border: solid 1px #000;
background: #313131 url() !important;
padding: 4px !important;
margin-top: 2px !important;
}


form[name="form_login"] div.h3 {
background: transparent url(http://i37.servimg.com/u/f37/17/37/83/89/whoson10.gif) left center no-repeat !important;
margin-bottom: 5px;
}

.fld_connexion {
width: 99%;
}

/* кнопки */

a.button1, a.button2, button.button2, input.button1, input.button2 {
background-color: #545454 !important;
background-image: url() !important;
background-position: center top !important;
background-repeat: repeat-x !important;
color: #000000 !important;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-weight: bold !important;
text-shadow: 0px 0px 10px #DDDDDD;
padding: 3px !important;
margin: 3px !important;
border: 1px solid #000;
-moz-box-shadow: 0px 0px 3px #262626;
-webkit-box-shadow: 0px 0px 3px #262626;
box-shadow: 0px 0px 10px #000;
}

a.button1:hover, a.button2:hover, button.button2:hover, input.button1:hover, input.button2:hover {
background-color: #474242 !important;
border: 1px solid #EB8500;
-moz-box-shadow: 0px 0px 3px #666;
-webkit-box-shadow: 0px 0px 3px #666;
box-shadow: 0px 0px 10px #EB8500;
color: #ff9100!important;
text-shadow: 0px 0px 10px #000;
-webkit-transition-duration:.3s;
-moz-transition-duration:.3s;
-o-transition-duration:.3s;
}


#text_edit .button2, .select .button2, .select .button2:hover {
background-color: #eee !important;
background-image: url() !important;
border: none !important;
text-shadow: none !important;
font-weight: normal !important;
}

.pagination {
margin: 15px 0 0;
}

.select {
margin-top: 2px;
}

.fields1.left.fld_connexion {
width: 500px;
}

#i_whosonline {
margin: 3px;
}

/* сообщения */

.postprofile, fieldset.polls dl {
border-color: #444;
}

.postprofile dd, .postprofile dd span {
color: #808080 !important;
}

.postbody .content div {
color: #ddd !important;
font-size: 12px !important;
}

dl.codebox {
width: 90%;
background-color: #545454;
border-top: 1px dotted #9ACD32;
border-bottom: 1px dotted #9ACD32;
border-left: solid #9ACD32 5px;
border-right: solid #9ACD32 5px;
padding: 5px;
font-size: 11px;
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
color: #242424;
}

dl.codebox code {
color: #32CD32
}

dl.codebox code, dl.codebox dt, dl.codebox.spoiler dt {
font-size: 11px;
border: none;
}

dl.codebox dt, dl.codebox.spoiler dt {
color: #fff;
}

dl.codebox code {
color: #ADFF2F;
}

dl.codebox.spoiler {
border-top: 1px dotted #FF8C00;
border-bottom: 1px dotted #FF8C00;
border-left: solid #FF8C00 5px;
border-right: solid #FF8C00 5px;
}

.spoiler_content.hidden {
border-top: 1px solid #ddd;
}

dl.codebox.hidecode {
border: none;
font-style: italic;
border-left: solid #545454 5px;
border-right: solid #545454 5px;
}

.postbody .content div {
padding-left: 5px;
}

blockquote {
background: #545454 url(http://i37.servimg.com/u/f37/17/37/83/89/fgfzs10.png) 6px 8px no-repeat;
margin: 1em 1px 1em 10px;
width: 90%;
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}

blockquote div, blockquote cite {
font-color: #242424 !important;
}



.vote {
width: 19px;
padding: 4px 1px 4px 5px;
text-align: center;
background-color: #3B3B3B;
border: 1px solid #222;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-top-left-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-right-radius:5px;
}

.vote .vote-no-bar {
display: none;
}

.vote .vote-bar {
font-size: 0px;
height: 50px;
margin: 0px;
width: 16px;
padding: 3px 0px 3px 0px;
border: none;
}

.vote .vote-bar-plus, .vote .vote-bar-minus {
margin-left:5px;
width: 6px;
}

.vote .vote-button a {
margin: 3px 0 3px !important;
border-radius: 4px;
border: 1px solid #242424;
display:block;
height:15px;
width:15px;
opacity: 0.3;
}

.vote .vote-button a:hover {
color: #fff;
opacity: 1;
}

.vote .vote-button a[href $="plus"] {
background-color: #003700;
}

.vote .vote-button a[href $="minus"] {
background-color: #630000;
}

/* Чаво */
a.mainmenu[href*='/faq']{display:none;}
/* Поиск */
a.mainmenu[href*='/search']{display:none;}

/* Пользователи */
a.mainmenu[href*='/memberlist']{display:none;}
/* Сообщения ЛС */
a.mainmenu[href*='/priv']{display:none;}

div.sceditor-toolbar {
display:none;
}

/* ширина и высота формы ответа */
#quick_reply #textarea_content, div.sceditor-container.ltr.wysiwygMode, div.sceditor-container.ltr.sourceMode {
width: 600px !important; /* ширина */
min-height:200px !important; /* высота */
background: #666 url(http://i79.servimg.com/u/f79/17/37/83/89/back210.jpg) repeat !important;
margin: 0 auto !important;
}
div.sceditor-container textarea {
color: #C8CDE6 !important;}

#pun-intro {
padding: 0 !important;
}
автор Петрович
в Пт 4 Дек - 20:22
 
Искать в: [Архив] Разные проблемы
Тема: Шапка съехала XD
Ответов: 18
Просмотров: 2037

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

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

Перейти: