vBulletin Vbulletin 4: Inserire un box info all'interno dei post.

[Asterix]

CT mette a disposizione un nuovo tutorial sul mondo Vbulletin.

Come inserire il pulsante e il relativo box info in modo tale da ottenere un risultato simile a questo.



1° Step Creare i Campi utente che vogliamo far apparire alla pressione del pulsante:

• AdminCP → Campi profilo utente → Aggiungi nuovo campo profilo

2° Step Modificare i template postbit o postbit_legacy

• AdminCP → Stili e Template → Gestione stile → tuo stile → postbit o postbitlegacy

1. Ora vediamo i due codici a noi necessari:
   
   
   • codice per il richiamo del pulsante
     

      <a style="text-decoration: none; color: #295684;" href="javascript:;" onmousedown="if(document.getElementById('cel_{vb:raw post.postid}').style.display == 'none'){ document.getElementById('cel_{vb:raw post.postid}').style.display = 'block'; }else{ document.getElementById('cel_{vb:raw post.postid}').style.display = 'none'; }"><img src="images/tuaimmagine.xxx"></a> 
     <noscript>È necessario che JavaScript sia attivato .............</noscript> 
       

     attenzione necessita sostituire images/tuaimmagine.xxx con la reale posizione del file pulsante.
     
   • codice per il richiamo box
     

      <div id="cel_{vb:raw post.postid}" style="border: 1px solid rgb(5, 83, 133); padding: 3px; background: rgb(143,188,143) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; font-family: Verdana,Helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 11px; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none; color: rgb(36, 36, 36); height: 100%; overflow-y: auto; overflow-x: hidden; display:none;">
      
     <div style="padding: 4px; width: 42.5%; float: left;">
     <vb:if condition="$post['fieldX']"><b>label1</b> {vb:raw post.fieldX}</vb:if>
     <vb:if condition="$post['fieldX']"><b>label2</b> {vb:raw post.fieldX}</vb:if>
     <vb:if condition="$post['fieldX']"><b>label3</b> {vb:raw post.fieldX}</vb:if>
     </div>
      
     <div style="padding: 4px; width: 42.5%; float: left;">
     <vb:if condition="$post['fieldX]"><b>label4</b> {vb:raw post.fieldX}</vb:if>
     </div>
      
     <div style="padding: 4px; width: 15%; float: right;">
     </div>
     </div> 
       

     Anche questo codice necessita di personalizzazioni al fine di integrarlo con il resto del forum, variabili da variare:
     
     
     • border: 1px solid rgb(5, 83, 133) → stile e colore del bordo
     • background: rgb(143,188,143) → colore dello sfondo
     • color: rgb(36, 36, 36) → colore del testo
     • $post['fieldX'] e {vb:raw post.fieldX} → sostituire la x con l'id del campo utente da riportare
     • label1 …..... → sostituire con l'etichetta che si vuole far comparire vicino al valore del campo utente.
   
   Il codice di esempio da noi riportato ha la seguente struttura:
   
   • prima colonna box 3 campi utente
   • seconda colonna box 1 campo utente
   • terza colonna box nessun valore
   
   
