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

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

Αλλάξτε το φόντο ανάλογα με το φύλο του χρήστη

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

Αλλάξτε το φόντο ανάλογα με το φύλο του χρήστη

Δημοσίευση από Luffy Την / Το Τετ Νοε 26, 2014 5:55 pm

Αλλάξτε το φόντο ανάλογα με το φύλο του χρήστη


1. Τι θα γίνει

Για να δουλέψει ο οδηγός αυτός, θα πρέπει το πεδίο Φύλλο, στο φόρουμ σας να είναι ορατό στα μηνύματα των θεμάτων σας και να μην είναι μόνο ως κείμενο. Η εικόνα πρέπει να φαίνεται! Θα φτιάξουμε δύο εντολές για να τις διαμορφώσουμε όπως τις θέλουμε στο CSS, έτσι ώστε η εντολή fa_postbody_xy (για τους άντρες) και η εντολή fa_postbody_xx (για τις γυναίκες) στα θέματα και στις δημοσιεύσεις σας να αλλάζει το φόντο του δικού σας θέματος για να ξεχωρίζουν οι άντρες από τις γυναίκες. Πάμε να δούμε πως θα το κάνουμε αυτό.


2. Οι Κώδικες

Πάμε: Πίνακας Διαχείρισης > Λειτουργικές Μονάδες > HTML & JAVASCRIPT > Διαχείριση κωδικών Javascript[/size]
και συμπληρώστε τα στοιχεία όπως παρακάτω:


  • Title * : (ότι θέλετε)
  • Placement : In the topics
  • Javascript Code * :

Κώδικας:

$(function() {
  
   //Indicate here the version of your forum.
   var version = "phpBB3";
  
   if(version.toLowerCase() == "phpbb2"){  
      $(".postdetails img[title='Male']").closest('.postdetails').parent('td').next('td').addClass("fa_postbody_xy");
      $(".postdetails img[title='Female']").closest('.postdetails').parent('td').next('td').addClass("fa_postbody_xx");
   }else if(version.toLowerCase() == "phpbb3"){  
      $(".postprofile img[title='Male']").closest('.postprofile').prev('.postbody').addClass("fa_postbody_xy");
      $(".postprofile img[title='Female']").closest('.postprofile').prev('.postbody').addClass("fa_postbody_xx");  
   }else if(version.toLowerCase() == "punbb"){  
      $(".user-info img[title='Male']").closest('.postmain').addClass("fa_postbody_xy");
      $(".user-info img[title='Female']").closest('.postmain').addClass("fa_postbody_xx");  
   }else if(version.toLowerCase() == "invision"){        
      $(".postprofile img[title='Male']").closest('.post-container').addClass("fa_postbody_xy");
      $(".postprofile img[title='Female']").closest('.post-container').addClass("fa_postbody_xx");
   }
});

Σημαντικό: Για να λειτουργήσει ο οδηγός, θα πρέπει οπωσδήποτε να αναφέρεται την έκδοση του φόρουμ σας, τροποποιώντας την τιμή της μεταβλητής έκδοσης στον κώδικα, επιλέγοντας μεταξύ των εκδόσεων phpBB2, phpBB3, punBB και Invision.


3. Διαμόρφωση μέσω CSS

Τώρα έχοντας το javascript αυτό σε λειτουργία και διαμορφώνοντας τις μεταβλητές στο CSS θα εμφανιστεί μια εικόνα στα μηνύματα ανάλογα με το φύλλο του χρήστη και με λίγη φαντασία μπορείτε να το κάνετε όπως θέλετε.

Πάμε: Πίνακας Διαχείρισης > Εμφάνιση > Εικόνες και χρώματα > Χρώματα > CSS Stylesheet[/size]

Κώδικας:

.fa_postbody_xy{
   background: url("http://i45.servimg.com/u/f45/17/45/19/77/xy10.png");
min-height: 500px;
}
  
.fa_postbody_xx {
   background: url("http://i45.servimg.com/u/f45/17/45/19/77/xx10.png");
min-height: 500px;
}


4. To αποτέλεσμα



Και είστε έτοιμοι!!

Ο οδηγός δημιουργήθηκε από τον Turbodeif στις 20/06/12 στο Ισπανικό Φόρουμ Υποστήριξης και μεταφράστηκε στο Aγγλικό Φόρουμ Υποστήριξης και έπειτα εδώ για τις ανάγκες του ForumGreek.



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

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

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

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

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


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