Редактор

[demrez]

Здравствуйте.

Помогите настроить немного кривой редактор

Вот сам файл ipb_ckeditor.css

/***************************************************************/

/* IP.Board 3.2 Editor CSS */

/* ___________________________________________________________ */

/* By Matt Mecham */

/***************************************************************/

/* Styles for the editor (colors in main css) */

/***************************************************************/

.as_content {

font-size: 1.0em;

padding: 6px;

margin: 8px;

overflow: auto;

max-height: 400px;

}

.as_buttons {

text-align: right;

padding: 4px 0px;

}

.as_message {

display: inline-block;

}

.ipsEditor_textarea {

width: 99%;

height: 200px;

font-size: 14px;

}

.cke_browser_webkit {outline:none !important;}

/* Main tool bar BG */

.cke_top {

background: #232323 url('{style_images_url}/editor/toolbar_bg.png') repeat-x !important;

}

/* Normal STD */

.cke_skin_ips textarea.cke_source {

/* removed as causes pasted text to appear on one line: white-space: pre-line !important;*/

}

/* Minimized RTE */

.cke_skin_ips .cke_wrapper.minimized {

opacity: 0.6 !important;

background: none !important;

border: none !important;

}

/* Minimized STD */

.cke_skin_ips .cke_wrapper.minimized.std {

border: 1px solid #2f2f2f !important;

}

.cke_skin_ips .cke_wrapper.minimized .cke_contents,

.cke_skin_ips .cke_wrapper.minimized .cke_contents iframe{ height: 80px !important; }

/* Main Editor wrapper */

.cke_skin_ips { margin-bottom: 0px !important; }

.cke_skin_ips .cke_wrapper

{

padding: 0px 5px 0px 3px !important;

margin: 2px !important;

border: 1px solid #121212 !important;

background-color: #232323 !important;

background-image: none !important;

-webkit-box-shadow: none !important;

-moz-box-shadow: none !important;

box-shadow: none !important;

}

/* OFF state for editor buttons */

.cke_skin_ips .cke_toolgroup

{

background-color: transparent !important;

}

/* HOVER 'off' button */

.cke_skin_ips .cke_button a:hover,

.cke_skin_ips .cke_button a:focus,

.cke_skin_ips .cke_button a:active /* IE */

{

background-color: #2f2f2f !important;

}

/* HOVER 'on' button */

.cke_skin_ips .cke_button a.cke_on,

.cke_skin_ips .cke_button a:hover.cke_on,

.cke_skin_ips .cke_button a:focus.cke_on,

.cke_skin_ips .cke_button a:active.cke_on /* IE */

{

background-color: #161616 !important;

border-color: transparent !important;

-webkit-box-shadow: inset rgba(0,0,0,0.12) 0px 1px 2px, rgba(255,255,255,0.1) 0px 1px 0px, rgba(255,255,255,0.06) 0px 0px 0px 1px !important;

-moz-box-shadow: inset rgba(0,0,0,0.12) 0px 1px 2px, rgba(255,255,255,0.1) 0px 1px 0px, rgba(255,255,255,0.06) 0px 0px 0px 1px !important;

box-shadow: inset rgba(0,0,0,0.12) 0px 1px 2px, rgba(255,255,255,0.1) 0px 1px 0px, rgba(255,255,255,0.06) 0px 0px 0px 1px !important;

}

/* Button group */

.cke_skin_ips .cke_toolgroup

{

margin-right: 0px !important;

}

/* Button separator */

.cke_skin_ips .cke_separator

{

border-left:solid 1px #2f2f2f;

display:inline-block !important;

float:left;

height:30px;

margin:0px 2px;

}

/* DIALOG: Modal blind */

.cke_dialog_background_cover

{

background-color: #3e3e3e !important;

}

/* DIALOG: Title - based on .maintitle */

.cke_skin_ips .cke_dialog_title

{

background: #444 url('{style_images_url}/highlight_faint.png') repeat-x 0 1px !important;

color: #fff !important;

padding: 10px 10px 11px !important;

font-size: 16px !important;

font-weight: 300 !important;

text-shadow: 0 -1px 0px rgba(0,0,0,0.4);

font-weight: normal;

}

/* Dialog: Body */

.cke_skin_ips .cke_dialog_body {

z-index: 20000 !important;

}

/* Dialog tab bg (will usually match dialog title) */

