Nuovo Header su Blogger

|
Grazie al buon vecchio caro Photoshop e qualche ora libera da dedicare al blog, ho ridisegnato l'header di questo template alla mia maniera.
Spero vi piaccia.

In realtà non è stata una passeggiata, ho avuto qualche problemino con il settaggio delle impostazioni, ma alla fine sono riuscito a risolvere il tutto.

1° Problema: Modifica Intestazione
Il mio template è stato creato sovrapponendo diversi elementi html/css al widget "Intestazione". Questo rende impossibile accedere alle modifiche del widget.

Per ovviare al problema è stato necessario spostare il widget in una colonna sottostante ogni volta che volessi cliccare sul tasto "Modifica".

2° Problema: Sfondo e contorno immagini
Una volta caricata l'immagine desiderata ho dovuto eliminare quel fastidioso sfondo bianco e bordino grigio che annullavano il "meraviglioso" gioco di trasparenze del nuovo header.

Per fare ciò ho modificato in questo modo il foglio di stile:

/* Images */
img {

background: #F5F4F3
border: 0px solid #DCDCDC;
padding: 8px;

Ho eliminato di sana pianta la riga "background: #F5F4F3" e portato a 0 il numero dei pixel del "border" che prima era ad 1.

3° Problema: IE
Ora non mi rimane che risolvere il vero problema che affligge la rete: la visualizzazzione di Internet Explorer.
Qualcuno di voi sa spiegarmi perche se visualizzo il blog con IE, il nuovo header viene allineato al centro e la trasparenza del file png si vede grigia?
Ho provato di tutto ma questo è il miglior risultato che sono riuscito ad ottenere, perciò...USATE FIREFOX!

Se avete consigli su come migliorare l'aspetto grafico di Di@naLogic sono sempre pronto ad ascoltarvi.

3 Commenti:

Davide T. ha detto...

Gran bel lavorone, ci sta benissimo con tutto il resto!

rouge73 ha detto...

Bel lavoro Claudio, molto bello. Ciao Alessandro.

Claudio ha detto...

Grazie ragazzi!

Posta un commento

Aderisci anche tu alla campagna
Commenta in Maniera Intelligente