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

από **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:
- https://i.servimg.com/u/f42/09/02/12/09/sort_u10.png
- https://i.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.