Startseite
  • » Home
  • » Handbuch & FAQ
  • » Forum
  • » Übersetzungsserver
  • » Suche
Startseite › Forum › Drupalcenter.de › Themes & Theming ›

Frage zum Background im Style.CSS

Eingetragen von Axel75 (35)
am 04.03.2008 - 19:04 Uhr in
  • Themes & Theming

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....

‹ yaml: suchfunktion und sprachumschaltung neu positionieren [gelöst] Blog-Übersichtsseite gleich wie /node themen ›
  • Anmelden oder Registrieren um Kommentare zu schreiben

also z.B. div#fck_oFCK_1 

Eingetragen von dawehner (2639)
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?

  • Anmelden oder Registrieren um Kommentare zu schreiben

Hallo, und wo muss ich das

Eingetragen von Axel75 (35)
am 04.03.2008 - 20:27 Uhr

Hallo, und wo muss ich das einbauen? Sieht nicht nach CSS aus...

  • Anmelden oder Registrieren um Kommentare zu schreiben

CSS

Eingetragen von tumblingmug (872)
am 04.03.2008 - 21:41 Uhr
Axel75 schrieb

Hallo, und wo muss ich das einbauen? Sieht nicht nach CSS aus...

Ist es aber. An das Ende Deiner styles.css kopieren.

  • Anmelden oder Registrieren um Kommentare zu schreiben

Hallo, das funktioniert

Eingetragen von Axel75 (35)
am 04.03.2008 - 21:54 Uhr

Hallo, das funktioniert nicht. Ich verwende den TinyMCE-Editor.

  • Anmelden oder Registrieren um Kommentare zu schreiben

Der TinyMCE-Editor macht

Eingetragen von tumblingmug (872)
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.

  • Anmelden oder Registrieren um Kommentare zu schreiben

Hallo, einerseits habe ich

Eingetragen von Axel75 (35)
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

  • Anmelden oder Registrieren um Kommentare zu schreiben

Der Editor hat damit nix zu

Eingetragen von miweb (201)
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.

  • Anmelden oder Registrieren um Kommentare zu schreiben

Ich habe nur diesen Code

Eingetragen von Axel75 (35)
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.

  • Anmelden oder Registrieren um Kommentare zu schreiben

Füge mal den folgenden Code

Eingetragen von ViTok (149)
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;
}

  • Anmelden oder Registrieren um Kommentare zu schreiben

Hallo auch der Code kann

Eingetragen von Axel75 (35)
am 05.03.2008 - 02:59 Uhr

Hallo auch der Code kann nichts übersteuern. Im Editor-Bereich ist immer noch diese Farbe: #525252;

  • Anmelden oder Registrieren um Kommentare zu schreiben

Firefox Web-Developer

Eingetragen von kata (169)
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...

  • Anmelden oder Registrieren um Kommentare zu schreiben

Hallo, mit Body-Textfeld

Eingetragen von Axel75 (35)
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).

  • Anmelden oder Registrieren um Kommentare zu schreiben

Wenn du den Hintergrund des

Eingetragen von miweb (201)
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.

  • Anmelden oder Registrieren um Kommentare zu schreiben

Versuch es mal

Eingetragen von ViTok (149)
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;
}

  • Anmelden oder Registrieren um Kommentare zu schreiben

Hallo ViTokIch habe das

Eingetragen von Axel75 (35)
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!

  • Anmelden oder Registrieren um Kommentare zu schreiben

yeah

Eingetragen von hoshi79 (53)
am 01.05.2008 - 10:32 Uhr

danke für den tipp, funzt auch bei mir!!!

  • Anmelden oder Registrieren um Kommentare zu schreiben

Warum so viel Aufwand?

Eingetragen von ckoester@drupal.org (57)
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".

Zitat:

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".

  • Anmelden oder Registrieren um Kommentare zu schreiben

ckoester@drupal.org

Eingetragen von schneseb (160)
am 13.12.2009 - 10:32 Uhr
ckoester@drupal.org schrieb

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 ---

  • Anmelden oder Registrieren um Kommentare zu schreiben

Benutzeranmeldung

  • Registrieren
  • Neues Passwort anfordern

Aktive Forenthemen

  • für drupal11 ein Slider Modul
  • [gelöst] W3CSS Paragraphs Views
  • Drupal 11 neu aufsetzen und Bereiche aus 10 importieren
  • Wie erlaubt man neuen Benutzern auf die Resetseite zugreifen zu dürfen.
  • [gelöst] Anzeigeformat Text mit Bild in einem Artikel, Drupal 11
  • Social Media Buttons um Insteragram erweitern
  • Nach Installation der neuesten D10-Version kein Zugriff auf Website
  • Composer nach Umzug
  • [gelöst] Taxonomie Begriffe zeigt nicht alle Nodes an
  • Drupal 11 + Experience Builder (Canvas) + Layout Builder
  • Welche KI verwendet ihr?
  • Update Manger läst sich nicht Installieren
Weiter

Neue Kommentare

  • melde mich mal wieder, da ich
    vor 1 Woche 1 Tag
  • Hey danke
    vor 1 Woche 1 Tag
  • Update: jetzt gibt's ein
    vor 1 Woche 2 Tagen
  • Hallo, im Prinzip habe ich
    vor 2 Wochen 25 Minuten
  • Da scheint die Terminologie
    vor 2 Wochen 3 Stunden
  • Kannst doch auch alles direkt
    vor 2 Wochen 4 Tagen
  • In der entsprechenden View
    vor 2 Wochen 4 Tagen
  • Dazu müsstest Du vermutlich
    vor 2 Wochen 4 Tagen
  • gelöst
    vor 5 Wochen 22 Stunden
  • Ja natürlich. Dass ist etwas,
    vor 5 Wochen 1 Tag

Statistik

Beiträge im Forum: 250233
Registrierte User: 20450

Neue User:

  • Mroppoofpaync
  • 4aficiona2
  • AppBuilder

» Alle User anzeigen

User nach Punkten sortiert:
wla9461
stBorchert6003
quiptime4972
Tobias Bähr4019
bv3924
ronald3857
md3717
Thoor3678
Alexander Langer3416
Exterior2903
» User nach Punkten
Zur Zeit sind 0 User und 2 Gäste online.

Hauptmenü

  • » Home
  • » Handbuch & FAQ
  • » Forum
  • » Übersetzungsserver
  • » Suche

Quicklinks I

  • Infos
  • Drupal Showcase
  • Installation
  • Update
  • Forum
  • Team
  • Verhaltensregeln

Quicklinks II

  • Drupal Jobs
  • FAQ
  • Drupal-Kochbuch
  • Best Practice - Drupal Sites - Guidelines
  • Drupal How To's

Quicklinks III

  • Tipps & Tricks
  • Drupal Theme System
  • Theme Handbuch
  • Leitfaden zur Entwicklung von Modulen

RSS & Twitter

  • Drupal Planet deutsch
  • RSS Feed News
  • RSS Feed Planet
  • Twitter Drupalcenter
Drupalcenter Team | Impressum & Datenschutz | Kontakt
Angetrieben von Drupal | Drupal is a registered trademark of Dries Buytaert.
Drupal Initiative - Drupal Association