• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

vbulletin Texteditor farbe unter .css

Next Generation

Neues Mitglied
Hallo zusammen,
in meinem vbulletin 4.0.2 Forum, habe ich das Themenbild verändert.
Da mein Hintergrund jetzt schwarz ist, muss ich die Schrift jetzt in weiss ändern.
Unter "Editor.css" sind einige Einstellungen, wo genau muss ich jetzt "color=#ffffff" einfügen?

problem..jpg


Mein editor.css sieht so aus:

.formcontrols .blockrow.texteditor {
border-top:none;
}

.editor {
border-top:solid 1px {vb:stylevar mid_border.borderColor};
}

.editor.quickreply,
.editor.quickedit {
border-top:none;
}

.editor_controls {
padding:6px 6px 6px 0;
_display:none; /* disabling clickable controls for IE6, although the form remains fully-functional, including keyboard-controls: select a word, hit control-b to bold a word in the editor. */
float:{vb:stylevar left};
width:100%;
}

.editor_controls > ul {
clear:{vb:stylevar left};
}

.editor_controls > ul.right li > * {
display:inline;
float:{vb:stylevar left};
}

.editor_controls > ul.right {
float:{vb:stylevar right};
}
.editor_controls ul.right {
_float:{vb:stylevar right};
}

.editor_controls > ul > li {
background:transparent url({vb:stylevar imgdir_editor}/separator.gif) no-repeat {vb:stylevar left};
padding-{vb:stylevar left}:6px;
float:{vb:stylevar left};
position: relative;
}
.editor_controls li , .editor_controls ul.right li, .editor_controls .popupmenu div.popupctrl {
_display: inline;
}
.editor_controls > ul > li:first-child {
background-image:none;
padding-{vb:stylevar left}:0px;
}

.editor_controls a.popupctrl img,
.popupmenu .popupbody li img {
vertical-align:middle;
}

.editor_controls a.popupctrl {
text-decoration:none;
}

.editor_controls .imagebutton {
padding:1px;
}

.editor_controls .colorbutton {
float:{vb:stylevar left};
margin:1px;
border:0;
}

.editor_controls .colorbutton div {
border:1px solid #ACA899;
height:10px;
width:10px;
margin:2px;
}

.editor_controls .vbedit_colorbutton {
padding-bottom:4px;
}

.editor_controls .vbedit_colorbar {
position:absolute;
background-color:black;
top:15px;
{vb:stylevar left}:6px;
}

.formcontrols .blockrow .editor_textbox textarea:focus {
background-color:{vb:stylevar textedit_background.backgroundColor};
}

.editor_container {
float:{vb:stylevar left};
margin-{vb:stylevar right}:-90px;
width:100%
}

.editor_smiliebox {
float:{vb:stylevar right};
width:{vb:math {vb:raw vboptions.smcolumns} * ({vb:stylevar editor_smiliebox_smiliesize} + 5)};
height:200px;
_background-color:{vb:stylevar textedit_background.backgroundColor};
_border:solid 1px {vb:stylevar mid_border.borderColor};
padding:0 3px 3px 3px;
}

.editor_smiliebox .blocksubhead {
padding:0;
font-size:{vb:stylevar small_fontSize};
font-weight:normal;
text-align:center;
background:{vb:stylevar content3_background.backgroundColor};
border:solid 1px {vb:stylevar mid_border.borderColor};
border-width:1px 0;
}

.editor_smiliebox ul.smiliebox {
height:190px;
overflow:hidden;
}

.editor_smiliebox ul.smiliebox li {
float:{vb:stylevar left};
height:{vb:stylevar editor_smiliebox_smiliesize};
width:{vb:stylevar editor_smiliebox_smiliesize};
margin:2px;
overflow:hidden;
position:relative;
text-align:center;
}

.editor_smiliebox ul.smiliebox li div.table {
display:table;
height:100%;
margin:auto;
/* IE8 needs the following, see https://connect.microsoft.com/IE/feedback/ViewFeedback.aspx?FeedbackID=425785#tabs */
table-layout:fixed;
width:{vb:stylevar editor_smiliebox_smiliesize};
}

.editor_smiliebox ul.smiliebox li div.tablecell {
display:table-cell;
vertical-align:middle;
}

.editor_smiliebox ul.smiliebox li img {
height:auto;
max-width:{vb:stylevar editor_smiliebox_smiliesize};
width:auto !important;
}

.editor_smiliebox div.moresmilies {
text-align:center;
font-size:{vb:stylevar small_fontSize};
}

.editor_textbox_container {
width:100%;
float:{vb:stylevar left};
margin-{vb:stylevar right}:-{vb:math {vb:raw vboptions.smcolumns} * ({vb:stylevar editor_smiliebox_smiliesize} + 5) + 10};
}

.editor_textbox_smilie {
margin-{vb:stylevar right}:{vb:math {vb:raw vboptions.smcolumns} * ({vb:stylevar editor_smiliebox_smiliesize} + 5) + 10};
}

.editor_textbox textarea,
.editor_textbox iframe {
width:99%;
height:200px;
float:none;
background-color:{vb:stylevar textedit_background.backgroundColor};
font-size: {vb:stylevar font.fontSize}px;
color:white;
}

.editor_textbox iframe {
margin:0;
padding:0;
height:206px;
color:white;
}

.editor_textbox .hider {
background-color:{vb:stylevar textedit_background.backgroundColor};
}

