Modifica Profili Utenti "a sinistra"

[systemcrack]

Grazie Brunino.. era la conferma che cercavo!

[Micogian]

Nel css personalizzato che ho usato io questo è il codice che inverte la posizione dell'avatar e del testo:

Codice: Seleziona tutto

/* Profilo a sinistra, testo a destra - by Micogian 
----------------------------------------------------*/
.attachbox {
	float: left;
	width: auto;
	max-width: 100%;
	margin: 5px 5px 5px 0;
	padding: 6px;
	border: 1px dashed transparent;
	clear: right; /*left;*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.postbody {
	padding: 0;
	line-height: 1.48em;
	width: 84%; /*76%;*/
	float: right; /*left;*/
	position: relative;
}

.postprofile {
	/* Also see tweaks.css */
	margin: 5px 0 10px 0;
	min-height: 80px;
	border: 1px solid transparent;
	border-width: 0 0 0 1px;
	width: 14%; /*22%;*/
	float: left; /*right;*/
	display: inline;
}

.bg1 {
	background-color: #F7F7F7; /*#ECF3F7;*/
}

.bg2 {
	background-color: #F2F2F2; /*#e1ebf2;*/
}

.bg3 {
	background-color: #F9F9F9; /*#e1ebf2;*/
}

.online {
	background-image: none;
	background-position: 10% 0; /*100% 0;*/
	background-repeat: no-repeat;
}

Ho mantenuto, commentandoli, i codici originali.
Ho utilizzato anche una divisione diversa dei due blocchi, riducendo il profilo per dare maggior spazio al testo del post, visto che noi usiamo molte immagini.
Probabilmente c'è ancora qualcosina da correggere, le linee divisorie tra profilo e testo, ecc, ma sostanzialmente funziona senza toccare i file di sistema.

[systemcrack]

Grazie mille Micogian..

[masterbiz]

Io ho fatto in questo modo: non ho toccato i file css di sistema, ho creato un css personalizzato che ho aggiunto all'elenco presente in stylesheet.css.
Il contenuto del css personalizzato è questo

Codice: Seleziona tutto

/* Profilo a destra, testo a sinistra */
----------------------------------------*/
.attachbox {
	clear: right; /*left;*/
}

.postbody {
	padding: 0;
	line-height: 1.48em;
	width: 78%;
	float: right; /*left;*/
	position: relative;
}

.postprofile {
	/* Also see tweaks.css */
	margin: 5px 0 10px 0;
	min-height: 80px;
	border: 1px solid transparent;
	border-width: 0 0 0 1px;
	width: 20%;
	float: left; /*right;*/
	display: inline;
}

.bg1 {
	background-color: #EBF3DB; /*#ECF3F7;*/
}

.bg2 {
	background-color: #EFF3E7; /*#e1ebf2;*/
}

.online {
	background-image: none;
	background-position: 10% 0; /*100% 0;*/
	background-repeat: no-repeat;
}

Per il principio che se in un file ci sono 2 classi ripetute vale l'ultima, il risultato si ottiene senza modificare il css originale.
Per comodità nel file personalizzato ho mantenuto i valori originali trasformandoli in commenti.

perfetto, grazie

Grazie mille

[BirimboBirambo]

Io ho fatto in questo modo: non ho toccato i file css di sistema, ho creato un css personalizzato che ho aggiunto all'elenco presente in stylesheet.css....

OT: Funziona ma non riesco a capire perché mi vada a posizionare il post come in allegato. Dovrebbe stare in alto ( detto male, sulla proiezione del bordo superiore dell'avatar ).
Please help

[Micogian]

E' un problema di larghezza dei due box che è espressa in percentuale, lo spazio destinato all'avatar (postprofile) ha un width: 20%; mentre il postbody è 78%. Il totale fa 98% ma probabilmente padding e margin vanno a influire sulla dimensione del postbody che non avendo spazio a sufficienza va a capo.
Basterebbe inserire provvisoriamente un "border: 1px solid red;" alle classi postprofile e postbody per vedere il bordo rosso del contenitore.
Potrebbe anche dipendere dall'avatar troppo grande che aumenta la dimensione del postprofile e di conseguenza il postbody non ci sta.
Bisogna lavorare sulle dimensioni del width.

[BirimboBirambo]

Potrebbe anche dipendere dall'avatar troppo grande che aumenta la dimensione del postprofile e di conseguenza il postbody non ci sta.
è un 160x160
Bisogna lavorare sulle dimensioni del width.
In quale file?

[systemcrack]

Sul com c'è questo che funziona bene
https://www.phpbb.com/community/viewtop ... &t=2289261

[masterbiz]

Sul com c'è questo che funziona bene
https://www.phpbb.com/community/viewtop ... &t=2289261

questa va in conflitto con i moduli del portal board3

E' un problema di larghezza dei due box che è espressa in percentuale, lo spazio destinato all'avatar (postprofile) ha un width: 20%; mentre il postbody è 78%. Il totale fa 98% ma probabilmente padding e margin vanno a influire sulla dimensione del postbody che non avendo spazio a sufficienza va a capo.
Basterebbe inserire provvisoriamente un "border: 1px solid red;" alle classi postprofile e postbody per vedere il bordo rosso del contenitore.
Potrebbe anche dipendere dall'avatar troppo grande che aumenta la dimensione del postprofile e di conseguenza il postbody non ci sta.
Bisogna lavorare sulle dimensioni del width.

Ciao , non vedo la linea verticale che separa il login da tutto il resto del post

[BirimboBirambo]

E' un problema di larghezza dei due box che è espressa in percentuale, lo spazio destinato all'avatar (postprofile) ha un width: 20%; mentre il postbody è 78%. Il totale fa 98% ma probabilmente padding e margin vanno a influire sulla dimensione del postbody che non avendo spazio a sufficienza va a capo.
Basterebbe inserire provvisoriamente un "border: 1px solid red;" alle classi postprofile e postbody per vedere il bordo rosso del contenitore.
Potrebbe anche dipendere dall'avatar troppo grande che aumenta la dimensione del postprofile e di conseguenza il postbody non ci sta.
Bisogna lavorare sulle dimensioni del width.

Fatte entrambe le cose... non si vede nessun bordo rosso ( era da modificare content.css? ) e nulla cambia sul posizionamento del post ( ora le width sono 14 ed 86, ma ne ho provate molte )...