Pagina 1 di 1
campi profilo personalizzato allineati a sinistra
Inviato: 27/05/2012, 9:36
da 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.
Re: campi profilo personalizzato allineati a sinistra
Inviato: 27/05/2012, 10:45
da Lady R
con i CSS basta che imposti max-width: 100%; credo.
Re: campi profilo personalizzato allineati a sinistra
Inviato: 27/05/2012, 15:09
da 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!!!
Re: campi profilo personalizzato allineati a sinistra
Inviato: 27/05/2012, 16:29
da 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;
}
Codice: Seleziona tutto
/* Post body styles
----------------------------------------*/
.postbody {
padding: 0;
line-height: 1.48em;
color: #333333;
width: 76%;
float: right;
clear: both;
}
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;
}
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;
}
Codice: Seleziona tutto
.pm .postprofile {
border-left: 1px solid #DDDDDD;
}
Codice: Seleziona tutto
.pm .postprofile {
border-right: 1px solid #DDDDDD;
}
Codice: Seleziona tutto
.online {
background-image: url("{T_IMAGESET_LANG_PATH}/icon_user_online.gif");
}
Codice: Seleziona tutto
.online {
background-image: url("{T_IMAGESET_LANG_PATH}/icon_user_online.gif");
margin-top: -5px;
}
.online dt {
margin-top: 5px;
}
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 -->">
Codice: Seleziona tutto
<!-- IF postrow.S_ONLINE and not postrow.S_IGNORE_POST --> online<!-- ENDIF -->
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 -->">
Codice: Seleziona tutto
<dl class="postprofile" id="profile{postrow.POST_ID}">
Codice: Seleziona tutto
<dl class="postprofile<!-- IF postrow.S_ONLINE and not postrow.S_IGNORE_POST --> online<!-- ENDIF -->" id="profile{postrow.POST_ID}">
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 -->">
Codice: Seleziona tutto
<div id="post-{MESSAGE_ID}" class="post pm<!-- IF S_POST_UNAPPROVED or S_POST_REPORTED --> reported<!-- ENDIF -->">
Codice: Seleziona tutto
<dl class="postprofile<!-- IF S_ONLINE --> online<!-- ENDIF -->" id="profile{MESSAGE_ID}">
Re: campi profilo personalizzato allineati a sinistra
Inviato: 27/05/2012, 16:43
da 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.
Re: campi profilo personalizzato allineati a sinistra
Inviato: 28/05/2012, 14:16
da alex75
Ho risolto
su styles/prosilver/template/memberlist_view.html ho sostituito
questo:
con questo:
Codice: Seleziona tutto
<dl class="left-box details" style="text-align: left;">
Ecco il risultato:
Re: campi profilo personalizzato allineati a sinistra
Inviato: 28/05/2012, 17:17
da 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".
Re: campi profilo personalizzato allineati a sinistra
Inviato: 28/05/2012, 21:39
da 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
