Zum Inhalt springen

CSS und Inhaltselemente

Erstellt am 28. Februar 2005 · 10 Antworten · letzte Antwort am 1. Februar 2006

Tags: Inhaltselemente, HTML & CSS, Frage

marcello ·

hi,

ich hab grad echt den typo3-frust ... 😢

des kann doch net so schwer sein ... also es geht um folgendes:

ich benutze diese extension css-styled-content.
schön, nun bin ich immerhin schon mal dahintergekommen, dass damit diese blöden <font> tags nicht mehr zum text formatieren benutzt werden, sondern eben css.

ok, ich lege also z.b. ein neues inhaltselement an (text mit überschrift oder so, wurscht jetzt ..), definiere in meiner css-datei meinetwegen "h1" und .bodytext so um wie ich es haben will ... funktioniert auch.

ABER: was ist nun wenn ich es mal anders will? meinetwegen einmal roten text, 12px, in verdana und dann in einem anderen inhaltselement blauen text, 14px, in arial ??

wie zum kuckuck kann ich verschieden formatierte dynamische inhaltselemente bekommen?

merci,

marcello

Beatz ·

Hallo marcello,

das machst Du indem Du den RTE konfigurierst. Versuche mal folgendes in die TS Config Deiner root-page einzutragen.

#
# RTE konfigurieren
#

# CSS-Klassen anlegen, die verwendet werden können
RTE.classes { 
  rotertext {
   name = Rotertext
   value = font-family:Arial,sans-serif; font-size:12px; color:#FF0000;
  } 
  blauertext { 
   name = Blauertext
   value = font-family:Arial,sansserif;font-size:14px; color:#0000FF;
  } 
} 
RTE.default.classesParagraph = rotertext, blauertext
RTE.default.hidePStyleItems = *

Wenn Du nun eine Seite bearbeitest und im RTE auf das Symbol für Absatz klickst, bekommst Du diese beiden Formatierungen angezeigt.

marcello ·

ich benutze aber schon mal mozilla und hab gar keinen rte zur verfügung. 😢

es müsste doch irgendwie möglich sein weitere EIGENE seiteninhaltselemente anzulegen, oder nicht?

Beatz ·

Ich bin normalerweise gar kein Fan vom IE, aber ich muss zugeben, dass der RTE schon eine feine Sache ist. Nun gut.

Da Du ja nun eh auf "Handarbeit" angewiesen bist, kannst Du doch HTML-Code per Hand eintragen.

Dies ist normaler Text.<div class=blauertext">Und dieser Text hat eine besondere Formatierung</div>

Die Stylesheets musst Du natürlich im Template mit einbinden. Ob es evtl. eleganter geht, kann ich nicht beurteilen, da ich selbst "noch" blutiger Anfänger in Typo3 bin.

marcello ·

:o
nu wollt ich also grad mal nachschauen was der "kickstarter" so macht und wofür der gut ist und was sehe ich da ... nichts!
http://typo3.org/extensions/repository/popular/kickstarter/

vollkommen undokumentiert. ich muss ehrlich sagen, ich verstehe nicht ganz den sinn darin eine extension zu programmieren aber überhaupt nicht zu erklären wofür sie gut ist ... aber wahrscheinlich liegt das daran, dass ich halt immer noch der volle t3 newbie bin.

aber ich checks halt nicht, wie komm ich in so einem fall denn dahinter wofür die extension gut ist, was sie macht und wie sie typoscript-mässig zu konfigurieren ist?

imu ·

versuche es mal mit der deutschen Doku von Robert Meyer. Dort wird erklärt, wie man das "Layout", das man ja bei Anlegen jedes Inhaltselementes angeben kann, auswertet und ihm jeweils die Schrift-Definitionen zuweist. Ich würde da jedes Layout mit einer class wrappen und dann im Stylesheet definieren.
Die Doku gibt es hier, sieh mal Links im Navigationsmenü nach, Seite 166 ff= in der Doku.

Ich bin auch etwas frustriert und frage mich, warum man als Default-Ausgaben diese ganzen fonts- und divs und clear.gifs bekommt und sich in mühsamer Kleinarbeit diese Dinge vom Hals schaffen muss. Aber warscheinlich gibt es dann irgendwann am 50. Tag die Erkenntnis, wie das alles mit einer einzigen TS-Zeile geht ... auf diesen Augenblick freue ich mich jetzt schon

Chuonrad ·

hmhm ... schade eigentlich, denn das Format der Überschrift kann man ja auch einfach so definieren (H1, H2 etc.) Warum gibts eine ähnliche Auswahl nicht noch für den Text?
Hat man doch bestimmt öfter:
1 Inhaltselement
-Überschrift
-Text

2.Inhaltelement
- Überschrift
- Text eingerückt/andere Farbe /etc.
- auf Hintergrundfarbe

Hab das gerade mit CSS-Vererbung probiert, geht aber nicht. 🙁

grüße

d.​walter ·

Also bevor hier groß was mit der Hand am Arm gemacht wird, würde ich auch entweder zu der Layout geschichte oder noch besser zum RTE tendieren.

Und wenn du dich absolut nicht durchringen kannst einen IE zu benutzen, dann lade dir doch den HTMLRTE runter.

Ist meiner Meinung nach sogar noch komfortabler als der standard RTE.

Einziger Nachteil der mir aufgefallen ist:

Er brauch ein Tick länger bis er startbereit ist.

Greetzzz

Chuonrad ·

aber das muss doch einfacher gehen ...
wenn ich zB eine Überschrift h1 auswähle, ist der folgende Text automatisch im "Format1" formatiert
wenn ich h2 auswähle im "Format2"

mit "normalem" CSS geht das. Über Vererbung und Selektoren.
nur funken mir hier im Typo3 noch diverse divs oder so dazwischen ...