Ελληνική Κοινότητα Υποστήριξης ForumGreek
Καλωσήρθατε στο Ελληνικό Φόρουμ Υποστήριξης της ForumGreek!!

Για να αποκτήσετε πλήρη πρόσβαση στο φόρουμ και στα όσα προσφέρει, μπορείτε πολύ απλά να κάνετε μια σύνδεση ή αν δεν έχετε λογαριασμό μία δωρεάν εγγραφή και μπείτε στην κοινότητά μας!!

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

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

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

Δημοσίευση από 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://i42.servimg.com/u/f42/09/02/12/09/sort_u10.png
- https://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.



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

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

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

Επιστροφή στην κορυφή Πήγαινε κάτω

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


 
Δικαιώματα σας στην κατηγορία αυτή
Δεν μπορείτε να απαντήσετε στα Θέματα αυτής της Δ.Συζήτησης
Χρειάζεστε βοήθεια;
Στις Συχνές Ερωτήσεις μπορείτε να βρείτε σημαντικές πληροφορίες που θα σας βοηθήσουν!