Discussion :

[wyllos]

Bonjour, voila j'ai un module qui m'affiche les titres des dernières news sous la forme ul et li. Mon souhait est de modifier les puces pour les remplacer par des petites images différentes à chaque <li>. Le souci, c'est que je ne vois pas comment différencier chaque <li>.
voila le code actuel qui me sert:

Code :

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

1
2
3
4
5
6
7
8
9
<ul class="mostread<?php echo $params->get('moduleclass_sfx'); ?>">
<?php foreach ($list as $item) : ?>
	<li class="mostread<?php echo $params->get('moduleclass_sfx'); ?>">
		<a href="<?php echo $item->link; ?>" class="mostread<?php echo $params->get('moduleclass_sfx'); ?>">
			<?php echo $item->text; ?>
		</a>
	</li>
<?php endforeach; ?>
</ul>

Qui peux m'aider.

Merci
Wyllos

[mathieu]

Tu veux un affichage différent en fonction de quoi ?

[wyllos]

Je veux un affichage différent à chaque <li>

[onirisme]

Je veux un affichage différent à chaque <li>

Ca c'est clair...

Tu le veux en fonction de quoi?
Combien de puces différentes as tu?

Tu veux un affichage aléatoire?
Tu veux un affichage ordonné?
puce1 -> texte
Puce2 -> texte
puce3 -> texte
Puce1 -> texte
puce2 -> texte
Puce3 -> texte
Tu veux en fonction d'une catégorie de sujet?

Tu as un exemple?

[wyllos]

J'ai 7 puces, elles doivent toujours être dans le même ordre.
puce1=image1
puce2=image2...
le problème c'est avec mon code php je n'ai qu'une ligne <li> donc je sais pas comment les nommer.

[onirisme]

Bon, j'ai essayé de faire quelque chose mais je suis vraiment pas sûr que ce soit ce qu'il y a de plus simple...

En plus je sais pas si ça va bien s'intégrer à ton code.

Le truc, c'est qu'il faut que tu mettes une class="" cette classe sera remplie par le code que tu vois ci dessous.

Code PHP :

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
 
<?php
 
echo '<ul>';
$i = 1;
$p = 1;
while ($i <= 20) { //Nombre de post pour le test
	If($p<=7){//Nombre de puces
		$p=$p++;
 
	}else{
		$p="1";
 
		}
    echo'<li class="p'.$p++.'">news'.$i++.'</li>';  
}
echo '<ul>';
?>

Dans la feuille css tu mets ça :

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
 
body {
 
}
ul{
	list-style:none;
}
li{
 
}
li.p1{
	list-style-image : url(p1.gif);
}
li.p2{
	list-style-image : url(p2.gif);
}
li.p3{
	list-style-image : url(p3.gif);
}
li.p4{
	list-style-image : url(p4.gif);
}
li.p5{
	list-style-image : url(p5.gif);
}
li.p6{
	list-style-image : url(p6.gif);
}
li.p7{
	list-style-image : url(p7.gif);
}

Le résultat est -->http://onirisme.free.fr/dvp/puces/