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

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

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

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

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


1. Τι θα γίνει

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


2. Οι Κώδικες

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


  • 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 αποτέλεσμα

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

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

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

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

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



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

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

- Παρόμοια θέματα

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