Macht man in einer Contentseite einen Hacken an :



wird auf der Seite unten ein 'To Top' - Link eingebaut, der auf langen Seiten
dazu genutzt werden kann sich das hochscrollen zu sparen und einen wieder an die oberste Stelle des Contents bringt.

Will man diesen nun an sein Design anpassen gilt es folgendes zu
überlegen.

Typo integriert in das generierte html durch setzen dieses Hackens
folgenden Code

0:    <p class="csc-linkToTop"><a href="#">To top</a></p>

Hier koennen Sie sich den Quellcode kopieren. <p class="csc-linkToTop"><a href="tutorials/notpublic/to-top-bearbeiten-oder-selbst-erstellen.html#">To top</a></p>

daraus folgt das wir das Design im css über :

0:    1:    .csc-linkToTop { 2:    //... 3:    //... /* hier deine Einstellungen wie color,style,padding etc reinpacken */ 4:    // ... 5:    }

Hier koennen Sie sich den Quellcode kopieren. .csc-linkToTop { //... //... /* hier deine Einstellungen wie color,style,padding etc reinpacken */ // ... }

unseren Vorstellungen entsprechend anpassen können.

-------------------------------------------------------------------------------

Will man stattdessen ein eigenes Bild z.B.



verwenden, kann man sich eines kleinen Tricks bedienen :

1.) anker in dein html-template

0:    <div id="topanker"> 1:    <a href="/" target="_self" name="topAnker"> 2:    </div>

Hier koennen Sie sich den Quellcode kopieren. <div id="topanker"> <a href="/" target="_self" name="topAnker"> </div>

2.) diesen dann im css in wie folgt positionieren

(sollte dein Design einen Top-Banner haben, wie diese Seite z.B. kannst du natürlich auch diesen als topanker verwenden)

0:    #topanker{ 1:    position:absolute; 2:    top:0px; 3:    left0px; 4:    } 5:

Hier koennen Sie sich den Quellcode kopieren. #topanker{ position:absolute; top:0px; left0px; }

die festgelegte posi hängt natürlich vom design ab

3.) einmal eine Contentseite vom Typ
html mit folgendem Inhalt erstellen

0:    <td> 1:    <a href="#topAnker"><!-- HIER KANN TEXT HIN --><img src="HIER_DEIN_VERZEICHNIS/to_top_pfeil.gif" border="0" alt="" /></a> 2:    </td>

Hier koennen Sie sich den Quellcode kopieren. <td> <a href="tutorials/notpublic/to-top-bearbeiten-oder-selbst-erstellen.html#topAnker"><!-- HIER KANN TEXT HIN --><img src="HIER_DEIN_VERZEICHNIS/to_top_pfeil.gif" border="0" alt="" /></a> </td>

diese Contentseite kannst du dann einfach als letze Seite
in die Seiten kopieren, die ein to-top brauchen.
Ist zwar ein Klick mehr als to-top Hacken aktivierern, mehr aber
auch nicht :D

Wem das zu trivial ist möge mir verzeihen, wenns nur einem Hilft
wars die "Arbeit" wert.