Immagine intestazione sfocata

[Giuly97]

Attualmente sull'intestazione ho uno sfondo preso da Hitskin e va bene.
Ma se carico una mia immagine risulta sfocata e tagliata. Come mai? Ci vuole una misura precisa per la foto?

[Insane]

Ciao, si probabilmente l'immagine che vuoi andare a sostituire e di una determinata grandezza andato ad inserire l'immagine che vuoi tu di altre dimensione il risultato è quello che descrivi. Potresti fare un screen e mostrarmi quale immagine vuoi sostituire.


Saluti
Inasne

[Giuly97]

Ciao eccola qua

[Insane]

Ciao le dimensioni 1920 454 se fai un'immagine di queste dimensioni riesci a farlo stare dentro senza che si sgrani tutto.


Saluti
Insane

[Giuly97]

Ciao, purtroppo non funziona.
Continua a ingrandirla un sacco

[MattiaDes]

Ciao l'immagine che vuoi inserire la vuoi mettere come sfondo dell'intestazione, giusto?

Attualmente su ModernBB l'headerbar sfrutta come "background-size": cover, ovvero l'immagine viene ingrandita e ampliata affinchè copra tutta la parte in alto.

Per fare in modo che non si ridimensioni, aggiungi questo codice CSS nel foglio di stile del tuo forum:

Codice:

.headerbar {
    background-size: auto !important;
}

Successivamente si potrà aggiungere dell'ulteriore CSS per decidere se far ripetere l'immagine lateralmente o verticalmente.

[Giuly97]

Ciao scusa il ritardo.
Con il codice l'immagine si inserisce completamente ma resta scoperto tantissimo spazio ai lati.
Mi fornisci l'ulteriore CSS che mi avevi detto?

[MattiaDes]

È normale che a lato rimanga dello spazio scoperto, a meno che la larghezza dello sfondo della tua immagine non sia molto ampia.

Quindi come soluzioni a questa ci sono diverse strade, te le provo ad elencare alcune e poi vedi qual è quella che ti risulta più comoda.

1) Si imposta lo sfondo affinchè si rifeta orrizzontalmente, tramite questo CSS:

Codice:

.headerbar {
    background-size: auto !important;
    background-repeat: repeat-x;
}

2) Si ridimensiona automaticamente lo sfondo dell'intestazione (questo però ritaglierà e ingrandirà automaticamente l'immagine)

Codice:

 .headerbar {
        background-size: 100% !important;
}

[Giuly97]

Non risolvo niente perchè a questo punto è impossibile mettere qualunque immagine.
Usando il primo codice ciò che si vede è l'immagine ripetuta 3 volte.

[Insane]

Ciao prova ad inserire solo questo codice:

Codice:

.headerbar {
babackground-repeat: repeat-x;
}

Saluti 
Insane

[Giuly97]

No niente...mi arrendo

[Insane]

..

Caro utente, questo problema è stato considerato abbandonato. Purtroppo, secondo il nostro regolamento, se l'argomento non riceve risposta da più di 7 giorni, viene considerato risolto o abbandonato. Nei prossimi topic di supporto che aprirai: Se il problema non è risolto dovrai fare un messaggio di UP dopo 24 ore dal tuo ultimo messaggio cosi da riportare il problema agli occhi del personale Se il problema è risolto è necessario premere sul bottone così da inserire l'icona risolto e facilitare il lavoro del personale Ci vediamo su Forumattivo