Go To Top Button ( Tutorial & 15 Buttons styles )

Μια εύκολη και εύχρηστη εφαρμογή για να επιστρέψουμε στην κορυφή της σελίδας.

Η διαδικασία που θα ακολουθήσετε είναι.....

Αφού κρατήσετε ένα backup το template σας καλού-κακού....

θα μπείτε στο Πανόπτη σας & μετά >>> Διάταξη >>> Επεξεργασία HTML και θα κάνετε αναζήτηση με το Ctrl + F για το.....

</body>

Μόλις το βρείτε θα προσθέσετε τον παρακάτω κώδικα πριν το κλείσιμο του </body>.

<a href='#' style='display:scroll;position:fixed;bottom:5px;right:10px;' title='move on to top of page'><img src='....direct link image....'/></a>

Στο σημείο του κώδικα ....direct link image.... θα προσθέσετε τον σύνδεσμο από όποια εικόνα θέλετε να βάλετε εσείς ή όποια σας αρέσει από τις παρακάτω.

Κάποια σχέδια που έφτιαξα για αυτήν την περίπτωση.



http://i42.tinypic.com/2hwifyg.jpg


http://i39.tinypic.com/dczkty.jpg


http://i40.tinypic.com/hvp1lw.jpg


http://i44.tinypic.com/14ucpad.jpg


http://i39.tinypic.com/bhbpsp.jpg


http://i41.tinypic.com/vnjh9d.jpg


http://i41.tinypic.com/24mgewx.jpg


http://i42.tinypic.com/jt9wnc.jpg


http://i42.tinypic.com/x1dixc.jpg


http://i41.tinypic.com/2iu7sk6.jpg


http://i41.tinypic.com/24pvuoh.jpg


http://i40.tinypic.com/2w4bp6o.jpg


http://i41.tinypic.com/zsdfp.jpg


http://i41.tinypic.com/x0vfqh.jpg


http://i41.tinypic.com/6j1sgx.jpg

Σημείωση:

Στο σημείο του κώδικα fixed;bottom:5px;right:1px; σας δινει τις αποστάσεις.
α) από το κάτω μέρος της σελίδας.
β) την απόσταση από την δεξιά πλευρά, αυτό το επισημαίνουμε μόνο & μόνο γιατί κάποιοι έχουν προσθέσει κάποιες μπάρες στην κάτω πλευρά, οπότε εκεί θα πρέπει να αλλάξουν την απόσταση του bottom:5px; σε bottom:25px; μόνο & μόνο να φαίνεται το κουμπί.

Για μεγαλύτερη ακρίβεια θα πειραματιστείτε & μόνοι σας για να βρείτε σε ποια απόσταση θα φαίνετε καλύτερα.

Αντίστοιχα θα ρυθμίσετε & το right:1px;

ΚΑΛΗ ΕΠΙΤΥΧΙΑ!!!!!