campi profilo personalizzato allineati a sinistra

[alex75]

Salve a tutti...
Uso prosilver.
Come da titolo, sto cercando di allineare i campi profilo personalizzato, a sinistra; in modo da poter sfruttare, tutto lo spazio della pagina profilo.
Allego una foto, in cui si vede, il perchè di questa mia richiesta.

Come potete vedere,partendo dal centro, se ho una foto più grande (640X480 vista su un monitor 4:3 a 1024X768), va fuori pagina.
Qualcuno saprebbe indicarmi il giusto codice ed il giusto file da modificare?
Mi starebbe bene, allineare tutti i campi profilo; o soltanto le foto...
Le foto sono nominate foto1, foto2, foto3. Negli identificativi sono nominate fotoa, fotob, fotoc.

[Lady R]

con i CSS basta che imposti max-width: 100%; credo.

[alex75]

Grazie per la risposta... ma non ho idea di come impostarla... ne dove...
Attualmente mi sono focalizzato su styles/prosilver/template/memberlist_view.html su questa stringa:

Codice: Seleziona tutto

<!-- BEGIN custom_fields --><dt>{custom_fields.PROFILE_FIELD_NAME}:</dt> <dd>{custom_fields.PROFILE_FIELD_VALUE}</dd><!-- END custom_fields -->

Ho provato ad inserire align="left"> dappertutto ed in tutti i modi; con spazi, senza spazi, senza "" senza >
sono bloccato!!!

[DOWGR]

SPOSTA I PROFILI NEL VIEWTOPIC DA DESTRA A SINISTRA[/b]

STILI COMPATIBILI
PROSILVER E DERIVATI




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;
    }

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;
    }

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;
    }

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 :

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 -->">

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

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 -->">

Trova questo codice;

Codice: Seleziona tutto

<dl class="postprofile" id="profile{MESSAGE_ID}">

Sostituisci con :

Codice: Seleziona tutto

<dl class="postprofile<!-- IF S_ONLINE --> online<!-- ENDIF -->" id="profile{MESSAGE_ID}">

back up dei file a portata di mano prova questa mod

[alex75]

Grazie
E io che volevo risolvere, con un semplice align= "left"
Ma il titolo, non mi convince molto

SPOSTA I PROFILI NEL VIEWTOPIC DA DESTRA A SINISTRA

Io non devo spostare il mini profilo, degli argomenti, da destra a sinistra...
Devo spostare (dal centro a sinistra) i campi profilo personalizzati nella pagina profilo generale (memberlist_view.html)
Se guardi la foto, sul primo post, provo a spiegarmi meglio...
Dovrei spostare a sinistra, le voci:
foto1
foto2
foto3
e se proprio non se ne può fare a meno (per facilitare la modifica) anche tutti gli altri:
nome
vettura
uso della vettura
trovami sulla mappa.
Quindi nel primo caso (solo le 3 foto) modificando/allineando solo i 3 campi profilo personalizzati.
Nel secondo caso (forse più semplice) modificando/allineando tutti i campi profilo pernalizzati.

[alex75]

Ho risolto
su styles/prosilver/template/memberlist_view.html ho sostituito
questo:

Codice: Seleziona tutto

<dl class="left-box details" style="width: 80%;">

con questo:

Codice: Seleziona tutto

<dl class="left-box details" style="text-align: left;">

Ecco il risultato:

[Micogian]

Probabilmente bastava togliere la parte style=" width: 80%;" o modificare solo la larghezza perchè il "text-align: left;" c'è già nella classe "left-box".

[alex75]

E se volessi forzare ancora un po più a sinistra? Per arrivare vicinissimo all'avatar...
Sul monitor 4:3 la foto a 640X480 esce ancora un pelo...
Cosa dovrei scrivere, per dire allo stile, di partire da sinistra dal pixel 10 per esempio?

Ho provato a togliere la parte (style=" width: 80%;") come mi hai suggerito, ma sfalsano tutti gli allineamenti...


Edit risolto... adesso è perfetto...
Ho semplicemente usato "style="width: 100%;"> come aveva suggerito inizialmente anche Lady r