Zum Inhalt springen

Nach oben Link als Grafik

Erstellt am 9. August 2008 · 5 Antworten · letzte Antwort am 13. August 2008

Tags: Frage

Leuchtparka ·

Hallo ihr fleißigen Helfer,
wie kann ich denn den "Nach oben" Link durch eine Grafik ersetzen und die Position im Layout beeinflussen?

Vielen Dank schonmal...

pixelparts ·

Hallo,

einen Marker im Layout setzen, z. B. ###NACHOBEN###

Dann im Setup des Templates

###### To Top Link #########
page.10.marks.NACHOBEN = TEXT 
page.10.marks.NACHOBEN {
  value = <img src="deinBild" alt="nach oben" border="0">
  lang.en = To the Top
  lang.de = Zum Seitenanfang
  wrap = <A HREF="#top">|</A>
}
###### To Top Link End #########

Viele Grüße, Uwe

cope ·

hmmm laut Refrenz

Diese Eigenschaft wird benutzt, um optionale sprachspezifische Werte zu definieren.
Wenn der globale Sprachschlüssel, der von der config-Eigenschaft »language beschrieben wird, in diesem Array gefunden wird, wird anstelle des Standard-Eingabewertes von stdWrap dieser Wert benutzt.

Beispiel:
config.language = de
page.10 = TEXT
page.10.value = I am a Berliner!
page.10.lang.de = Ich bin ein Berliner!

Dieser Code wird "Ich bin..." anstelle von "I am..." ausgeben.

LG
Cope

einpraegsam.​net ·

ok, das muss ich mal ausprobieren - war mir bislang neu...

Aber zurück zum eigentlichen Problem:

tt_content.stdWrap.innerWrap2 = | <a href="{TSFE:siteScript}#top"><img src="fileadmin/bla.jpg" /></a>

Das kannst du dann auch mit dem totop Flag nutzen. Aber normalerweise reicht ein p-Tag mit einer Klasse über die du dann im CSS eine Grafik vergeben kannst...

Leuchtparka ·

Vielen Dank Euch. Habe mich für letztere Variante entschieden. Hab es noch mit einer DIV Class gewürzt. Funktioniert prima.

Danke.
Der Leuchtparka

Für alle die noch einen Anschub brauchen: Das mus ins Main-Template Setup

tt_content.stdWrap.innerWrap2 = | <div class="nachoben"><a href="{TSFE:siteScript}#top" ><img src="fileadmin/template/oben.gif" /> nach oben</a></div>

und das als CSS ablegen:

.nachoben {text-align: right;}
.nachoben a:link {color:#8DA194; text-decoration: none; font-size: 9px;}