Programma modifica Prosilver

[Don Vito]

Programma modifica Prosilver

Mi è stato consigliato di usare questo programma per la modifica del layout dello stile prosilver: http://www.colorizeit.com/styles/phpbb- ... ilver.html

In effetti il programma è interessante soltanto che rilascia un nuovo codice che va a sostituirsi al precedente, nel quale ho già effettuato modifiche. Ridimensionamento carattere, larghezza forum ecc .ecc..

Non esiste un programma che segnala quali sono i file e le istruzioni da modificare come colorizeit?

In alternavita ci sono delle guide in italiano che possono aiutarmi ad eseguire manualmente queste modifiche al codice?

Grazie a tutti

[Tiger]

Se cerchi per bene nel forum,ricordo che ci sono due o tre discussioni che indicavano (nel colours.css) le classi da editare bper tale scopo.

[Don Vito]

Se cerchi per bene nel forum,ricordo che ci sono due o tre discussioni che indicavano (nel colours.css) le classi da editare bper tale scopo.

Scusa Tiger ma toccare la cartella style-- prosilver - theme - images // Non può servire per modificare il layout del tema senza toccare i css? Ho visto che dentro questa cartella ci sono tutte le gif che costituiscono il layout dello stile.
Potrei usare photoshop ma esattamente quali gif dovrei andare a modificare per fare i cambiamenti?

Grazie

[Tiger]

Si bravo esatto
Le immagini di riferimento le trovi nel css colour e le classi sono header forumbg e forabg


Inviato dal mio iPhone usando Tapatalk xD! ^^

[Don Vito]

Sto provando a smanettare in locale ma vedo che non basta photoshop e modificare le gif ma anche mettere mano al file css. Ci sono parti del layout (ad esempio lo sfondo dei messaggi) che si puo cambiare solo con il css non basta modificare le immagini.

[Tiger]

Si,chiaro,anche le stesse classi:

Codice: Seleziona tutto

.forabg {
	background-color: #0076b1;
	background-image: url("{T_THEME_PATH}/images/bg_list.gif");
}

.forumbg {
	background-color: #12A3EB;
	background-image: url("{T_THEME_PATH}/images/bg_header.gif");
}

Non bastera' cambiare soltanto l'immagine con photoshop,ma anche il parametro:

Codice: Seleziona tutto

background-color: #0076b1;

In quanto gestisce la parte finale della tabella.

Cmq le parti relative al background dei messaggi sono:

Codice: Seleziona tutto

.bg1	{ background-color: #ECF3F7; }
.bg2	{ background-color: #e1ebf2;  }
.bg3	{ background-color: #cadceb; }

[Don Vito]

Grazie Tiger, qualcosa sto riuscendo a fare. Quindi per completare le tabelle fatte con photohop devo cancellare l'attributo che regola l'immagine.

Codice: Seleziona tutto

.forabg {
   background-color: #0076b1;
   background-image: url("{T_THEME_PATH}/images/bg_list.gif");
}

Ad esempio qui se volessi completare la tabella del colore da me scelto con ps, dovrei lasciare solo la prima riga, quella relativa a background color?

[Tiger]

Si esatto,ma senza eliminare quella relativa all'immagine,bensi' commentarla in css ovvero:

Codice: Seleziona tutto

.forabg {
   background-color: #0076b1;
  /* background-image: url("{T_THEME_PATH}/images/bg_list.gif");*/
}

Eliminarla non e' saggio,potrebbe risultarti utili di nuovo in futuro.

[Don Vito]

Sembrerebbe procedere tutto bene nella modifica manuale del mio prosilver.
Ho notatò nella sezione "panello controllo" questo problema che evidenzio con una imamgine che allego. Come potete notare nella sezione pannello controllo la prima parte delle voci menù sono del colore originale del prosilver, mentre la restante parte di colore blu. Dove posso mettere mano per modificare questi parametri?

Grazie

[Tiger]

Nel colours.css del tuo styles la parte interessata e' codesta:

Codice: Seleziona tutto

/* UCP navigation menu
----------------------------------------*/

/* Link styles for the sub-section links */
#navigation a {
	color: #333;
	background-color: #B2C2CF;
	background-image: url("{T_THEME_PATH}/images/bg_menu.gif");
}

.rtl #navigation a {
	background-image: url("{T_THEME_PATH}/images/bg_menu_rtl.gif");
	background-position: 0 100%;
}

#navigation a:hover {
	background-image: none;
	background-color: #aabac6;
	color: #BC2A4D;
}

#navigation #active-subsection a {
	color: #D31141;
	background-color: #F9F9F9;
	background-image: none;
}

#navigation #active-subsection a:hover {
	color: #D31141;
}