Frage zum Background im Style.CSS
am 04.03.2008 - 19:04 Uhr in
Hallo, ich habe ein Problem mit dem Background meines Themes....und zwar mit dem folgenden Code:
body
{
background:#525252;
font-size:small;
padding:0em 0;
}
Ich möchte zwar im Background des Themes die Farbe #525252 haben jedoch nicht im Body der Textseiten bzw. im Textfeld. Hier seht ihr das Problem: (achtet auf den Hintergrund und den Textkörper)
http://www.stamptrader.ch/drupal/node/add/image
Was muss ich ändern, dass ich z.B. im Body-Textfeld diese Farbe haben kann #ffffff und im Background des Themes die Farbe #525252 beibehalten kann? Im Moment habe ich für beides die gleiche Farbe und kann nur beides gleichzeitig ändern....
- Anmelden oder Registrieren um Kommentare zu schreiben

also z.B. div#fck_oFCK_1
am 04.03.2008 - 20:22 Uhr
also z.B.
div#fck_oFCK_1 iframe#oFCK_1___Frame iframe body {background:none;
}
dürfte funktionieren
--------------
Mein Blog: www.freeblogger.org
Deutscher IRC-Channel: irc.freenode.net #drupal.de je mehr desto besser
... Jabber-me: dereine@jabber.ccc.de Warum Jabber?
Hallo, und wo muss ich das
am 04.03.2008 - 20:27 Uhr
Hallo, und wo muss ich das einbauen? Sieht nicht nach CSS aus...
CSS
am 04.03.2008 - 21:41 Uhr
Hallo, und wo muss ich das einbauen? Sieht nicht nach CSS aus...
Ist es aber. An das Ende Deiner styles.css kopieren.
Hallo, das funktioniert
am 04.03.2008 - 21:54 Uhr
Hallo, das funktioniert nicht. Ich verwende den TinyMCE-Editor.
Der TinyMCE-Editor macht
am 04.03.2008 - 22:12 Uhr
Der TinyMCE-Editor macht doch nur in Webformularen Sinn. Das ist die falsche Ecke. Innerhalb von Drupal kannst Du normalerweise keine Dateien Deiner Installation bearbeiten (obwohl es da evtl. Module gibt - unmöglich ist es nat. nicht).
Du musst also normalerweise per FTP die Datei styles.css Deines verwendeten Themes auf Deinen Rechner herunterladen (falls es nicht ohnehin eine lokale Installation ist) und diese Datei mit einem Texteditor bearbeiten. In dieser Datei eben an das Ende oben gepostete CSS-Anweisung einfügen, speichern und wieder hochladen.
Hallo, einerseits habe ich
am 05.03.2008 - 00:06 Uhr
Hallo, wie schon gesagt, ich habe den Code bereits in der Style CSS ganz am Ende eingebaut. Es hat schlicht nichts bewirkt.
PS: Ich habe sowohl den TinyMCE-Editor als auch den FCKeditor installiert.
Anbei ein Link zu meinem Theme....(es war einmal das Golden Hours Theme, welches ich aber etwas umgebaut habe....so gefällt es mir besser, ist nur noch nicht fertig.)
Meine Version: http://www.stamptrader.ch/drupal/
Original Version des Golden hours Theme: http://amadou.sp0ke.net/goldenhour
Der Editor hat damit nix zu
am 05.03.2008 - 01:07 Uhr
Der Editor hat damit nix zu tun ...
Prüf mal bitte, ob zum von dir am Ende eingefügten Code bereits etwas ähnliches in der CSS-Datei vorhanden ist. Wenn für die gleiche Sache zwei unterschiedliche CSS-Stile angegeben sind, wird meines Wissens der erste verarbeitet. Zudem hilft die die Kombination von Web Developer Toolbar und Firebug mit dem Firefox-Browser, das Problem einzugrenzen.
Ich habe nur diesen Code
am 05.03.2008 - 01:48 Uhr
Ich habe nur diesen Code gefunden aber der stimmt...fff ist ja weiss wie ich es haben möchte leider wird die Texteingabeseite wenn man den Editor aktiviert hat aber trotzdem in der Background-Color (grau) angezeigt.
/*----------TinyMCE editor----------*/
body.mceContentBody
{
background:#fff; (weiss)
color:#fff;
font-size:12px;
}
Wenn ich die Background color beim ganz zu Anfang des Themas geposteten code in weiss ändere ist das Problem was den Editor anbelangt gelöst allerdings ist dann eben auch die Background Color des Themes weiss was ich ja nicht haben möchte. Irgendwie ist das miteinander verknüpft und verwendet den gleichen code.
Füge mal den folgenden Code
am 05.03.2008 - 02:15 Uhr
Füge mal den folgenden Code in die style.css (drupal/themes/golden_hour/style.css) ein:
#xEditingArea body{background: #fff !important;
}
Hallo auch der Code kann
am 05.03.2008 - 02:59 Uhr
Hallo auch der Code kann nichts übersteuern. Im Editor-Bereich ist immer noch diese Farbe: #525252;
Firefox Web-Developer
am 05.03.2008 - 05:32 Uhr
Hi,
CSS-Styles sind manchmal recht tricky bzw. schwer zu "treffen" vor allem, wenn man die Drupal-Styles nicht so gut kennt.
Installier mal die Firefox-Erweiterung "Web-Developer", lies dir den Quelltext deiner Seite durch und versuch die entsprechende CSS-Deklaration zu finden. Der "Web-Developer" kann dir dabei helfen, den entsprechenden Identifier zu finden.
Spontan würde ich mal sagen, dass du dich nicht wundern solltest, dass du die Hintergrundfarbe bekommst, die du im body angegeben hast, da diese vererbt wird. Für alles andere musst du das dann wohl schon überschreiben.
Was meinst du mit "body-textfeld"? Wenn du das in einen CSS-Identifier übersetzen kannst, hast du vielleicht schon die Lösung...
Hallo, mit Body-Textfeld
am 05.03.2008 - 06:31 Uhr
Hallo, mit Body-Textfeld meine ich das Eingabefeld für Artikel usw. Wenn der Editor aktiviert wird, bekommt das Eingabefeld die gleiche Farbe wie der Hintergrund.
Werde deinen Tipp beherzigen und das mit Firefox einmal anschauen. Erfahrungsgemäss nutzen etwa 20% meiner Besucher Firefox Web-Developer und etwa 70% IE. Es ist oft schon schwer genug es so hinzubekommen, dass es für beide Browser passt....(im Allgemeinen).
Wenn du den Hintergrund des
am 05.03.2008 - 09:51 Uhr
Wenn du den Hintergrund des EINGABEFELDES des TINY (und nicht den Hintergrund der Seite) ändern mächtest, sind alle bisher genannten Ansätze eher falsch. Dann musst du mit dem Firebug (hat nix mit Browser zu tun, sondern hier geht es um reines CSS) schauen, welcher CSS-Befehl dir die Formulare weiß macht. Das wird entweder im stye.css des Themes sein oder sogar im css des Editors selbst. Da musst du, wie gesagt, den Firebug bemühen, der zeigt nir nämlich exakt an, welche Datei und welche Zeile darin der Ausgabe eine Farbe (u. ä.) verpasst.
Versuch es mal
am 05.03.2008 - 10:57 Uhr
Versuch es mal hiermit:
Folgenden Code in der style.css (drupal/themes/golden_hour/style.css) Zeile 10 ändern:
body {background:#525252 !important;
font-size:small;
padding:0em 0pt;
}
und den folgenden Code in die fckeditor.css (drupal/modules/fckeditor-5.x-2.1-beta2/fckeditor.css) einfügen:
body{background: #fff;
}
Hallo ViTokIch habe das
am 05.03.2008 - 17:32 Uhr
Hallo ViTok
Ich habe das Problem dank deinem Hinweis auf das fckeditor.css gelöst. Ich musste lediglich den Code
body{
background: #fff;
}
ins fckeditor.css einbauen und die Sache war gelöst.
Vielen Dank nochmal!
yeah
am 01.05.2008 - 10:32 Uhr
danke für den tipp, funzt auch bei mir!!!
Warum so viel Aufwand?
am 11.09.2008 - 19:45 Uhr
Seit einigen Tagen stand oder besser saß ich ratlos vor dem gleichen Problem. Ich nutze yaml for drupal, und die hier endlich gefundenen Vorschläge erschienen plausibel, blieben aber unter yaml (aus mir nicht ersichtlichen Gründen) wirkungslos. In drupal.org/node/209482 fand ich diese schlichte Lösung für den fckeditor:
Gehe zu Verwalten/Einstellungen/FCKeditor und bearbeite die genutzten Profile. Unter dem Kapitel "CSS Einstellungen" wähle "Standardvorgaben des FCKeditor" statt "CSS-Anweisungen des Themes verwenden".
For avoiding body background (image, colors) propagate to the FCKeditor body, simply go to "admin-->settings-->fckeditor-->edit (the used profiles)" and under the section "CSS" choose "FCKeditor default" instead of "use theme css".
ckoester@drupal.org
am 13.12.2009 - 10:32 Uhr
Gehe zu Verwalten/Einstellungen/FCKeditor und bearbeite die genutzten Profile. Unter dem Kapitel "CSS Einstellungen" wähle "Standardvorgaben des FCKeditor" statt "CSS-Anweisungen des Themes verwenden".
Perfekt! :-) Das geht auch für TinyMCE über WYSIWYG!
Danke!
--- Web | Twitter | XING ---