2. procediamo con la modifica del template postbit
   
   • cerca

      <div class="postfoot"> 
       

     aggiungi prima
     

      <!-- Codice personalizzato per info box -->
     <a style="text-decoration: none; color: #295684;" href="javascript:;" onmousedown="if(document.getElementById('cel_{vb:raw post.postid}').style.display == 'none'){ document.getElementById('cel_{vb:raw post.postid}').style.display = 'block'; }else{ document.getElementById('cel_{vb:raw post.postid}').style.display = 'none'; }"><img src="images/tuaimmagine.xxx"></a> 
     <noscript>È necessario che JavaScript sia attivato .............</noscript>
      
      
     <div id="cel_{vb:raw post.postid}" style="border: 1px solid rgb(5, 83, 133); padding: 3px; background: rgb(143,188,143) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; font-family: Verdana,Helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 11px; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none; color: rgb(36, 36, 36); height: 100%; overflow-y: auto; overflow-x: hidden; display:none;">
      
     <div style="padding: 4px; width: 42.5%; float: left;">
     <vb:if condition="$post['fieldX']"><b>label1</b> {vb:raw post.fieldX}</vb:if>
     <vb:if condition="$post['fieldX']"><b>label2</b> {vb:raw post.fieldX}</vb:if>
     <vb:if condition="$post['fieldX']"><b>label3</b> {vb:raw post.fieldX}</vb:if>
     </div>
      
     <div style="padding: 4px; width: 42.5%; float: left;">
     <vb:if condition="$post['fieldX]"><b>label4</b> {vb:raw post.fieldX}</vb:if>
     </div>
      
     <div style="padding: 4px; width: 15%; float: right;">
     </div>
     </div>
     <!-- / Codice personalizzato per info box --> 
       

Attenzione il codice di questo tutorial deve essere personalizzato per ogni esigenza, vedi il numero di fieldX da riportare, vedi l'aspetto grafico e altre piccole cose
Tra le varie personalizzazioni fatte nel Collectiontricks è stato inserito per esempio il controllo su quali forum far apparire il pulsante e quali no.

Per questa guida abbiamo utilizzato i due codici in sequenza, ma nulla ci vieta di inserire il pulsante sotto l'avatar e il box prima della firma (nel postbit_legacy dovrebbe risultare una soluzione ottimale)




PS nel file allegato vengono riportati i due codici sopra citati al fine di evitare eventuali errori di interpretazione vb.

Questo/a opera è pubblicato sotto una Licenza Creative Commons.

[morph]

puoi essere più specifico su alcune cose?

es.

AdminCP → Campi profilo utente → Aggiungi nuovo campo profilo
che campo devo selezionare... ci sono più di 4 5 scelte.

codice per il richiamo del pulsante
in che zona precisa di postbit e di postbit legacy devo incollare il codice di richiamo??

grazie in anticipo per il tuo aiuto

[Asterix]

puoi essere più specifico su alcune cose?

Certo, ma necessita anche sapere cose più precise in quanto:

AdminCP → Campi profilo utente → Aggiungi nuovo campo profilo
che campo devo selezionare... ci sono più di 4 5 scelte.

Dipende dalle tue esigenze e da cosa richiedi ai tuoi user, in alcuni casi puo' andar bene la 1 in altri la 2 ecc. io dovrei aver utilizzato tre tipologie

codice per il richiamo del pulsante
in che zona precisa di postbit e di postbit legacy devo incollare il codice di richiamo??

grazie in anticipo per il tuo aiuto

anche in questo caso dipende da te, nel tutorial ho riportato in modo ben chiara la posizione dove inserire il codice per ottenere quanto raffigurato

Cerca

 <div class="postfoot"> 
  

aggiungi prima

[Bobsilvio]

ciao a tutti, io ho provato ad inserire il codice ma sia in postbit che in postbit_legacy da errore:

Warning: Invalid argument supplied for foreach() in [path]/includes/functions.php on line 3416

Messaggio vBulletin
Il seguente errore è avvenuto durante il tentativo di valutare questo template:
%1$s
È comunemente causato da una dichiarazione condizionale non corretta. È altamente consigliato riparare questo errore prima di continuare, ma puoi continuare anche in questo modo se preferisci.

[Asterix]

Ciao

ci puoi dire qual'è la versione di vbulletin utilizzata?

Ti informo che ho rilasciato una mod Info box on Postbit - vBulletin.org Forum, qui sul forum viene utilizzata nei forum tecnici, qui trovi un esempio

[Bobsilvio]

il forum che sto aprendo usa il 4.1.2 ed è tecnico, decoder satellitari in linux.. quindi sarebbe comodissima.. vedo la tua mod.. fa la stessa cosa?

--- Post unito in modo automatico ---

ho messo il plugin ed ha funzionato ottimamente..dovresti aggiornare la traduzione ;)