Zum Inhalt springen

mit lib.parseFunc_RTE h1 - h6 manipulieren

Erstellt am 29. Juli 2009 · 1 Antwort · letzte Antwort am 30. Juli 2009

Tags: Frage

pixel24 ·

Hallo zusammen,

ich bin recht neu bei Typo3 und verwende die aktuelle Version 4.2.8. Ich möchte das bei allen Überschriften <h1> bis <h6> eine horizontale Linie <hr id="headunderline" /> angehäng wird deren CSS-Formatierung so:

#headunderline {
	border: 0;
	width: 50em;
	color: #50a0dc;
	background-color: #50a0dc;
	height: 1px;
}

aussieht. Es funktioniert nicht mit einem border-bottom da dieser immer über die gesamte Breite geht. Ein Linie als Grafik anhängen scheidet ebenfalls aus da diese nicht mit der Schriftgröße mitskaliert.

Ich habe dann heraus gefunden das mit lib.parseFunc_RTE funktionieren soll und im Web habe ich ein Beispiel gefunden welches damit die im Text enthaltenen Links entsprechend formatiert:

lib.parseFunc_RTE.tags.link.typolink.wrap = <b><i>|</i></b>

Ich habe dann zum testen einfach die Zeile entsprechend auf:

lib.parseFunc_RTE.tags.h1.typolink.wrap = <b><i>|</i></b>

zu ändern was jedoch nicht klappt. Ich habe dann im Web Hinweise gefunden das die Konfiguration unter: css_styled_content/static/setup.txt zu finden ist. Dort sehe ich das lib.parseFunc_RTE alle Eigenschaften von lib.parseFunc erbt (Zeile 91). In lib.parseFunc ist, soweit ich das beurteilen kann, kein h-Tag zugelassen. Ich bin wie gesagt Anfänger und weiß jetzt nicht wie ich das Problem lösen könnte. Ich habe dann einfach mal

lib.parseFunc_RTE.allowTags = a,br,div,pre,p,li,ul,ol,span,h1,h2,h3

geschrieben was jedoch keine Veränderung ergab. Kann mir jemand helfen?

Mein ganzes Typoscript:

###### Umstellung auf XHTML ######
# Verwende XHTML Transitional
config.doctype = xhtml_strict

# Führt einige Bereinigungen durch, um die Ausgabe XHTML-konform zu machen
config.xhtml_cleaning = all

# Setzen der Parameter xml:lang und lang im html-tag
config.htmlTag_langKey = de

# Die von Typo3 vor/nach jedem Inhaltselement generierten Kommentare werden entfernt
config.disablePrefixComment = 1

# Switch damit im IE die Zentrierung funktioniert
[browser = msie]
config.doctypeSwitch = 1
[END]
###### Umstellung auf XHTML ENDE ######

config {
	# Links wird immer der Parameter L angefügt, welcher den Identifyer des Sprachcodes enthält
	linkVars = L
	# Standardsprache der Webseite
	sys_language_uid = 0
	language = de
	locale_all = de_DE.utf-8

	htmlTag_langKey = DE

	# Damit die Seiten für die Suche indiziert werden
	index_enable = 1
	# Damit auch externe Dokument für die Suche indiziert werden
	index_external = 1
	# Cache deaktivieren. Nur für Entwicklung
	config.no_cache = 1
}

# Schutz der angezeigten Emailadressen:
# Die Buchstaben der Emailadresse werden um den
# angegebenen Offset (hier 3) verschoben, bei Klick auf die Emailadresse wird die
# Verschiebung via JavaScript wieder korrigiert
config.spamProtectEmailAddresses = 3

# das @-Zeichen wird durch den folgenden HTML-Code ersetzt/ergänzt
config.spamProtectEmailAddresses_atSubst = @<span class="nichtzusehen">ich-will-keinen-spam</span>

# Log-Einstellungen
config.stat_apache = 1
config.stat_apache_logfile = awstats.log

#lib.parseFunc_RTE.allowTags = a,br,div,pre,p,li,ul,ol,span,h1,h2,h3
lib.parseFunc_RTE.tags.link.typolink.wrap = <b><i>|</i></b>
#lib.parseFunc_RTE.tags.h1.typolink.wrap = |<hr id="headunderline" />

