Cambiare lo sfondo dei topic a seconda del sesso dell'utente


Tutorial Cambiare lo sfondo dei topic a seconda del sesso dell'utente

Messaggio Da Niko Lun 24 Feb 2014 - 16:55

Cambiare lo sfondo dei topic a seconda del sesso dell'utente


1. A cosa serve?

Per far si che questo script funzioni, è necessario che il campo 'sesso' sia visualizzato nei profili nei messaggi non solo con i, testo ma anche con l'immagine :bene: 
Andremo a creare il CSS aggiuntivo con la classe fa_postbody_xy (per i maschi) e fa_postbody_xx (per le femmine) rispettivamente per i messaggi di maschi e femmine e potremo cosi in seguito, personalizzarlo.

2. Il codice javascript

PDA Cambiare lo sfondo dei topic a seconda del sesso dell'utente Arrow10 Moduli Cambiare lo sfondo dei topic a seconda del sesso dell'utente Arrow10 HTML & Javascript Cambiare lo sfondo dei topic a seconda del sesso dell'utente Arrow10Gestione del codice Javascript
Cambiare lo sfondo dei topic a seconda del sesso dell'utente AjouterCreare un nuovo codice Javascript da applicare 'Nei soggetti/argomenti".


  • Titolo: (quello che volete)

  • Dove: nei soggetti/argomenti

  • Javascript :
    Code: ----------Select Content
    Codice:

    $(function() {
       
       //Indicare qui la versione del tuo 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");
       }
    });





Importante! per far funzionare questo codice javascript è necessario cambiare la variabile version che trovate nel codice javscript (all'inizio) con la versio del vostro forum scegliendo tra

  • phpBB2
  • phpBB3
  • punBB
  • Invision.



3. Personalizzazione del codice CSS (stile)

Avendo due diverse classi (maschi e femmine) è necessario modificarle in modo da avere due diversi stili a seconda del sesso dell'utente; questo punto può essere modificato a piacimento, secondo la vostra fantasia :good: 

PDACambiare lo sfondo dei topic a seconda del sesso dell'utente Arrow10 Visualizzazione Cambiare lo sfondo dei topic a seconda del sesso dell'utente Arrow10 Immagini e colori Cambiare lo sfondo dei topic a seconda del sesso dell'utente Arrow10 Colori Cambiare lo sfondo dei topic a seconda del sesso dell'utente Arrow10 Foglio di stile (CSS)


Code: ----------Select Content
Codice:

.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. Il risultato :

Enlarge this image Click to see fullsize
Cambiare lo sfondo dei topic a seconda del sesso dell'utente Sin_ta37

ed ecco fattoCambiare lo sfondo dei topic a seconda del sesso dell'utente Icon_cheers Cambiare lo sfondo dei topic a seconda del sesso dell'utente Icon_cheers Cambiare lo sfondo dei topic a seconda del sesso dell'utente Icon_cheers 
siamo sempre disponibili per suggerimenti e supporto nelle sezioni dedicate all'aiuto :zen: 


Translated and updated by the Forumotion Staff


Tutorial creato da:
Copyrigth ©️ FORUMATTIVO.COM


Niko
Niko
Moderatore
Moderatore

Sesso : Maschio
Età : 26
Messaggi : 9075
Località : Provincia di Varese

Visualizza il profilo https://www.fmcodes.net/
Niko è stato ringraziato dall'autore di questo topic.

Visualizza l'argomento precedente Visualizza l'argomento successivo Torna in alto

- Argomenti simili

 
Permessi in questa sezione del forum:
Non puoi rispondere agli argomenti in questo forum.