CSS pour formater du code source

Version imprimable

04/08/2010, 14h27
yamatoshi

CSS pour formater du code source
Bonjour,

Je souhaiterai savoir quel astuce utilise les sites pour formater leur code source. C'est à dire qu'il suffit qu'on entre du code qu'on balise entre et derrière toutes les variables deviennent bleu, les chiffre rouge... etc un peu comme ici ? On m'a dit que c'est du CSS mais je ne vois pas comment le réaliser moi même. Merci pour toutes aide
Code:

1 2 3 .maclasse{font-size:10Px; font-family:arial;} #maclasse{font-size:10Px; font-family:arial;}
05/08/2010, 03h30
math55

Tu veux dire que tu aimerais connaître un éditeur qui permet de reconnaître le css?

Le mieux, ce serait d'utiliser un éditeur qui te donne aussi une autocomplétion sur les styles pour pouvoir faire de l'édition plus efficacement. Par exemple, Adobe Dreamweaver, Netbeans le font et probablement d'autres que je ne connais pas.

Si tu veux seulement la coloration syntaxique, il y a notepad++ qui reconnaît le css, mais aussi plein d'autres langages. Sur Linux, je crois que Geany est assez bon aussi.

Dreamweaver est un programme payant, mais si tu es intéressé, tu peux faire une recherche sur Google pour Netbeans ou notepad++ qui sont tous les deux gratuits!

Au plaisir!
08/08/2010, 21h08
12monkeys

Bonsoir

Tu peux être un peu plus précis ? Tu veux dire mettre en forme le code affiché sur une page web, comme sur ce site avec le code affiché entre les balises [ code] ?

En fait c'est que le truc n'est pas interprété en css, mais par le langage qui format.

Le source de ton bloc de code est

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
<div style="margin: 5px 20px 20px;">
	<div style="margin-bottom: 2px;" class="smallfont">Code  :</div>
	<pre style="margin: 0px; padding: 6px; border: 1px inset; width: 640px; height: 82px; text-align: left; overflow: auto;" dir="ltr" class="alt2">
&nbsp;
.maclasse
<span style="">{</span>
<span style="color: rgb(0, 0, 255);">font-size</span>
:10Px; 
<span style="color: rgb(0, 0, 255);">font-family</span>
:arial;
<span style="">}</span>
#maclasse
<span style="">{</span>
<span style="color: rgb(0, 0, 255);">font-size</span>
:10Px; 
<span style="color: rgb(0, 0, 255);">font-family</span>
:arial;
<span style="">}</span>
&nbsp;
</pre>
</div>

On voit bien que le style est inclus dans chaque balise.