[RESOLU] Mise en forme nuage mot clé

Bonjour à tous,
Voilà sur mon site j'ai un nuage de mot cle, ou les mot peuvent être ecris:
- blanc ou en vert (vert si $classification['classification_vert'] = 1)
- avec un taille de police allant de 10 à 25 (correspondant à $classification['classification_size'])
- et le mot en <strong> ou pas.

j'ai donc fais quelque chose, mais je trouve pas ca propre du tout.
dans moin php:

echo	'<a href="[..]" title="[..]" class="';
if ($classification['classification_vert']==1) {echo  'vert'.(int)$classification['classification_size'];} else { echo  'blanc'.(int)$classification['classification_size']; }
echo '">';  
if ($classification['classification_gras']==1) {echo  '<strong>';}
echo $classification['classification_name'];
if ($classification['classification_gras']==1) {echo  '</strong>';}

puis dans mon css:

.vert10{color:#84ae29;font-size:10px;}
.vert11{color:#84ae29;font-size:11px;}
.vert12{color:#84ae29;font-size:12px;}
.vert13{color:#84ae29;font-size:13px;}
.vert14{coor:#84ae29;font-size:14px;}
.vert15{color:#84ae29;font-size:15px;}
.vert16{color:#84ae29;font-size:16px;}
.vert17{color:#84ae29;font-size:17px;}
.vert18{color:#84ae29;ont-size:18px;}
.vert19{color:#84ae29;font-size:19px;}
.vert20{color:#84ae29;font-size:20px;}
.vert21{color:#84ae29;font-size:21px;}
.vert22{color:#84ae29;font-size:22x;}
.vert23{color:#84ae29;font-size:23px;}
.vert24{color:#84ae29;font-size:24px;}
.vert25{color:#84ae29;font-size:25px;}
.blanc10{color:#fff;font-size:10px;}
.blanc11{clor:#fff;font-size:11px;}
.blanc12{color:#fff;font-size:12px;}
.blanc13{color:#fff;font-size:13px;}
.blanc14{color:#fff;font-size:14px;}
.blanc15{color:#fff;font-size:5px;}
.blanc16{color:#fff;font-size:16px;}
.blanc17{color:#fff;font-size:17px;}
.blanc18{color:#fff;font-size:18px;}
.blanc19{color:#fff;font-size:19px;}
.blanc20{color:#fff;font-size:20px;}
.blanc21{color:#fff;font-size:21px;}
.blanc22{color:#fff;font-size:22px;}
.blanc23{color:#fff;font-size:23px;}
.blanc24{color:#fff;font-size:24px}
.blanc25{color:#fff;font-size:25px;}

Bon ca fonctionne, mais c'est pas propre et allourdi mon css.?
Vous auriez un idée pour faire cela plus proprement?

Merci à vous
Modifié par gotcha5832 (03 Jun 2010 - 10:50)

Je me répond à moi même, si jamais quelqu'un cherchais l'info:
[QUOTE=devyan;5255965]Bonjour,

Ce qui est bien avec CSS c'est la combinaison des styles (vert et font10 par exemple)

.vert {
    color:#84ae29;
}

.blanc {
    color:#fff;
}

.font10 {
  font-size: 10px;
}

.font11 {
  font-size: 11px;
}

.font12 {
  font-size: 12px;
}

              ...

.font24 {
  font-size: 24px;
}

.font25 {
  font-size: 25px;
}

echo	'<a href="[..]" title="[..]" class="';
if ($classification['classification_vert']==1) {echo  'vert';} else { echo  'blanc';}
echo ' font'.(int)$classification['classification_size'].'">';  

Y.[/QUOTE]