.cke_skin_ips .cke_dialog_tabs {

background: #444 !important;

}

/* Dialog Title close button */

.cke_skin_ips .cke_dialog_close_button

{

background: transparent url('{style_images_url}/close_popup.png') no-repeat top left !important;

width: 13px !important;

height: 13px !important;

top: 11px !important;

right: 10px !important;

}

/* Dialog OK / Cancel buttons - based on ipsButton_secondary*/

.cke_skin_ips span.cke_dialog_ui_button

{

height: 22px !important;

line-height: 22px !important;

font-size: 12px !important;

padding: 0 10px !important;

-moz-border-radius: 2px !important;

-webkit-border-radius: 2px !important;

border-radius: 2px !important;

display: inline-block !important;

white-space: nowrap !important;

background: #646464 url('{style_images_url}/highlight_faint.png') repeat-x 0 -1px !important;

border: 1px solid #6e6e6e !important;

color: #fff !important;

text-shadow: #474747 0px -1px 0px !important;

-moz-box-shadow: 0 !important;

-webkit-box-shadow: 0 !important;

box-shadow: 0 !important;

cursor: pointer !important;

}

/* Turn off resizer */

.cke_skin_ips .cke_dialog_footer .cke_resizer { display: none; }

/* Emo slide out tray */

.ipsSmileyTray

{

text-align: center;

overflow: auto;

margin: 0px auto 0px auto;

padding: 4px 24px;

min-width: 600px;

width: 75%;

height: 32px;

border: 1px solid #2f2f2f;

-moz-border-radius: 2px;

-webkit-border-radius: 2px;

border-radius: 2px;

-moz-border-radius-topleft: 0px;

-webkit-border-radius-topleft: 0px;

border-top-left-radius: 0px;

-moz-border-radius-topright: 0px;

-webkit-border-radius-topright: 0px;

border-top-right-radius: 0px;

border-top: 0px;

-moz-box-shadow: 0px 1px 4px rgba(0,0,0,0.15);

-webkit-box-shadow: 0px 1px 4px rgba(0,0,0,0.15);

box-shadow: 0px 1px 4px rgba(0,0,0,0.15);

background: #232323 url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 0;

overflow-y: hidden;

}

.ipsSmileyTray img.bbc_emoticon {

opacity: 0.8;

cursor: pointer;

margin: 6px 3px 0px 3px;

max-width: 30px;

max-height: 30px;

}

.ipsSmileyTray img.bbc_emoticon:hover {

opacity: 1.0;

}

.ipsSmileyTray .ipsSmileyTray_next {

background: transparent url('{style_images_url}/editor/next.png') no-repeat;

background-position: 0px 10px;

display: inline-block;

float: right;

position: relative;

right: -20px;

width: 13px;

height: 30px;

cursor: pointer;

}

.ipsSmileyTray .ipsSmileyTray_prev {

background: transparent url('{style_images_url}/editor/prev.png') no-repeat;

background-position: 0px 10px;

display: inline-block;

float: left;

position: relative;

right: -20px;

width: 13px;

height: 30px;

cursor: pointer;

}

.ipsSmileyTray_all {

display: block;

width: auto;

margin: 6px auto 0px auto;

text-align: center;

cursor: pointer;

font-size: 11px !important;

}

/* ACP Specific */

table.cke_editor td { padding: 0px !important; }

/* Extra */

.cke_toolbox .cke_text,

.cke_toolbox .cke_openbutton,

.cke_toolbox .cke_panel{

border-color: #424242 !important;

background-color: #1a1a1a !important;

color: #fff !important;

}

.cke_toolbox .cke_openbutton{

background-color: #2c2c2c !important;

}

.cke_skin_ips input.cke_dialog_ui_input_text,.cke_skin_ips input.cke_dialog_ui_input_password{ background: transparent none !important; }

