Questo div che andremo ad inserire può essere usato per evidenziare qualcosa nei nostri posts, io lo uso quando devo inserire del codice.
1-andare nel codice html del nostro blog ed inserire nella parte relativa allo stile il codice seguente
2-ora quando vogliamo inserire l'effeto basta aprire il tag <code> e chiuderlo </code>.
3-se volete inserire un immagine di sfondo diversa basta cambiare l'indirizzo dell'imagine che nel nostro caso è:
http://klcintw.images.googlepages.com/Code_BG.gif
1-andare nel codice html del nostro blog ed inserire nella parte relativa allo stile il codice seguente
CODE {
display: block; /* fixes a strange ie margin bug */
font-family: Courier New;
font-size: 9pt;
overflow:auto;
background: #f0f0f0 url(http://klcintw.images.googlepages.com/Code_BG.gif) left top repeat-y;
border: 1px solid #ccc;
padding: 5px 10px 10px 19px;
max-height:500px;
line-height: 1.2em;
}
2-ora quando vogliamo inserire l'effeto basta aprire il tag <code> e chiuderlo </code>.
3-se volete inserire un immagine di sfondo diversa basta cambiare l'indirizzo dell'imagine che nel nostro caso è:
http://klcintw.images.googlepages.com/Code_BG.gif
Commenti
Posta un commento