Zum Inhalt springen

2 Überschriften unterschiedlich formatieren

Erstellt am 16. August 2011 · 5 Antworten · letzte Antwort am 23. August 2011

Tags: Inhaltselemente, HTML & CSS, Frage

FreeBatman ·

Hallo,

ich möchte einen Artikel erfassen der eine zweizeilige Überschrift enthält. Die Überschriften unterscheiden sich hierbei im font (wird durch @font eingebunden) und müssen in div containern wegen unterschiedlicher platzierung einzeln angesprochen werden können (nach möglichkeit).

Hat jemand eine Idee wie das zu realisieren ist.
Ich steh da nach etlichen Stunden ziemlich auf dem Schlauch. #angry#

fiedomedia ·

Hallo,

FreeBatman schrieb

ich möchte einen Artikel erfassen der eine zweizeilige Überschrift enthält. Die Überschriften unterscheiden sich hierbei im font (wird durch @font eingebunden) und müssen in div containern wegen unterschiedlicher platzierung einzeln angesprochen werden können (nach möglichkeit).

Hat jemand eine Idee wie das zu realisieren ist.

Wo willst du den Artikel verfassen? Als neue Seite, neues Content-Element, tt_news-Artikel, Blog-Artikel, eigene Extension???
Sind etwas wenige Infos, um dir helfen zu können 😉

Evtl. ein paar Möglichkeiten wären:
- Überschrift trennen in Überschrift und Untertitel
- Splitten mit bestimmtem Trennzeichen

Und warum willst du die in Div-Containern ansprechen?
Div in H1... kriegst du nicht konform!

Grüße Patrick

FreeBatman ·

Hallo,

der Artikel soll als Content Element Text oder Text m/ Medien ganz normal eingebunden werden.

> Evtl. ein paar Möglichkeiten wären:
> - Überschrift trennen in Überschrift und Untertitel
> - Splitten mit bestimmtem Trennzeichen
Wie meinst Du das? Neugierig werd ...

> Und warum willst du die in Div-Containern ansprechen?

Damit ich die einzelnen 2 Überschriftsabschnitte positionieren kann.
Ging natürlich auch mit h1/h2.

fiedomedia ·
FreeBatman schrieb

der Artikel soll als Content Element Text oder Text m/ Medien ganz normal eingebunden werden.

> Evtl. ein paar Möglichkeiten wären:
> - Überschrift trennen in Überschrift und Untertitel
> - Splitten mit bestimmtem Trennzeichen
Wie meinst Du das? Neugierig werd ...

> Und warum willst du die in Div-Containern ansprechen?

Damit ich die einzelnen 2 Überschriftsabschnitte positionieren kann.
Ging natürlich auch mit h1/h2.

Ok, ein Content Element, da gibts dann keine Untertitel, sondern nur 1 Zeile für die Überschrift.

Dann könntest du folgendes mit Typoscript machen:
Du machst eine CASE-Unterscheidung für lib.stdheader.key.field = header_layout
Dann suchst du dir einen Fall aus, wann der CASE zutrifft, also bei "Überschrift 1" wäre das der Wert 1.
Nun musst du im TYPO3-Wiki die Funktion für split raussuchen und deine Überschrift bei einem vorher definiertem Zeichen, z. B. der Pipe (|) trennen.
Wenn du das dann hast, kannst du in deinen Marker oder Subpart den Überschriftenteil vererben.
Fertig.

Da wäre es aber wirklich einfacher, du machst einfach vor deinem Content Element ein weiteres Element, gibst dem Überschrift 1 und deinen Titel, und bei deinem CE Text / Text mit Medien gibst dann Überschrift 2, deinen Untertitel und den Text bzw. die Medien an.
Und dann wärst du auch fertig.

Grüße Patrick

FreeBatman ·

hmmm .. danke für den Hinweis mit ""CASE-Unterscheidung für lib.stdheader.key.field = header_layout ..."

king.darki schrieb

Da wäre es aber wirklich einfacher, du machst einfach vor deinem Content Element ein weiteres Element, gibst dem Überschrift 1 und deinen Titel, und bei deinem CE Text / Text mit Medien gibst dann Überschrift 2, deinen Untertitel und den Text bzw. die Medien an.
Und dann wärst du auch fertig.

allerdings denke ich werde ich wohl die zitierte variante wählen. Ich finde die Eingabe zwar nicht so prinkelnd aber ist wohl die einfachste Lösung!

Danke nochmal 😃

FreeBatman ·

Nachtrag und Lösung:
Da in meinem Fall je Seite die zweigeteilte Headline nur einmal je Seite auftritt konnte ich das Problem nach nochmaliger Recherche und Hirnschmalz relativ einfach lösen.

Bei jedem Menüpunkt/Seite wird bei Seiteneigenschaften "Seitentitel:" und "Untertitel:" verwendet.

Mein Template-Abschnitt schaut so aus:

<div id="headline">###HEADLINE###<br /><div id="subhead">###SUBHEAD###</div></div>

Das zugehörige TS:

page = PAGE
page {

....

    HEADLINE = TEXT
    HEADLINE.field = title
    
    SUBHEAD = TEXT
    SUBHEAD.field = subtitle

....
}

et voilà 😃 (Die CSS-Anweisungen habe ich mir mal jetzt gespart.)

Vielleicht hilft es mal jemandem weiter!