Dopo aver avuto più richieste di utilizzo della classe code, che utilizzo sul mio blog per vari tutorial, ovviamente ereditato dal template che uso, ho deciso di mettere il codice a disposizione.

Questa è la classe

code {
display:block;
font: 1em 'Courier New', Courier, Fixed, monospace;
font-size : 100%;
color: #000;
background : #fff url(images/preback.jpg) no-repeat left top;
overflow : auto;
text-align:left;
border : 1px solid #99cc66; /*highlight color */
padding : 0px 20px 0 30px;
margin:1em 0 1em 0;
line-height:17px;
}

Questa è l’immagine delle righe di codice numerate Scarica

Letture Consigliate per Blog

Articoli simili

Autore:

Giuliano Ambrosio è un Web Designer Freelance di Torino che ama la grafica e sperimentare tecniche di creatività sul web. Grazie all'esperienza maturata nel campo del web design potrai scoprire i servizi disponibili, oppure guardare i suoi ultimi lavori.