1 Premessa
Questo tutorial si rifersice alla pagina Siti di questo Blog.
2 Salvataggio dell’immagine
- Costruisci un’immagine di dimensioni ridotte (es. 14×14 pixel) e salvala in formato gif: esempio img1.gif
- Trasferisci l’immagine nella cartella wp_images
3 Inserimento di codice in Scrivi Pagina
- Al termine della recensione del sito scrivi
<div class="hr2"><hr /></div> - Ripeti la scrittura dopo ogni sito recensito
4 Modifica del file style.css
- Modifica il codice del file style.css, aggiungendo
.hr2 {
height: 20px;
background: #fff url(../../../wp-images/img1.gif) no-repeat scroll center;
display: block;
width: 70%;
margin-right: auto;
margin-left: auto;
}
.hr2 hr {
display: none;
}
5 Commento
La soluzione presentata ha il pregio di funzionare bene sia con IE che con Firefox, Mozilla e Opera, evitando differenze di intepretazione tra i vari browser, mentre nei browser più vecchi, nei palmari e nei display di chi naviga senza CSS apparirà comunque la classica linea di separazione.
6 Risorse web
- Risorse.net
- CSS1 and the Decorative HR (in lingua inglese)