Sprungmarken setzen und ansteuern
Gelegentlich ist es wünschenswert, am unteren Seitenrand der Website einen Sprungmarkenlink "nach oben" anzubieten. Korrekter Weise definiert man einen solchen zuvor im html-Code. "Oben" kann ganz am oberen Rand bedeuten oder beispielsweise "oben bei den Navigationsbuttons" etc. Entsprechend setzen wir zunächst in der navigation.ccml die Sprungmarke im passenden Bereich wie folgt fest:
"name" und "id" müssen identisch und sollten beide eingetragen sein.
Sprungbefehl einsetzen
Dafür verwenden wir einen html-Absatz. Wahlweise kann der Sprungbefehl als Text, Grafik oder kombiniert ausgegeben werden.
1. entsprechende Grafik in das Designverzeichnis kopieren
2. Datei global.ccml öffnen und die gewünschte Grafik hier "anmelden":
<cc:picture obj="pic.oben" dst="toplink.gif" src="pic_toplink.gif"><cc:*>Grafik anmelden in der global.ccml</cc:*>
<cc:*>Link "nach oben" als Grafik ausgeben</cc:*>
<p><a href="#titletop" title="<cc:print value="&site.ressource.up">"><cc:printpicture obj="pic.oben" alt="&site.ressource.up" width="16" height="16"></img></a></p>
<cc:*>Link "nach oben" als Grafik und als Text ausgeben</cc:*>
<p><a href="#titletop" title="<cc:print value="&site.ressource.up">"><cc:printpicture obj="pic.oben" alt="&site.ressource.up" width="16" height="16"></img></a> <a href="#titletop" title="<cc:print value="&site.ressource.up">"><cc:print value="&site.ressource.up"></a></p>
Wahlweise kann der ausgegebene Link rechts- oder linksbündig oder zentriert positioniert werden. Dafür ergänzen wir den html-Code entsprechend:
<cc:*>Link "nach oben" als Grafik linksbündig ausgeben</cc:*>
<p style="text-align:left;"><a href="#titletop" title="<cc:print value="&site.ressource.up">"><cc:printpicture obj="pic.oben" alt="&site.ressource.up" width="16" height="16"></img></a></p>
<cc:*>Link "nach oben" als Grafik zentriert ausgeben</cc:*>
<p style="text-align:center;"><a href="#titletop" title="<cc:print value="&site.ressource.up">"><cc:printpicture obj="pic.oben" alt="&site.ressource.up" width="16" height="16"></img></a></p>
<cc:*>Link "nach oben" als Grafik und als Text rechtsbündig ausgeben</cc:*>
<p style="text-align:right;"><a href="#titletop" title="<cc:print value="&site.ressource.up">"><cc:printpicture obj="pic.oben" alt="&site.ressource.up" width="16" height="16"></img></a> <a href="#titletop" title="<cc:print value="&site.ressource.up">"><cc:print value="&site.ressource.up"></a></p>