.cke_skin_ips .cke_dialog_contents, .cke_skin_ips .cke_dialog_footer{ border-top: 1px solid #333 !important; background: #222222 !important; }

.cke_skin_ips .cke_dialog_body{ background: #222222 !important; }

.cke_skin_ips .cke_dialog .cke_dialog_ui_labeled_label{ color: #fff !important; }

.cke_label{ color: #fff !important; }

.cke_skin_ips a.cke_toolbox_collapser,

.cke_skin_ips a.cke_toolbox_collapser_min{ border: 1px solid #3e3e3e !important; }

.cke_skin_ips textarea.cke_source{ background: #1a1a1a !important; }

.cke_skin_ips .cke_dialog_ui_input_text input, .cke_skin_ips .cke_dialog_ui_input_textarea textarea{ box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; border: 0 !important; background: transparent none !important; color: #fff !important; }

.cke_skin_ips .cke_dialog_ui_input_text, .cke_skin_ips .cke_dialog_ui_input_textarea{ background: #383838 !important; border: 1px solid #626262 !important; }

.cke_editor iframe{ border: 1px solid #494949 !important; }

.cke_skin_ips a.cke_toolbox_collapser{ background: #303030 url("{style_images_url}/editor/icons.png") no-repeat 50% -403px !important; }

.cke_skin_ips a.cke_toolbox_collapser_min{ background: #303030 url("{style_images_url}/editor/icons.png") no-repeat 50% -387px !important; }

/* New icons */

.cke_button_bold .cke_icon,

.cke_button_italic .cke_icon,

.cke_button_underline .cke_icon,

.cke_button_strike .cke_icon,

.cke_button_subscript .cke_icon,

.cke_button_superscript .cke_icon,

.cke_button_bulletedlist .cke_icon,

.cke_button_numberedlist .cke_icon,

.cke_button_link .cke_icon,

.cke_button_unlink .cke_icon,

.cke_button_ipscode .cke_icon,

.cke_button_ipsquote .cke_icon,

.cke_button_outdent .cke_icon,

.cke_button_indent .cke_icon,

.cke_button_justifyleft .cke_icon,

.cke_button_justifycenter .cke_icon,

.cke_button_justifyright .cke_icon,

.cke_button_ipsmedia .cke_icon,

.cke_button_textcolor .cke_icon,

.cke_button_ipsemoticon .cke_icon,

.cke_button_ipsbbcode_twitter .cke_icon,

.cke_button_image .cke_icon{

background-image: url("{style_images_url}/editor/icons.png") !important;

}

.cke_button_bold .cke_icon{ background-position: 0 -64px !important; }

.cke_button_italic .cke_icon{ background-position: 0 -80px !important; }

.cke_button_underline .cke_icon{ background-position: 0 -96px !important; }

.cke_button_strike .cke_icon{ background-position: 0 -112px !important; }

.cke_button_subscript .cke_icon{ background-position: 0 -272px !important; }

.cke_button_superscript .cke_icon{ background-position: 0 -256px !important; }

.cke_button_bulletedlist .cke_icon{ background-position: 0 -240px !important; }

.cke_button_numberedlist .cke_icon{ background-position: 0 -224px !important; }

.cke_button_link .cke_icon{ background-position: 0 -320px !important; }

.cke_button_unlink .cke_icon{ background-position: 0 -336px !important; }

.cke_button_ipscode .cke_icon{ background-position: 0 -144px !important; }

.cke_button_ipsquote .cke_icon{ background-position: 0 -304px !important; }

.cke_button_outdent .cke_icon{ background-position: 0 -208px !important; }

.cke_button_indent .cke_icon{ background-position: 0 -192px !important; }

.cke_button_justifyleft .cke_icon{ background-position: 0 -32px !important; }

.cke_button_justifycenter .cke_icon{ background-position: 0 0px !important; }

.cke_button_justifyright .cke_icon{ background-position: 0 -48px !important; }

.cke_button_ipsmedia .cke_icon{ background-position: 0 -288px !important; }

.cke_button_textcolor .cke_icon{ background-position: 0 -176px !important; }

.cke_button_ipsemoticon .cke_icon{ background-position: 0 -160px !important; }

.cke_button_ipsbbcode_twitter .cke_icon{ background-position: 0 -352px !important; }

.cke_button_image .cke_icon{ background-position: 0 -368px !important; }

[demrez]

помогитеееееее

[_Dark_]

А что с ним не так?

[wensont]

Опигите что вы хотите или что не работает.

[_Dark_]

Вроде понял, судя по скриншоту, с ним не то, что он вылезает за пределы шаблона.

[demrez]

_Dark_, всё верно,он выходит за пределы шаблона.

[demrez]

ни кто не поможет?

[_Dark_]

А какой шаблон это?

[demrez]

Fluo-Green.

__forumcore.net/topic/8787-fluo-green-created-by-wyzimaeu/