Discussion :

[gotcha5832]

Salut tout le monde,

J'ai un nuage de mot clé, où les mot ont une mise en forme conditionnel:

- (vert si $classification['classification_vert'] = 1) ou (vert si $classification['classification_vert'] = 0)
- taille de police correspondant à $classification['classification_size'] de 10 à 25
- et le mot est mis <strong> ou pas.

j'ai donc fais quelque chose developpez quelque chose en PHP / CSS, mais je trouve pas ca propre du tout.

la partie php:

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
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 le css

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
 
.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.?
Je pense que vous voyez ce que je veux dire par pas propre.

Merci à vous

[devyan]

Bonjour,

En effet, ça fait un grand nombre de styles à gérer

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

Dans ton exemple cela donne ce qui suit ...

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
 
.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;
}

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Y.

[gotcha5832]

Mais c'est génial ca..
Je connais pas assez le Css et faut vraiment que je m'y mette.
Mais avec ce que tu viens de m'apprendre..... C'est de la balle.

Je te remercie sincèrement.

[devyan]

Mais c'est génial ca..
Je connais pas assez le Css et faut vraiment que je m'y mette.
Mais avec ce que tu viens de m'apprendre..... C'est de la balle.

Je te remercie sincèrement.

Les cours CSS en lien en début de page du forum sont pas mal pour démarrer

[gotcha5832]

Effectivement,

Malheureusement, j'ai pas trop temps avec 10h-12H de boulot par jours 7/7...

Merci quand même