.editor_textbox.quickreply textarea {
height:100px;
}

.editor_textbox.quickreply iframe {
height:106px;
}

.editor_textbox .description {
float:none;
width:auto;
margin-top:2px;
}

.editorpopupbody {
max-height:250px;
*overflow:auto;
overflow-y:auto;
overflow-x:hidden;
}

.popupmenu.sizes .popupbody {
min-width:50px;
text-align:center;
}

.popupmenu.colors .popupbody {
min-width:144px;
}

.editor_controls .popupmenu .popupbody {
background:#FFFFFF none repeat scroll 0 0;
}

.editor_controls .category,
.editor_controls .smilie ,
.editor_controls .attachment {
font-size:{vb:stylevar small_fontSize};
border-top:none;
padding:1px;
position: relative;
}

.editor_controls .smilie,
.editor_controls .attachment,
.editor_controls .attach .category {
cursor:pointer;
}

.editor_controls .category {
background:{vb:stylevar content3_background.backgroundColor};
border:solid 1px {vb:stylevar mid_border.borderColor};
border-width:1px 0;
}

.editor_controls .smilie div,
.editor_controls .category div,
.editor_controls .attachment div {
padding:2px;
white-space:nowrap;
overflow:hidden;
}

.editor_controls .fontsize,
.editor_controls .fontname {
padding:1px;
border-top:none;
font-size:14px;
}

.editor_controls .popupmenu .popupbody li > a {
padding:1px 3px;
overflow:hidden;
background:none;
-moz-border-radius:0;
-webkit-border-radius:0;
color:#000000;
}

.editor_controls .popupmenu .popupbody li > a:hover {
color:#000000;
}

.popupmenu.colors {
position:relative;
}

.popupmenu.fonts div.popupctrl {
width:91px;
}

.popupmenu.sizes div.popupctrl {
width:45px;
}

.editor_controls a.popupctrl {
border:1px solid #E1E1E2;
height:18px;
line-height:17px;
}

.editor_controls .popupmenu div.popupctrl {
height:18px;
border:1px solid #E1E1E2;
color:#000000;
line-height:17px;
background-color:#FFFFFF;
padding-{vb:stylevar right}:10px;
background-image:url({vb:stylevar imgdir_misc}/popupctrl.png);
background-position:{vb:stylevar right} center;
background-repeat:no-repeat;
}

.popupmenu.imagemenu div.popupctrl {
padding:1px;
padding-{vb:stylevar right}:10px;
border:none;
}

.popupmenu.imagemenu div.popupctrl.active {
padding:0px;
padding-{vb:stylevar right}:10px;
margin-{vb:stylevar right}:-1px;
}

.popupmenu.fonts div.popupctrl div,
.popupmenu.sizes div.popupctrl div {
font-size:{vb:stylevar small_fontSize};
font-family:tahoma;
overflow:hidden;
white-space:nowrap;
padding:0 3px 0 3px;
_display:inline;
}

.editor_controls .imagebutton_selected,
.editor_controls .imagebutton_hover,
.editor_controls .imagebutton_down,
.editor_controls a.popupmenu {
padding:0;
margin:0;
}

.editor_controls .popupmenu .popupctrl.active,
.editor_controls .imagebutton_selected,
.editor_controls .imagebutton_down,
.editor_controls .imagebutton_hover {
border:solid 1px {vb:stylevar mid_border.borderColor};
}

.editor_controls .popupmenu .popupctrl.active,
.editor_controls .imagebutton_hover {
background-color:rgb(193,210,238);
}

.editor_controls .imagebutton_selected {
background-color:rgb(241,246,248);
}

.editor_controls .imagebutton_down {
background-color:rgb(151,181,226);
}

.editor_controls .imagebutton_disabled {
opacity:0.40;
-moz-opacity:0.40;
filter:alpha(opacity=40);
}

.controlgroup_3 button.imagebutton {
display:inline;
margin:0;
padding:2px;
text-align:{vb:stylevar left};
cursor:pointer;
border:0px;
}

.popupbody > li:first-child {}

body.wysiwyg {
margin:0;
padding:2px;
}

/* Used within the iframe */
.wysiwyg hr.previewbreak {
color:red;
background-color:red;
height:6px;
border:none;
}

.wysiwyg p {
margin:0;
}

.wysiwyg .inlineimg {
vertical-align: middle
}

.wysiwyg img.previewthumb {
max-width:150px;
max-height:150px;
height:auto !important;
width:auto !important;
width:150px;
height:150px;
margin:1px;
}

.wysiwyg ol.decimal li {
list-style:decimal outside;
}

.wysiwyg ol.upper-roman li {
list-style:upper-roman outside;
}

.wysiwyg ol.lower-roman li {
list-style:lower-roman outside;
}

.wysiwyg ol.upper-alpha li {
list-style:upper-alpha outside;
}

.wysiwyg ol.lower-alpha li {
list-style:lower-alpha outside;
}

.wysiwyg {
color:white;
}

.wysiwyg a {
color:orange;
}

/* IE createStyleSheet() falls over on img.previewthumb.active */
.wysiwyg img.previewthumbactive {
border:1px solid red;
margin:0;
}
 
Probierst es am besten mit dem add-on "firebug" im Firefox aus...

Du kannst zu Probezwecken (auch mit Firebug) eine andere Farbe einfügen ohne den
Quelltext "wirklich" abzuändern.

Viel erfolg!
 
Zurück
Oben