Prosilver profilo a sinistra

Area dedicata al supporto degli stili
Rispondi
Avatar utente
Dr.House
Amministratore
Amministratore
Messaggi: 2173
Iscritto il: 08/01/2012, 8:24
Link del Forum: www.phpbb-italia.it
Località: Reggio Calabria
Contatta:
Contatta Dr.House

Prosilver profilo a sinistra

Messaggio da Dr.House »

La guida spiega come spostare da destra a sinistra il profilo nel prosilver.
WarningAUTORE:Snowcone
InfoSPOSTA I PROFILI NEL WIEWTOPIC DA DESTRA A SINISTRA
PIATTAFORMA
PHPBB3 3.0.X
STILI COMPATIBILI
PROSILVER E DERIVATI
PROGRESSO

100%

100%




1. In primo luogo ci accingiamo a cambiare il valore decimale per la classe. Postbody da sinistra a destra.

aprire styles / prosilver / theme / content.css

Cerca:

Codice: Seleziona tutto

 /* Post body styles
    ----------------------------------------*/
    .postbody {
    padding: 0;
    line-height: 1.48em;
    color: #333333;
    width: 76%;
    float: left;
    clear: both;
    }
sostituire con questo

Codice: Seleziona tutto

    /* Post body styles
    ----------------------------------------*/
    .postbody {
    padding: 0;
    line-height: 1.48em;
    color: #333333;
    width: 76%;
    float: right;
    clear: both;
    }
2. Ci accingiamo a cambiare il valore decimale per la classe. Postprofile da destra a sinistra e sposta il bordo bianco verticale sul lato destro.

aprire styles / prosilver / theme / content.css

Cerca:

Codice: Seleziona tutto

    /* Poster profile block
    ----------------------------------------*/
    .postprofile {
    /* Also see tweaks.css */
    margin: 5px 0 10px 0;
    min-height: 80px;
    color: #666666;
    border-left: 1px solid #FFFFFF;
    width: 22%;
    float: right;
    display: inline;
    }
Sostituire con

Codice: Seleziona tutto

    /* Poster profile block
    ----------------------------------------*/
    .postprofile {
    /* Also see tweaks.css */
    margin: 5px 0 10px 0;
    min-height: 80px;
    color: #666666;
    border-right: 1px solid #FFFFFF;
    width: 22%;
    float: left;
    display: inline;
    }
Cerca

Codice: Seleziona tutto

    .pm .postprofile {
    border-left: 1px solid #DDDDDD;
    }
Sostituire con:

Codice: Seleziona tutto

    .pm .postprofile {
    border-right: 1px solid #DDDDDD;
    }
4: adesso aprite:

Apri: styles / prosilver / theme / colours.css

Cerca:

Codice: Seleziona tutto

    .online {
       background-image: url("{T_IMAGESET_LANG_PATH}/icon_user_online.gif");
    }
Sostituire con:

Codice: Seleziona tutto

    .online {
       background-image: url("{T_IMAGESET_LANG_PATH}/icon_user_online.gif");
       margin-top: -5px;
    }

    .online dt {
       margin-top: 5px;
    }
5. In primo luogo abbiamo bisogno di rimuovere l'immagine attuale per essere applicata al div del post.

aprire style/prosilver/template/viewtopic_body.html

Cerca:

Codice: Seleziona tutto

    <div id="p{postrow.POST_ID}" class="post <!-- IF postrow.S_ROW_COUNT is odd -->bg1<!-- ELSE -->bg2<!-- ENDIF --><!-- IF postrow.S_UNREAD_POST --> unreadpost<!-- ENDIF --><!-- IF postrow.S_POST_REPORTED --> reported<!-- ENDIF --><!-- IF postrow.S_ONLINE and not postrow.S_IGNORE_POST --> online<!-- ENDIF -->">
Rimuovi questo:

Codice: Seleziona tutto

<!-- IF postrow.S_ONLINE and not postrow.S_IGNORE_POST --> online<!-- ENDIF -->

per creare questo:

Codice: Seleziona tutto

    <div id="p{postrow.POST_ID}" class="post <!-- IF postrow.S_ROW_COUNT is odd -->bg1<!-- ELSE -->bg2<!-- ENDIF --><!-- IF postrow.S_UNREAD_POST --> unreadpost<!-- ENDIF --><!-- IF postrow.S_POST_REPORTED --> reported<!-- ENDIF -->">
6. Ora abbiamo bisogno di aggiungere questo ritorno all' elemento postprofile dl.

Apri: style/prosilver/template/viewtopic_body.html

Cerca:

Codice: Seleziona tutto

<dl class="postprofile" id="profile{postrow.POST_ID}">
sostituire con:

Codice: Seleziona tutto

<dl class="postprofile<!-- IF postrow.S_ONLINE and not postrow.S_IGNORE_POST --> online<!-- ENDIF -->" id="profile{postrow.POST_ID}">
7. Apri styles/prosilver/template/ucp_pm_viewmessage.html

Cerca:
vecchio

Codice: Seleziona tutto

<div id="post-{MESSAGE_ID}" class="post pm<!-- IF S_POST_UNAPPROVED or S_POST_REPORTED --> reported<!-- ENDIF --><!-- IF S_ONLINE --> online<!-- ENDIF -->">
nuovo

Codice: Seleziona tutto

<div id="post-{MESSAGE_ID}" class="panel clearfix post pm-panel-message pm<!-- IF S_POST_UNAPPROVED or S_POST_REPORTED --> reported<!-- ENDIF --><!-- IF S_ONLINE --> online<!-- ENDIF -->">
Rimuovi questo:

Codice: Seleziona tutto

