Banner del forum

Salve, mi dite come poter inserire correttamente l'immagine di sfondo all'intestazione del mio forum? In poche parole come vedete dall'allegato, io vedo la mia copertina tagliata in alto, nonostante stia modificando l'immagine più volte, portandola a formati diversi. Mi sapreste dire cortesemente come risolvere il problema? Il fatto è che a questa copertina ci sono affezionato e vorrei non modificarla più di tanto.

Ciao ,hai provato a rimpiccolire la scritta sotto.Metti il link del forum in modo che si veda il logo cosi vediamo tutti cosa succede

Il link è darksiders.forumattivo.com
Intanto grazie per il consiglio, domani mattina appena possibile faccio questa prova. Faccio sapere quanto prima.

Salve

Il problema è che l'immagine di sfondo all'intestazione si adatta ad ogni risoluzione. Quindi la sua disposizione cambia in base alla risoluzione ("larghezza") dello schermo. (Dovresti riuscire a capire a cosa mi riferisco se provi a allargare e restringere la finestra del browser)

Una soluzione potrebbe essere quela di impostare una larghezza fissa allo sfondo dell'intestazione. Tramite questo CSS:

Codice:

.headerbar {
    background-size: 800px auto;
}

L'unica pecca è che poi, dato che non ricoprirà l'intero header, si vedrà una parte sotto vuota (che eventualmente puoi modificare tramite CSS)

Infatti avevo immaginato che fosse questo il problema. Ovvero la larghezza del mio schermo. Il fatto è che prima avevo uno stile diverso nel forum e andava anche bene...adesso invece rimane comunque tagliata. Non essendo molto pratico di codici, mi spiegheresti un po' come affrontare la problematica? Te ne sarei grato.

Quindi in ogni caso, anche apportando modifiche all'immagine: riducendo la scritta o anche tagliandola, non risolverei nulla giusto?

Prova anche questo ..nel foglio di style CSS inserisci e poi modifica a tuo piacimento questo

Codice:

#logo-desc p {
    color: #;
    margin-top: 10px; /*da modificare*/
    padding: 0;
}#logo-desc {
    margin: 11px; /*da modifcare*/
    text-align: center;
}