Zum Inhalt springen

<h1> verändern: Überschriften

Erstellt am 6. Februar 2007 · 7 Antworten · letzte Antwort am 6. Februar 2007

Tags: HTML & CSS, Frage

rosieres ·

Hallo ,

ich lese jetzt schon eine ganze lange Weile in der tsref und bei bekannten Suchdiensten aber ich komme einfach auf keine Lösung.

Ich möchte meine Überschriften umgestalten. Sie sollen wie dieses Beispiel aussehen. Text (nicht Gifbuilder) weisser Hintergrund (automatisch so lang bzw. breit wie der Text) und rechts daneben einen Farbbalken mit abschliessendem Gradient.

Ich benutze T3 4.0 und TV. Ich dachte mir das ich einfach dem <h1>
den Balken verpasse mit Ausrichtung nach rechts sodass der Gradient immer rechts ist.

Nun ist meine Gedankenwelt das ich einfach hinter den Text ein weisses Bild lege oder einen <div> layer der die Breite vom Text annnimmt.

Ich habe keine Lösung für mein Problem gefunden. Aber vielleicht
denke ich nur zu kompliziert.

Wäre nett wenn mir jemand Hilfestellung geben könnte.

MFG

Unbekannter Benutzer ·

Ich sehe hier kein Beispiel, aber das klingt für ich recht unproblematisch in CSS zu lösen. Eventuell brauchst du innerhalb des H1 noch ein span, aber dann sollte es gehen.

Grüße

Christian

rosieres ·

stimmt... danke ... gleich nächste Frage ?! #paralyzed#
ich hab ins setup foglendes zum testen gedroppt

lib.stdheader {
        3 = LOAD_REGISTER
        3.headerClass =
        3.headerClass.noTrimWrap = |
        stdWrap.dataWrap = |
        #Standard-Headings aufräumen
        stdWrap.dataWrap =
        10.1.fontTag = <h1><span>|</span></h1>
        10.2.fontTag = <h2>|</h2>
        10.3.fontTag = <h3>|</h3>
        10.4.fontTag = <h4>|</h4>
        10.5.fontTag = <h5>|</h5>
    }

Aber der Span wird nicht berücksichtigt. Ich hab gelesen man soll content(default) entfernen. Aber wo und wie geht das ?

Unbekannter Benutzer ·

Wenn du deinen Setup-Code vor dir hast, scroll weiter runter, da gibt es dann ein Auswahlfeld mit der Überschrift "include static", dort sollte content(default) nicht ausgewählt sein.

Hast du den Code oben oder unten ins Template gesteckt? Versuchs mal ganz oben.

Grüße

Christian

rosieres ·

ich hatte in dem feld "include static" kein content(default) drin
csc war drin habe ich raus genommen gespeichert cache gelöscht neu geladen die seite aber das csc stylesheet wird noch geladen und csc-header klassen finden sich noch im neu gerendertem html code.

hier meine komplettes setup:
hab die lib.stdheader unten, oben, und in der mitte gehabt ... aber keine änderung..

config.spamProtectEmailAddresses = 1
page = PAGE
page.typeNum = 0
page.10 = USER
page.10.userFunc = tx_templavoila_pi1->main_page
config.doctype = xhtml_strict
config.xhtml_cleaning = all
config.htmlTag_langKey = de
config.xmlprologue = none 

lib.stdheader {
        3 = LOAD_REGISTER
        3.headerClass =
        3.headerClass.noTrimWrap = |
        stdWrap.dataWrap = |
        #Standard-Headings aufräumen
        stdWrap.dataWrap =
        20.1.fontTag = <h1><span>|</h1>
        20.2.fontTag = <h2>|</h2>
        20.3.fontTag = <h3>|</h3>
        20.4.fontTag = <h4>|</h4>
        20.5.fontTag = <h5>|</h5>
    }

lib.mainMenu = HMENU
lib.mainMenu.1 = TMENU
lib.mainMenu.1 {
  wrap = <ul>|</ul>
  NO.wrapItemAndSub = <li class="ueberschrift">&nbsp;&nbsp;|</li>
  ACT = 1
  ACT.allWrap = <li class="ueberschrift">&nbsp;&nbsp;|</li>
}

lib.mainMenu.2 = TMENU
lib.mainMenu.2 {
  wrap = <li><ul>|</ul></li>
  NO.wrapItemAndSub = <li class="unterpunkt">|</li>
  NO.beforeImg=fileadmin/templates/images/pfeil_menu.gif
  NO.beforeImgLink=fileadmin/templates/images/pfeil_menu.gif
  NO.beforeImgTagParams = style="border:none;margin-top:0px;margin-right:2px;"
  Link=1
  ACT = 1
  ACT.allWrap = <li class="unterpunkt">|</li>
  ACT.wrapItemAndSub = <li class="unterpunkt">|</li>
}

ist mir ein wenig rätselhaft...

skorpi ·
rosieres schrieb

lib.stdheader {
20.1.fontTag = <h1><span>|</h1>
20.2.fontTag = <h2>|</h2>
20.3.fontTag = <h3>|</h3>
20.4.fontTag = <h4>|</h4>
20.5.fontTag = <h5>|</h5>
}

Warum 20.xxx und nicht 10.xxx?
Letzteres sagt mir mein Object Browser mit normal installiertem css-styled-content.
Gruß: Irene

rosieres ·

die 10 hatte ich nur zum ausprobieren drin .....
und hab es wieder zurückgeändert. und komischerweise geht es jetzt. . .
vorher hatte ich ja auch schon die 10 stehen .... und da ging es nicht ....

sei es drum vielen Dank für das Kantholz vom Kopf wegmachen ... es war der cache . . . #angry#