<!-- IF S_ONLINE --> online<!-- ENDIF -->
per creare questo:

Codice: Seleziona tutto

<div id="post-{MESSAGE_ID}" class="post pm<!-- IF S_POST_UNAPPROVED or S_POST_REPORTED --> reported<!-- ENDIF -->">
8. Trova questo codice;

Codice: Seleziona tutto

<dl class="postprofile" id="profile{MESSAGE_ID}">
Cambiare con questo:

Codice: Seleziona tutto

<dl class="postprofile<!-- IF S_ONLINE --> online<!-- ENDIF -->" id="profile{MESSAGE_ID}">
Top
Avatar utente
Kronos
Nuovo Utente
Nuovo Utente
Messaggi: 22
Iscritto il: 28/01/2014, 19:34
Link del Forum: http://phpbb-store.it

Re: Prosilver profilo a sinistra

Messaggio da Kronos »

Ti ringrazio pe la guida, ma per chi usa questa mod i passaggi da fare sono gli stessi?
Top
Avatar utente
Moloch
Utente
Utente
Messaggi: 1053
Iscritto il: 13/06/2012, 0:35
Link del Forum: http://twawi.altervista.org/forum/index.php

Re: Prosilver profilo a sinistra

Messaggio da Moloch »

Inserisci il link del tuo forum nel profilo
Top
Avatar utente
Kronos
Nuovo Utente
Nuovo Utente
Messaggi: 22
Iscritto il: 28/01/2014, 19:34
Link del Forum: http://phpbb-store.it

Re: Prosilver profilo a sinistra

Messaggio da Kronos »

Moloch ha scritto:Inserisci il link del tuo forum nel profilo
A posto.
Top
Avatar utente
Kronos
Nuovo Utente
Nuovo Utente
Messaggi: 22
Iscritto il: 28/01/2014, 19:34
Link del Forum: http://phpbb-store.it

Re: Prosilver profilo a sinistra

Messaggio da Kronos »

Moloch ha scritto:
Kronos ha scritto:Ti ringrazio pe la guida, ma per chi usa questa mod i passaggi da fare sono gli stessi?
la procedura è esatta
Top
Avatar utente
Kronos
Nuovo Utente
Nuovo Utente
Messaggi: 22
Iscritto il: 28/01/2014, 19:34
Link del Forum: http://phpbb-store.it

Re: Prosilver profilo a sinistra

Messaggio da Kronos »

Mi scuso per il post consecutivo.

Tenedo conto che nella mod sono presenti: icon_user_online.png e icon_user_offline.png nella parte che vado a sostituire dovrei aggiungere la riga in bold?

Codice: Seleziona tutto

    .online {
       background-image: url("{T_IMAGESET_LANG_PATH}/icon_user_online.png");
           [b]   .offline {
     
       background-image: url("{T_IMAGESET_LANG_PATH}/icon_user_offline.png");[/b]
       margin-top: -5px;
    }

    .online dt {
       margin-top: 5px;
    }
Top
Avatar utente
Moloch
Utente
Utente
Messaggi: 1053
Iscritto il: 13/06/2012, 0:35
Link del Forum: http://twawi.altervista.org/forum/index.php

Re: Prosilver profilo a sinistra

Messaggio da Moloch »

Kronos ha scritto:Mi scuso per il post consecutivo.

Tenedo conto che nella mod sono presenti: icon_user_online.png e icon_user_offline.png nella parte che vado a sostituire dovrei aggiungere la riga in bold?

Codice: Seleziona tutto

    .online {
       background-image: url("{T_IMAGESET_LANG_PATH}/icon_user_online.png");
           [b]   .offline {
     
       background-image: url("{T_IMAGESET_LANG_PATH}/icon_user_offline.png");[/b]
       margin-top: -5px;
    }

    .online dt {
       margin-top: 5px;
    }
non o capito bene
vorresti fare in modo di avere le scritte più marcate o togliere le immagini?
Top
Avatar utente
Kronos
Nuovo Utente
Nuovo Utente
Messaggi: 22
Iscritto il: 28/01/2014, 19:34
Link del Forum: http://phpbb-store.it

Re: Prosilver profilo a sinistra

Messaggio da Kronos »

No scusa ho sbagliato io a spiegarmi.

Nel /theme/colours.css devo apportare questa modifica, il propblema è che nella mod oltre al file icon_user_online.png ho anche icon_user_offline.png, ma nella sostituzione da fare come vedi non esiste il richiamo per icon_user_offline.png

Dr.House ha scritto:
Cerca:
.online {
background-image: url("{T_IMAGESET_LANG_PATH}/icon_user_online.gif");
}
Sostituire con:
.online {
background-image: url("{T_IMAGESET_LANG_PATH}/icon_user_online.gif");
margin-top: -5px;
}

.online dt {
margin-top: 5px;
}
In teoria aggiungendo quanto segue si dovrebbe risolvere, domani provo.
.offline{
background-image: url("{T_IMAGESET_LANG_PATH}/icon_user_offline.png");
margin-top: -5px;
}

.offline dt {
margin-top: 5px;
}
Top
Avatar utente
Kronos
Nuovo Utente
Nuovo Utente
Messaggi: 22
Iscritto il: 28/01/2014, 19:34
Link del Forum: http://phpbb-store.it

Re: Prosilver profilo a sinistra

Messaggio da Kronos »

Sistemato profilo a sinistra. :thumbup:

:ciao:

PS. Spero che i miei post precedenti non siano dannosi per gli altri utenti che leggeranno la guida, ho fatto un po’ di confusione...vedete voi se cestinare o meno.
Top
Rispondi

Torna a “Stili”