Come riquadrare l'avatar o tutto il profilo

Tutorial Come riquadrare l'avatar o tutto il profilo

Messaggio Da Niko Dom 7 Lug 2013 - 14:15

Come riquadrare l'avatar o tutto il profilo


Ciao forumattivo,

Il seguente tutorial vi permetterà di integrare un framework personalizzabile nella tabella "Autore" nei vostri messaggi

Dimostrazione


Prima di apportare modifiche, assicuratevi che il vostro forum soddisfi le seguenti condizioni:
  • Devi essere il fondatore del forum e avere accesso ai templates
  • Il tuo forum deve essere phpBB2 o PunBB


Cambiare il modello viewtopic_body
Andate in Pannello di Amministrazione → Display → Generale → Modelli e aprite il modello chiamato viewtopic_body con la rotella arancione ( :mod: ).

Se si desidera che solo l'avatar sia incorniciato individuare la variabile:
Codice:
{postrow.displayed.POSTER_AVATAR}

e sostituirla con:
Codice:
<div class="post_avatar">{postrow.displayed.POSTER_AVATAR}</div>

NB: queste modifiche sono le stesse sia per PhpBB2 che per PunBB



Se si desidera che tutto il profilo sia incorniciato individuare questa parte:
Codice:
<span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span><br />
            <span class="postdetails poster-profile">
            {postrow.displayed.POSTER_RANK}<br />
            {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}<br /><br />
            <!-- BEGIN profile_field -->
            {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
            <!-- END profile_field -->
            {postrow.displayed.POSTER_RPG}
        </span>

e sostituirla con questa:
Codice:
<div class="post_profile"><span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span><br />
            <span class="postdetails poster-profile">
            {postrow.displayed.POSTER_RANK}<br />
            {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}<br /><br />
            <!-- BEGIN profile_field -->
            {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
            <!-- END profile_field -->
            {postrow.displayed.POSTER_RPG}
        </span></div>
NB: Questa modifica si applica solo alla versione phpBB2

Una volta che il cambiamento è fatto, bisogna salvarlo e quindi pubblicare il modello facendo clic sul bottone verde del template modificato ( :new: )



Cambiare gli stili CSS
Andate in PDA > Visualizzazione > Colori > Foglio di stile CSS

  • Se avete inquadrato solo l'avatar aggiungete questo codice per la modifica:
    Codice:
    div.post_avatar img {
    border:1px solid #000000;
    background:#FFFFFF;
    padding:3px;}
  • Se avete inquadrato tutto il profilo (PhpBB2) aggiungete questo codice per la modifica:
    Codice:
    div.post_profile {
    border:1px solid #000000;
    background:#FFFFFF;
    padding:3px;}
  • Se avete inquadrato tutto il profilo (PunBB) aggiungete questo codice per la modifica:
    Codice:
    div.user {
    border:1px solid #000000;
    background:#FFFFFF;
    padding:3px;}


Non dimenticate di registrare le modifiche :new: 


[b]Spiegazioni:

background:#FFFFFF; permette di modificare il colore dello sfondo (#FFFFFF vuol dire bianco)
border:1px solid #000000;  Permette di modificare il bordo dell'inquadratura (#000000 vuol dire nero e 1px è lo spessore)
padding:3px;  Permette di aggiungere un margine di 3px

La sezione di supporto è sempre aperta per eventuali domande e/o suggerimenti :zen:


Tutorial creato da: Matriochka (FDF Francese) e tradotto per il Forum di supporto Italiano da Niko
Copyrigth ©️ FORUMATTIVO.COM


Niko
Niko
Moderatore
Moderatore

Sesso : Maschio
Età : 28
Messaggi : 9573
Località : Provincia di Varese

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.