Sprite CSS

[broiosen]

Salve ragazzi,
sto cercando di ottimizzare il sito (http://www.riparazioneparabrezza.it) e Page Speed mi consiglia di effettuare lo sprite CSS delle immagini.


Così tramite un tool online ho creato la mia immagine sprite.png e mi viene scritto:


Set the background of your parent element to:
.parent-element {      background:url(result.png);}


Infine mi viene detto la posizione di ogni immagine, ad esempio: background-position: 0px -52px;

Ora io vorrei sapere dove e come aggiungere lo sprite.. che file devo toccare ecc..
Grazie mille. Saluti, Marco.

[taolo]

Marco, non ti intrappare male.

Se vuoi velocità prendi un dedicato o un virtual server, anche scarso, e vedrai che con qualche euro in più rispetto al tuo condiviso triplichi la velocità senza uscire troppo pazzo.

[m.davide82]

Concordo con Taolo, ma se vuoi farlo xkè hai la testa dura come me ti devi mettere di santa pazienza ed aggiungere i dati ai css del tuo template.

Buon lavoro! 

[broiosen]

Concordo con Taolo, ma se vuoi farlo xkè hai la testa dura come me ti devi mettere di santa pazienza ed aggiungere i dati ai css del tuo template.

Buon lavoro! 

Si ho santa pazienza però dove devo aggiungere questi dati?


Grazie, Marco.

[m.davide82]

Leggi i suggerimenti che ti danno

Set the background of your parent element to:

Trova con Firebug quello che è il tuo parent element e aggiungi la riga di codice che ti han dato.