Logo forum

[William]

Ragazzi cerchiamo di non andare troppo OT.

Chiedo venia.

[silver61]

Scusate, anche io vorrei cambiare logo mettendone uno di dimensioni maggiori. In html non è possibile editarlo?

Codice: Seleziona tutto

../forum/images/site_logo.gif

Mmmmmmh non riesco a trovarlo

[Sir Xiradorn]

In html no. Devi farlo da css. Il tag suddetto lo trovi in imageset.css alla classe .imageset.site_logo.

[silver61]

In html no. Devi farlo da css. Il tag suddetto lo trovi in imageset.css alla classe .imageset.site_logo.

Ok, mi puoi indicare il percorso del css?
La gif si trova:

Codice: Seleziona tutto

l..\docs\assets\images

[Sir Xiradorn]

Sposta o copia il logo in
tuo_forum\styles\prosilver\theme\images

Poi apri questo file
tuo_forum\styles\prosilver\theme\imageset.css

Qua trovi questo:

Codice: Seleziona tutto

/* Global imageset items */
.imageset.site_logo {
	background-image: url("./images/site_logo.gif");
	padding-left: 149px;
	padding-top: 52px;
}

basta sostituire

Codice: Seleziona tutto

background-image: url("./images/site_logo.gif");

con

Codice: Seleziona tutto

/* background-image: url("./images/site_logo.gif");  // Così puoi recuperare la vecchia stringa se hai problemi  */
background-image: url("./images/TUOLOGO.EXT");

dove TUOLOGO.EXT è il nome del tuo logo

[Micogian]

C'è un modo migliore per farlo, specialmente se il forum è una versione 3.1.x dove sono sconsigliate le modifiche.
Si crea un file personalizzato css, ad esempio personal.css e l'unica modifica da fare sui file di sistema è aggiungere il file personal.css alla lista dei css presenti nel file stylesheet.css.
Poi, nel file personal.css si inserisce la modifica del logo, cioè.

Codice: Seleziona tutto

/* Global imageset items */
/* Modifica del logo */
.imageset.site_logo {
   background-image: url("./images/tuo_logo.gif");
   padding-left: 149px;
   padding-top: 52px;
}

con le indicazioni consigliate da Sir Xiradorn.

Il file personal.css può venire utilizzato per tutte le modifiche dello stile che uno vuol fare, essendo posizionato alla fine degli altri file css il suo contenuto va a sostituire tutte le classi originali senza dover modificare nulla.

[Sir Xiradorn]

Beh si questa è una ottima soluzione perchè non si va a riscrivere il codice ma a sovrascriverlo. In ogni caso il risultato è uguale, ma come detto dal buon vecchio Micogian è meglio. Non risci di fare errori, ne di stravolgere il codice.

Aggiungo che per fare la modifica di Mico devi Creare il file che ti ha suggerito e richiamarlo nello stylesheet.css tramite questa riga alla fine proprio del file detto poc'anzi
Dopo questa riga

Codice: Seleziona tutto

@import url("imageset.css");

basta aggiungere

Codice: Seleziona tutto

@import url("personal.css");

[silver61]

stylesheet.css

Codice: Seleziona tutto

/*  phpBB3 Style Sheet
    

--------------------------------------------------

------------
	Style name:			prosilver 

(the default phpBB 3.1.x style)
	Based on style:		
	Original author:	Tom Beddard ( 

http://www.subblue.com/ )
	Modified by:		phpBB Limited ( 

https://www.phpbb.com/ )
    

--------------------------------------------------

------------
*/

@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("personal.css");

personal.css

Codice: Seleziona tutto

    /* Global imageset items */
    /* Modifica del logo */
    .imageset.site_logo {
       background-image: url("./images/logo liberamente02.jpg");
       padding-left: 350px;
       padding-top: 81px;
    }

e aggiungo il file logo liberamente02.jpg in images

Codice: Seleziona tutto

\forum\styles\prosilver\theme\images

Per ora basta vado in ferie (meritate)
Buone vacanze a tutti, ci si rivede a settembre.

[Micogian]

Se poi vogliamo sbizzarrirci con una modifica più sostanziale della testata si dovrebbe fare un'estensione che porta a questo risultato: http://www.actaplantarum.org/forum/
Una testata personalizzata e un menu orizzontale con sottomenu, ma il menu è opzionale.

[silver61]

Se poi vogliamo sbizzarrirci con una modifica più sostanziale della testata si dovrebbe fare un'estensione che porta a questo risultato: http://www.actaplantarum.org/forum/
Una testata personalizzata e un menu orizzontale con sottomenu, ma il menu è opzionale.

A me sarebbe sufficente che il link del logo non sia la home del forum ma l'index del sito

Codice: Seleziona tutto

../index.php