page = PAGE
page {
	# Allgemeine Seiteneigenschaften setzen
	bodyTag = <body>

	# CSS-Vorlage integrieren
	includeCSS {
		screen = fileadmin/styles/default.css
		screen.title = display
		screen.media = screen
	}
	
	# MetaTags ausgeben
	meta.AUTHOR = Sven Gehr
	meta.DESCRIPTION = Informationen rund um die Fa. Gehr-EDV. Informationen zu unseren Produkten und Dienstleistungen

	# Die HTML-Vorlage integrieren
	10 = TEMPLATE
	10.template = FILE
	10.template.file = fileadmin/templates/t3_vorlage.html
	10.workOnSubpart = DOKUMENT

	10.marks {
		# Das Textmenü oben erstellen
		NAV_TOP = HMENU
		NAV_TOP {
			special = directory
			special.value = 3
			1 = TMENU
			1 {
				wrap = <ul>|</ul>
				NO = 1
				NO {
					linkWrap = <li>|</li>
				}
			}
		}
		
		# Das Login-Menü oben rechts
		LOGIN = HMENU
		LOGIN {
			special = directory
			special.value = 13
			1 = TMENU
			1 {
				wrap = <ul>|</ul>
				NO = 1
				NO {
					linkWrap = <li>|</li>
				}
			}
		}
		
		# Das grafische Menü links
		NAV_LEFT = HMENU
		NAV_LEFT {
			# Graue Trennlinie oberhalb des ersten Menüpunktes
			wrap = <img src="fileadmin/images/navleft_linie_grau.gif" width="145" height="1" alt="" />|
			special = directory
			special.value = 2
			1 = GMENU
			1.NO = 1
			1.NO {
				XY = 145, 21+[26.h]
				
				# Hintergrundgrafik einfügen
				10 = IMAGE
				10.file = fileadmin/images/bg_navleft_normal.jpg
				10.height = 21+[26.h]
				
				# Text auf Menüpunkte rendern
				20 = TEXT
				20.text.field = nav_title // title
				
				# Zeichen für den Zeilenumbruch im Menü definieren
				20.text.listNum = 0
				20.text.listNum.splitChar = _
				
				20.fontColor = #458040
				20.fontFile = fileadmin/fonts/verdana.ttf
				20.fontSize = 11
				20.niceText = 0
				20.offset = 14, 16
				
				# Eine gegebenenfalls vorhandene zweite Textzeile anzeigen lassen
				25 < .20
				25.text.listNum = 1
				25.offset = 14, 32
				
				# Hilfsebene zur Berechnung der Höhe von Menüpunkten
				26 < .20
				26.text.case = upper
				26.text.listNum = 1
				26.fontSize = 22
				26.offset = 1000, 1000
				
				# Graue Trennlinien erzeugen
				30 = IMAGE
				30.file = GIFBUILDER
				30.file {
					XY = 145,1
					backColor = #d2d2d2
				}
				30.offset = 0, 20+[26.h]
			}
			
			# Einen RollOver-Zustand definieren
			1.RO < .1.NO
			1.RO {
				# Hintergrundgrafik einfügen
				10 = IMAGE
				10.file = fileadmin/images/bg_navleft_aktiv.jpg
				#10.file.XY = 145, 21+[26.h]
				
				20.fontColor = #ffffff

				# Symbol einfügen
				40 = BOX
				40.color = #ffffff
				40.dimensions = 6,10, 3,3
			}
			
			# Aktiv-Zustand beschreiben
			1.ACT < .1.RO
			
			# Die zweite Menü-Ebene als Kopie der ersten beschreiben
			2 < .1
			2.NO {
				# Hintergrundgrafik einfügen
				10.file = fileadmin/images/bg_subnavleft_normal.jpg
				#10.file.XY = 145, 21+[26.h]
				
				# Text auf Menüpunkte rendern
				20.fontColor = #666666
				20.fontSize = 10
				#20.niceText = 1
			}
			
			# Einen RollOver-Zustand für die zweite Menüebene definieren
			2.RO < .2.NO
			2.RO {
				# Hintergrundgrafik einfügen
				10.file = fileadmin/images/bg_subnavleft_aktiv.jpg
			}
			2.ACT < .2.RO
		}
		
		# Den Klickpfad definieren
		PATHNAV = HMENU
		PATHNAV {
			wrap = Sie befinden sich hier: |
			special = rootline
			special.range = 2|-1
			1 = TMENU
			1.NO = 1
			1.NO.linkWrap = | / 
		}
		
		# Inhalt ausgeben
		INHALT = CONTENT
		INHALT {
			table = tt_content
			select.where = colPos = 0
			#innerWrap = | <hr id="headunderline" />
		}		
		INHALT < plugin.tx_cccbrowse_pi1
	}
}
Michaelh74 ·

Nur so auf die Schnelle. Geht das denn nicht per CSS auf Deine H1? Also border-bottom mit inline und 50em width. oder zur Not also Hintergrundgrafik?

Gruß
Michael