Ich habe EINEN Marker an der Stelle im Quellcode, der wird Standard-Text später gefüllt. Jetzt möchte ich einfach, dass die Überschrift das Format H2 annimmt. Wie kann man das vorformatierte Format Typ: LAYOUT 1 meinem CSS-Code zuweisen ?
Oder einfach ausgedrückt - die Überschrift eines normalen Textes / Text mit Bild soll einfach H2 sei ?
CSS:
H2
{font-family:Verdana, Arial, sans-serif; font-size:18px; color:#CCCCCC; margin-bottom:3px; margin-top:10px; border-bottom: dotted 1px Silver; padding-bottom: 1px;}
-----------------------
<h2>Überschrift: Das Thema </h2>
Bla Bla hier ist der Text dann ........
###Hier wird die CSS Datei eingebunden###
###Diese muß abgeändert werden in den Pfad deiner CSS Datei###
page.stylesheet = fileadmin/newtemplate/text.css
###Seiteneinstellungen - können so übernommen werden###
page = PAGE
page.typeNum = 0
page.20 = TEMPLATE
page.20 {
###Das einbinden der eigenen desingvorlage findet hier stadt###
template = FILE
template.file = fileadmin/newtemplate/index.html
###nun werden die inhalte ausgegeben hierbei muß nach marks. der marker angegeben werden der für die textausgabe gewählt wurde###
workOnSubpart = Dokument
marks.inhaltleft = TEXT
marks.inhaltleft < styles.content.getLeft
###und hier wird die class einem marker zugewiesen###
marks.inhaltleft.wrap = <div class="text">|</div>
marks.inhaltright < styles.content.get
marks.inhaltright.wrap = <div class="text">|</div>
Hi,
also wenn ich das richtig verstanden habe, dann brauchst Du nur im Template im CONSTANT-Feld folgendes eintragen.
content.wrap.header1 = <p class="neuerstyle1">|</p>
content.wrap.header2 = <p class="neuerstyle2">|</p>
Ich würde Dir aber empfehlen das Style im Stylesheet umzubennen!!!
Dein Code:
H2
{font-family:Verdana, Arial, sans-serif; font-size:18px; color:#CCCCCC; margin-bottom:3px; margin-top:10px; border-bottom: dotted 1px Silver; padding-bottom: 1px;}
Vorschlag:
/* Allgemeine Definition des Styles
h1, h2, h3, h4, h5, p, ul, ol
{font-family:Verdana, Arial, sans-serif;
font-size:18px;
color:#000000;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
h2.neuerstyle2 {
border-bottom: dotted 1px Silver;
color:#CCCCCC;
margin: 10px 0px 3px 0px;
border-bottom: dotted 1px Silver;
padding: 0px 0px 1px 0px;
}
Ist zwar für 1 Style etwas mehr Aufwand, aber Du wirst ja nicht nur einen Style besitzen. Bei größeren Style-Definitionen wird es sehr viel übersichtlicher.
Ciao
Der DJ
Ja danke - aber da war ein kleiner Fähler drin (hat mich nochmal Stunden gekostet....) #evil#
Man sollte schon aus:
content.wrap.header1 = <p class="neuerstyle1">|</p>
content.wrap.header1 = <h1 class="neuerstyle1">|</h1>
machen - sonst geht nämlich nicht!
Gruß Roland