Modifica Profili Utenti "a sinistra"

[David125]

Salve ragazzi...aprirò vari post separati per le varie richieste di modifica al prosilver così lasciamo una traccia precisa...

Per spostare i profili a sinistra, c'è un modo rapido oppure bisogna seguire la vecchia guida e modificare i files del template?

[Anto]

Ciao,
devi intervenire nei file dello stile.

[David125]

sto seguendo la guida "vecchia", funziona ma non è perfetta...praticamente non mi mette il "bordino" tra profilo e post....ma viene tutta una cosa...

nel vecchio stile c'era da modificare, tra le cose, questo:

Codice: Seleziona tutto

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

mentre nel codice attuale, la riga relativa al bordo è diversa:

Codice: Seleziona tutto

border: 1px solid transparent;

ed anche impostandola come la vecchia, non funziona...

[Anto]

Per favore inserisci il link alla guida che segui e al tuo forum phpBB.

[David125]

Per favore inserisci il link alla guida che segui e al tuo forum phpBB.

allora, la guida è questa: http://wiki.phpbbitalia.net/Spostare_il ... tra/destra

il forum è www.pit-bike.it/forum

[Micogian]

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.

[David125]

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

[eniac]

Micogian, per cortesia , mi potresti spiegare meglio come devo procedere? Non ho ben capito che nome dare al file css che devo creare e se devo aggiungere poi quel nome al file stylesheet.css

Es..chiamare il file destra-sinistra.css
ed inserirlo nel file styleshett.css

Codice: Seleziona tutto

@import url("common.css");
@import url("links.css");
@import url("content.css");
@import url("buttons.css");
@import url("cp.css");
@import url("forms.css");
@import url("colours.css");
@import url("imageset.css");
@import url("destra-sinistra.css");

[Micogian]

Il nome del file non ha importanza, purchè venga poi inserito con il suo nome nel file stylesheet.css
Io ho usato il nome del forum: "acta.css", nome che rende subito l'idea di un file personalizzato e non di sistema.
Consideriamo che non è detto che contenga una sola modifica allo stile di default ma diverse, quindi un nome che renda l'idea.
mod.css, personal.css, a piacere.

[eniac]

Quindi come ho fatto dovrebbe andare bene? Ma non succede nulla...dove posso aver sbagliato non mi pare cosi complicato da fare