Thema: Formtierung im CSS änderen?

Mein Editor ist irgenwie ziemlich spartanisch. Ich kann nur Format und Absatz ändern. Und im Format kann ich solche Dinge wie Sheet etc. einstellen. Wo kann man denn die Einstellungen für diese Formatierung änderen? Im CSS? Da habe ich irgendwie nichts gefunden. Meine Seite ist www.karriereweg.de

Besser wäre es allerdings, wenn Du Dir überlegst, was Du an Formaten brauchst, hier CSS Klassen erstellt werden und Du diese über den Style-Dropdown anwendest.

Das ist mit Abstand der eleganteste Weg.

Beispiel:

Du möchtest, dass manche Bilder einen Rahmen haben. Dann brauchst Du eine Klasse

.bilderrahmen1 {
border: 5px solid red;
}

Und kannst diese dann im Editor zuweisen. Willst Du später bei allen so markierten Bildern statt rot grün haben, brauchst Du nur die Klasse zu ändern.

Ist jetzt vielleicht ein dumme Frage , aber wie weiese ich den CSS Klassen denn im Dropdown Menü des Editors zu?

Es gibt verschiedene Methoden.

1.) die einfache:

Du trägst die Klasse einmal in die template.css ein und einmal in die editor.css (notfalls erstellen). Der TinyMCE wird in Version 1.5.15 die Datei lesen und unter Styles dann anzeigen. Hierzu empfehle ich Dir die Firefox Erweiterung "Web Developer Toolbar", in der kann man links unter "Deaktivieren" den Cache ausschalten. Den sonst kann es passieren, dass Du die Styles erst nach Löschen des Browsercaches im Editor angezeigt bekommst, solange man noch was ändert schalte ich daher immer den Cache ab,

2.) intelligenter:

Du legst eine Datei an

css/content_styles.css

und packst da den Style rein.

in die editor.css und template.css schreibst Du rein:

@import url('content_styles.css');

Vorteil: Du musst diese Styles nur in einer Datei pflegen und kannst dort alles möglichlen Styles, die im Content gelten, reinschreiben. Zum Beispiel Formate für Listen und Links.

Beispiel:

http://www.andrehotzler.de//template...ent_styles.css

Ok danke. Das werde ich dann mal ausprobieren.

Erst mal Danke für den Hilfreichen Tipp.

(Benutze JCE Editor)
Ich habe im CSS Klassen und IDs vergeben, in "content_styles.css" gespeichert und in "template.css" und "editor.css" die Zeile "@import url('content_styles.css');" angefügt.

Die Klassen kann ich wählen, aber die ID (für einen div container) wendet er nicht an.
Schreibe ich die ID direkt in "template.css" geht es.

Woran kann das liegen?
Dumme Frage vielleicht, heist die Zeile tatsächlich "@import url('content_styles.css');" oder muss ich "url" durch eine Pfad ersetzen ?

Hier nochmal eine komplette Doku:

http://www.andrehotzler.de/joomla-di...s.html?lang=de

Zum JCE sag ich nix, aber Dein Problem liegt evt woanders. Auch gängig: Browser-Cache löschen

Schöne Anleitung, aber soweit passt das mit meinen Schritten.
Cache kann es nicht sein, der ist immer aus wenn ich arbeite. Ich forsche mal weiter.
Danke dir trotzdem.

Zeig doch mal die Seite.