Cidice in un tag <pre>, (formattazione)

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.275
328
83
Ciao
Vorrei inserire in una pagina del codice non interpretato dal browser con la possibilità di copiarlo, io uso il tag <pre>...</pre> che va benissimo ma non riesco a formattarlo come ad esempio è usato in questa pagina.

So che è stato usato appunto il tag <pre> con all'interno solo il codice da copiare e formattato con una classe, non so se solo con css o con css+js.

In buona sostanza io vorrei fare la stessa cosa il codice con i numeri di riga e la barra verde verticale e che sia selezionabile solo il codice e non i numeri di riga, come nella pagina di esempio.

Vi chiedo se possibile una dritta per realizzarlo

Grazie
Ciao
 

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.275
328
83