Prosilver: Profili a Sinistra

Area dedicata alle Guide
Regole del forum
Immagine
Rispondi
Avatar utente
Galandas
Staff phpBB3World
Staff phpBB3World
Messaggi: 792
Iscritto il: 4 nov 2012, 9:18
Località: phpbb3world
Contatta:

Prosilver: Profili a Sinistra

Messaggio da Galandas » 10 nov 2012, 16:18

Prosilver: Profili a Sinistra
Scritto da: Snowcone
Descrizione: Indicazioni su come passare il profilo del prosilver dal lato destro della pagina a lato sinistro della pagina.

>>>Fonte Guida<<<

-------------------------------------------------------------------------------------------------------------------------------
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 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:<!-- 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: 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:<!-- 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}">

Ciò dovrebbe allineare correttamente i profili sulla sinistra, proprio come in subSilver in argomenti cosi come messaggi privati. Ecco cosa si ottiene se compilato correttamente:


Visualizzazione di un PM:


Visualizzazione di un Post:
Menu Forum ha scritto:

Rispondi

Torna a “[3.0.x] Guide”

Chi c’è in linea

Visitano il forum: Nessuno e 5 ospiti