Thema: Hintergrundfarbe bei JCE-Fenstern verändern

Ja, wie gesagt, editor.css erstellen und dort halt deklarieren. Hier mein ein Beispiel von mir
Hintergrund schwarz h1-h5 rot, text weiss:

Code:

body {
font-family: Century Gothic, Tahoma, Arial, sans-serif;
font-style: italic;
margin: 0;
vertical-align: top;
padding: 0;
font-size: 20px;
line-height: 22px;
color: #FFFFFF;
background: #000000;
}
h1 {
padding: 0;
font-family: Century Gothic, Tahoma, Arial, sans-serif;
font-style: italic;
font-size: 30px;
line-height: 38px;
font-weight: bold;
color: #F70C00;
background: transparent;
text-align: left;
width: 100%;
}
h2, .contentheading {
padding: 0;font-family: Century Gothic, Tahoma, Arial, sans-serif;
font-style: italic;
font-size: 24px;
line-height: 26px;
color: #F70C00;
background: transparent;
text-align: left;
font-weight: bold;
}
table.contentpaneopen h3 {
margin-top: 25px;
}
h3, .componentheading, table.moduletable th, legend {
margin: 0;
font-family: Century Gothic, Tahoma, Arial, sans-serif;
font-style: italic;
font-size: 20px;
line-height: 22px;
text-align: left;
color: #F70C00;
background: transparent;
padding: 0;
}
h4 {
font-family: Century Gothic, Tahoma, Arial, sans-serif;
font-style: italic;
font-size: 18px;
line-height: 20px;
color: #F70C00;
background: transparent;
}
h5 {
font-family: Century Gothic, Tahoma, Arial, sans-serif;
font-style: italic;
font-size: 16px;
line-height: 18px;
color: #F70C00;
background: transparent;
}
h6 {
font-family: Century Gothic, Tahoma, Arial, sans-serif;
font-style: italic;
font-size: 14px;
line-height: 16px;
color: #F70C00;
background: transparent;
}
a:link, a:visited {
color: #1B57B1; 
text-decoration: none;
font-weight: normal;
}
a:hover {
color: #00c;
text-decoration: underline;
font-weight: normal;
}
div.caption { 
padding: 0 10px 0 10px;
}
div.caption img { 
border: 1px solid #CCC
}
div.caption p { 
font-size: .90em; 
color: #666; 
text-align: center; 
}

EDIT:
Prinzipiell kannst Du auch einfach den gewünschten Style aus deinem Template.css in die editor.css reinkopieren, dann Sieht es im editor genau gleich aus wie nachher auf der Seite.

Hallo soxan,

das soll wohl so gehen, wie pctech das oben beschrieben hat. Komme selber damit aber nicht zurecht. Vielleicht gibt es auch eine einfachere Lösung. Suche selbst danach.

Viele Grüße,
Koschi

Zitat von Koschi61

Hallo soxan,

das soll wohl so gehen, wie pctech das oben beschrieben hat. Komme selber damit aber nicht zurecht. Vielleicht gibt es auch eine einfachere Lösung. Suche selbst danach.
Viele Grüße,
Koschi

Anmerkung: JCE Konfiguration noch wählen:
Formatierung:
Editor Inhalt Klasse : eigener
Template CSS benutzen: nein
Eigene CSS Datei benutzen:

Code:

templates/$template/css/editor.css

Hallo pctech,

also bei mir hat das nur Auswirkungen auf die Anzeige im Editor, also beim Erstellen oder Bearbeiten einer Seite. Dafür Dankeschön!!! Nach einer solchen Lösung habe ich auch schon geforscht. Nun ist sie mir frei Haus geliefert worden.

Allerdings habe ich keine Auswirkungen in der Anzeige des JCE-Fensters festgestellt. Schau mal bitte hier:
http://www.koschis-web.de/witziges/s...chule-3-r.html -> ganz unten auf das Bild klicken!
Die Schrift ist weiß, wie im Seitenlayout (keine Ahnung, wo sich das Fenster diese Info herholt). Stelle ich die CSS-Datei des Seitenlayouts (aktives Template) auf schwarz, wird sie auch im JCE-Fenster schwarz angezeigt. Also muss die CSS des Seiten-Templates schon etwas damit zu tun haben. Die Schriftart des des JCE-Fensters allerdings ist Times und nicht Arial, wie im Template vorgegeben.
Die Schriftgröße stimmt auch wieder. Das kann allerdings Zufall sein.
Der Fensterhintergrund ist grau-blau, weil ich das in der Datei plugins/system/jceutilities/themes/standard/css/style.css geändert habe.

Schriftart und Farbe des JCE-Fensters haben offensichtlich nichts mit dem Template der Seite zu tun, die Schriftfarbe anscheinend ja. Nun stehe ich wieder da und weiß nicht weiter. Du hast das sicher alles berücksichtigt, in Deiner Erklärung. Vielleicht mache ich etwas falsch. Aber was?

Viele Grüße,
Koschi

Ah, Du meinst das PopUP des Bildes, bzw Gallerie?

Oder was meinst DU? Mit Das JCE Fenster meinst du WAS genau?

... so entstehen Missverständnisse
Genau - ich meinte das Fenster für die Galerie.

Gruß,
Koschi

hi
wie bereits geschrieben findest du die css einstellungen für das popup in der datei
style.css zu finden unter
plugins/system/jceutilities/themes/standard/css/style.css
Firefox mit dem Addon Firebug ist in solchen Fällen unentbehrlich

Zitat von SirDrake

hi
wie bereits geschrieben findest du die css einstellungen für das popup in der datei
style.css zu finden unter
plugins/system/jceutilities/themes/standard/css/style.css
Firefox mit dem Addon Firebug ist in solchen Fällen unentbehrlich

Danke Fred,

hab's jetzt hinbekommen. Einfach unter jcepopup-container Schriftart und Farbe eingegeben und es funktioniert.

Dabei ist mir noch 'ne Frage gekommen:
Wie kann ich das Gleiche mit dem "jcetooltip" hinkriegen. Da ist auch weiße Schrift auf weißem Grund. Welche CSS ist dafür verantwortlich?

Viele Grüße,
Koschi

Zitat von Koschi61

... das geht aber nur für den "Schleier". Die Schriftfarbe wird zwar übernommen aber nicht die Schriftart - zumindest bei mir. Wäre schön, wenn noch einer einen Tipp geben könnte, wie man das komplette Layout anpassen könnte.

Viele Grüße,
Koschi

Könnt Ihr mir bitte sagen wo genau ich das für den Schleicher finde? In der Config des JCE finde ich leider nichts was das lightbox element beeinflusst.

Wenn ich in der editor.css

#jcepopup-overlay {
background-color: rgb(178, 34, 34);
}

das einfüge, dann sehe ich im Firebug das die Farbänderung wieder überschrieben wird es wird eine

element.style {
background-color:#000000;
cursor:pointer;
height:499px;
opacity:0.8;
top:0;
width:1438px;

angegeben.

Wo kann ich die Bedingungen für dieses Element ändern? Wo kann ich die finden?

Zitat von gerreg

Könnt Ihr mir bitte sagen wo genau ich das für den Schleicher finde? In der Config des JCE finde ich leider nichts was das lightbox element beeinflusst.

Wenn ich in der editor.css ...

... nicht in der editor.css, sondern in plugins/system/jceutilities/themes/standard/css/style.css
Bei mir sieht der veränderte Anfang dann so aus:

HTML-Code:

/* Standard Template */
#jcepopup-container {
	background-color: #517082;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}

Viele Grüße,
Nobert