Campi del profilo racchiusi in un box
Inviato: 02/10/2011, 18:38
Con questa guida otterrete un risultato simile a questo:
La guida, logicamente, è stata fatta seguendo il prosilver, ma può andare bene per i suoi derivati e, con qualche adattamento, anche per subsilver2.
Questa guida è tratta da un post di bingo, che potete leggere qui: http://www.phpbbitalia.net/forum/forum- ... tml#p32716
Io vi spiego solamente come funziona tale metodo e come applicarlo nel caso non ci foste riusciti.
Prima di tutto, come applichiamo tali bordi?
Analizziamo come è composta la stringa che fa comparire il campo del profilo nel viewtopic_body.html:
Per dare qualche "effetto" al campo del profilo, dobbiamo ricorrere ai css, quindi modifichiamo ogni riferimento ai campi del profilo da come abbiamo visto prima a cosi:
In pratica, aggiungiamo a ogni profilo la classe css "boxprofile", che definiremo in seguito con questo css, da aggiungere nei .css del tema:
Con il parametro "width" regoliamo in percentuale la lunghezza del box che racchiuderà il profilo, con "background-color" regoliamo il colore di sfondo, con "border" regoliamo la dimensione dei bordi e il loro colore, con i restanti valori regoliamo il "posizionamento" di tale box, per esempio il "margin-top" regola la sua altezza verticale.
Nel caso non abbiate capito nulla, ecco passo a passo come applicare tali box.
Aprite "viewtopic_body.html"
Cercate:
Sostituite con:
Aprite qualsiasi file .css del prosilver, io vi consiglio, per coerenza, di aprite "common.css". Comunque, aggiungete in fondo:
La guida, logicamente, è stata fatta seguendo il prosilver, ma può andare bene per i suoi derivati e, con qualche adattamento, anche per subsilver2.
Questa guida è tratta da un post di bingo, che potete leggere qui: http://www.phpbbitalia.net/forum/forum- ... tml#p32716
Io vi spiego solamente come funziona tale metodo e come applicarlo nel caso non ci foste riusciti.
Prima di tutto, come applichiamo tali bordi?
Analizziamo come è composta la stringa che fa comparire il campo del profilo nel viewtopic_body.html:
Codice: Seleziona tutto
<dd><strong>{postrow.PROFILE_FIELD1_NAME}:</strong> {postrow.PROFILE_FIELD1_VALUE}</dd>Codice: Seleziona tutto
<dd class="boxprofile"><strong>{postrow.PROFILE_FIELD1_NAME}:</strong> {postrow.PROFILE_FIELD1_VALUE}</dd>Codice: Seleziona tutto
dd.boxprofile {
width: 80%;
background-color: #F5F5F5 ;
border: 1px solid #708090 ;
padding: 3px;
margin-top: 2px;
margin-left: 5px;
}Nel caso non abbiate capito nulla, ecco passo a passo come applicare tali box.
Aprite "viewtopic_body.html"
Cercate:
Codice: Seleziona tutto
<!-- IF postrow.POSTER_POSTS != '' --><dd><strong>{L_POSTS}:</strong> {postrow.POSTER_POSTS}</dd><!-- ENDIF -->
<!-- IF postrow.POSTER_JOINED --><dd><strong>{L_JOINED}:</strong> {postrow.POSTER_JOINED}</dd><!-- ENDIF -->
<!-- IF postrow.POSTER_FROM --><dd><strong>{L_LOCATION}:</strong> {postrow.POSTER_FROM}</dd><!-- ENDIF -->
<!-- IF postrow.S_PROFILE_FIELD1 -->
<!-- Use a construct like this to include admin defined profile fields. Replace FIELD1 with the name of your field. -->
<dd><strong>{postrow.PROFILE_FIELD1_NAME}:</strong> {postrow.PROFILE_FIELD1_VALUE}</dd>
<!-- ENDIF -->
<!-- BEGIN custom_fields -->
<dd><strong>{postrow.custom_fields.PROFILE_FIELD_NAME}:</strong> {postrow.custom_fields.PROFILE_FIELD_VALUE}</dd>
<!-- END custom_fields -->Codice: Seleziona tutto
<!-- IF postrow.POSTER_POSTS != '' --><dd class="boxprofile"><strong>{L_POSTS}:</strong> {postrow.POSTER_POSTS}</dd><!-- ENDIF -->
<!-- IF postrow.POSTER_JOINED --><dd class="boxprofile"><strong>{L_JOINED}:</strong> {postrow.POSTER_JOINED}</dd><!-- ENDIF -->
<!-- IF postrow.POSTER_FROM --><dd class="boxprofile"><strong>{L_LOCATION}:</strong> {postrow.POSTER_FROM}</dd><!-- ENDIF -->
<!-- IF postrow.S_PROFILE_FIELD1 -->
<!-- Use a construct like this to include admin defined profile fields. Replace FIELD1 with the name of your field. -->
<dd class="boxprofile"><strong>{postrow.PROFILE_FIELD1_NAME}:</strong> {postrow.PROFILE_FIELD1_VALUE}</dd>
<!-- ENDIF -->
<!-- BEGIN custom_fields -->
<dd class="boxprofile><strong>{postrow.custom_fields.PROFILE_FIELD_NAME}:</strong> {postrow.custom_fields.PROFILE_FIELD_VALUE}</dd>
<!-- END custom_fields -->Codice: Seleziona tutto
dd.boxprofile {
width: 80%;
background-color: #F5F5F5 ;
border: 1px solid #708090 ;
padding: 3px;
margin-top: 2px;
margin-left: 5px;
}