phpBB-Italia.it

Autore: prototech
Contributo traduzione:slash

Aggiungere un immagine all' header:
[hr]

Per prima cosa uppate l' immagine che volete inserire nell' header in:

styles/prosilver/theme/images/

Apri: styles/prosilver/theme/common.css

trova:
aggiungi dopo:
cambia 100px con l' altezza della tua immagine

apri: styles/prosilver/theme/colours.css

trova:
cambia: "bg_header.gif" con il nome e l' estensione della tua immagine.

apri: styles/prosilver/template/overall_header.html

trova: aggiungi prima:
modifica 90px inserendo un valore di 10px inferiore all' altezza della tua immagine

trova: aggiungi dopo: svuota la cache e aggiorna il tema da ACP

Ciao ho fatto le modifiche scritte qui, ho caricato una immagine dove indicato intitolata banner.jpeg.
Ho sostituito 90 con 190 perchè l'altezza dell'immagine è di 200.

Quando vado a pulire la cache e i vari template themes e imageset pero' quello che ottengo è solo un header piu' grande senza vedere l'immagine caricata.

può darsi che tu abbia sbagliato a scrivere il correto nome dell'immagine quì:

apri: styles/prosilver/theme/colours.css

trova:

Codice: Seleziona tutto

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

cambia: "bg_header.gif" con il nome e l' estensione della tua immagine.

O che magari la corretta estensione della tua immagine sia "jpg" e non "jpeg".
Sono piccole distrazioni che a volte capitano a tutti...
Controlla meglio

alex75 ha scritto:può darsi che tu abbia sbagliato a scrivere il correto nome dell'immagine quì:

apri: styles/prosilver/theme/colours.css

trova:

Codice: Seleziona tutto

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

cambia: "bg_header.gif" con il nome e l' estensione della tua immagine.

O che magari la corretta estensione della tua immagine sia "jpg" e non "jpeg".
Sono piccole distrazioni che a volte capitano a tutti...
Controlla meglio

Generalmente la larghezza è indifferente oppure ha un vincolo anche quella?

Ho ricontrollato...ma non so il perchè non ne vuole sapere di apparire l'immagine. Quella che ho caricato è 900x200
L'header di allarga ma rimane blu...

ok Funziona. :)

Grazie del supporto

dunque l'immagine me la mette pero' mi causa problemi alle schede sottostanti, problemi di grafica proprio spariscono certe cose come simboli e i forum vengono spostati verso il basso senza che io riesca a vederli...

questa è l'altezza dell'immagine... nel tuo caso metterai "200"

Apri: styles/prosilver/theme/common.css

trova:

Codice: Seleziona tutto

.headerbar {
           background: #ebebeb none repeat-x 0 0;
           color: #FFFFFF;
           margin-bottom: 4px;
           padding: 0 5px;

aggiungi dopo:

Codice: Seleziona tutto

height: 100px;

cambia 100px con l' altezza della tua immagine

e questa è l'altezza della descrizione del sito che imposterai 10 px in meno della tua immagine, quindi 190px

apri: styles/prosilver/template/overall_header.html

trova:

Codice: Seleziona tutto

<div id="site-description">

aggiungi prima:

Codice: Seleziona tutto

<div style="height: 90px;">

modifica 90px inserendo un valore di 10px inferiore all' altezza della tua immagine

trova:

Codice: Seleziona tutto

<a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH_ADV}</a> {S_SEARCH_HIDDEN_FIELDS}
                    </fieldset>
                    </form>
                 </div>
              <!-- ENDIF -->

aggiungi dopo:

Codice: Seleziona tutto

</div>

Completa il tuo profilo, serve a poterti aiutare meglio...

Scusatemi eh io sono impedito pero' seguo esattamente quello che c'è scritto ed ottengo questo risultato.
Sto provando in locale ma guardate cosa mi viene fuori.





Guardate in particolare i forum, come me li visualizza.

Non ho fatto altro che seguire passo passo quello che i avete scritto voi ne sono certo.

Se vado su firefox non mi da problemi su chrome me lo vede come nell'immagine sopra....