βελάκι για επιστροφή στη κορυφή της σελίδας

Μια περιοχή για το WordPress, αυτή την δημοφιλή δωρεάν πλατφόρμα για blogging

Συντονιστές: WebDev Moderators, Super-Moderators, PHP Moderators

Απάντηση
tatshs
Δημοσιεύσεις: 17
Εγγραφή: 30 Ιαν 2014 18:13

βελάκι για επιστροφή στη κορυφή της σελίδας

Δημοσίευση από tatshs » 10 Μαρ 2014 09:30

εχω μια σελιδα στο wotdpress.com http://tatshs.wordpress.com/
λογω του οτι, τοσο η σελιδα μου οσο και καποια αρθρα της τραβανε πολυ σε μακρος, θελω να τοποθετησω ενα βελακι για επιστροφη στη κορυφή οπως εχω δει σε αλλες σελιδες.
πως θα το κανω?
ευχαριστω

Άβαταρ μέλους
giannis17
Honorary Member
Δημοσιεύσεις: 1215
Εγγραφή: 06 Ιαν 2005 19:50
Τοποθεσία: Παγκράτι - Αθήνα
Επικοινωνία:

βελάκι για επιστροφή στη κορυφή της σελίδας

Δημοσίευση από giannis17 » 10 Μαρ 2014 10:23

Στο πρώτο αντικείμενο της σελίδας (συνήθως το μενού ή το header) θα προσθέσεις ένα id π.χ.

Κώδικας: Επιλογή όλων

<div class="header" id="top">
Έπειτα θα φτιάξεις είτε με εικόνα είτε με κείμενο ένα βελάκι, κάτι που λέει top όπως το νομίζεις και θα το κάνεις link με το id που δημιούργησες έτσι:

Κώδικας: Επιλογή όλων

<a href="#top">
Για να είναι πιο λειτουργικό καλό είναι να μπει σε μια μόνιμη θέση κάτω σε ένα άκρο της σελίδας. Υποθέτοντας ότι στο βελάκι έχεις δώσει μια κλάση

Κώδικας: Επιλογή όλων

<div class="backtotop">
θα του αναθέσεις τον παρακάτω css κώδικα για να μπει κάτω δεξιά:

Κώδικας: Επιλογή όλων

.backtotop &#123; position&#58; fixed; bottom&#58; 10px; right&#58; 10px; &#125;
και θα το βάλει κάτω δεξιά στο παράθυρο μόνιμα χωρίς να scrollάρει με την σελίδα.
"There is only one problem with common sense; it’s not very common."
&#8211; Milt Bryce

Απάντηση

Επιστροφή στο “WordPress γενικά”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 0 επισκέπτες