Προσθέστε βέλη "Πάνω / Κάτω"

Επισκόπηση προηγούμενης Θ.Ενότητας Επισκόπηση επόμενης Θ.Ενότητας Πήγαινε κάτω

Προσθέστε βέλη "Πάνω / Κάτω"

Δημοσίευση από Luffy Την / Το Πεμ Νοε 27, 2014 10:02 pm

Προσθέστε βέλη "Πάνω / Κάτω"


Με αυτό τον οδηγό θα μάθετε πως να προσθέσετε τα "πάνω / κάτω" βέλη στο φόρουμ σας.



Javascript

Πάτε: Πίνακας Διαχείρισης > Λειτουργικές Μονάδες > HTML & JAVASCRIPT > Διαχείριση κωδικών Javascript και πατάτε το "Create a new Javascript" και συμπληρώστε τα πεδία ως εξής:
Τitle : ότι θέλετε
Placement : In all the pages
Javascript Code :
Κώδικας:
$(function(){$("body").append('<div class="updownbutton"><a href="#top"><img src="http://i42.servimg.com/u/f42/09/02/12/09/sort_u10.png" alt="Go to top" /></a> <a href="#bottom"><img src="http://i42.servimg.com/u/f42/09/02/12/09/sort_d10.png" alt="Go to bottom" /></a></div>')});
Mπορείτε να αλλάξετε τις εικόνες αντικαθιστώντας τα παρακάτω Links που βρίσκονται στο script:
- http://i42.servimg.com/u/f42/09/02/12/09/sort_u10.png
- http://i42.servimg.com/u/f42/09/02/12/09/sort_d10.png
Κάνετε τις αλλαγές που θέλετε, αν θέλετε και μετά πατάτε Submit.


Μορφοποίηση CSS

Πάτε: Πίνακας Διαχείρισης > Εμφάνιση > Εικόνες και χρώματα > Χρώματα > CSS Stylesheet και προσθέτετε τον εξής κώδικα:
Κώδικας:
.updownbutton {
  position:fixed;
  bottom:40px;
  right:10px; /* replace right with left to display the buttons on the left */
  z-index:100;
}

Τέλος αν θέλετε τα βέλη να είναι με χαμηλή ορατότητα και να φωτίζουν όταν περνάτε το ποντίκι πάνω τους, προσθέστε αυτόν τον κώδικα κάτω από τον κώδικα που δώθηκε πιο πάνω:
Κώδικας:
.updownbutton img {
  filter:alpha(opacity=50);
        -khtml-opacity:0.5;
          -moz-opacity:0.5;
              opacity:0.5;
}
.updownbutton img:hover {
  filter:alpha(opacity=100);
          -khtml-opacity:1;
            -moz-opacity:1;
                  opacity:1;
}

Πατάτε Submit και είστε έτοιμοι!

Ο οδηγός γράφτηκε από Ea του Γαλλικού Φόρου Υποστήριξης, μεταφράστηκε από Ange Tuteur στο Αγγλικό Φόρουμ Υποστήριξης και μεταφράστηκε στα Ελληνικά για τις ανάγκες του ForumGreek.



avatar

Luffy
Διαχειριστής
Διαχειριστής

Άντρας
Τόπος : Ελλάδα
Δημοσιεύσεις : 2165

Luffy ο/η συγγραφέας σας ευχαριστήσε για την απάντησή σας.

Επισκόπηση προηγούμενης Θ.Ενότητας Επισκόπηση επόμενης Θ.Ενότητας Επιστροφή στην κορυφή


Δικαιώματα σας στην κατηγορία αυτή
Δεν μπορείτε να απαντήσετε στα Θέματα αυτής της Δ.Συζήτησης