Un Script PHP simple pour alterner la couleur de background avec css

logo php

Dans ce billet je vais présenter une procédure simple avec PHP et CSS pour alterner une couleur de background sur un élément HTML. Vous pouvez compléter le script et le modifier suivant vos besoins. Pour l’exemple je placerai directement le css dans le « style » de ma div.

Pour décrire le script, je définis dans ma boucle une variable qui ira jusqu’à 10. A chaque tour je calcul le « modulo ». Je rappel que modulo (représente par « % » retourne le reste de la division maximum, donc soit 1 ou soit 0) Si la valeur de ma division est égal à 0 j’applique un style, sinon il vaut 1 donc j’applique l’autre style.

1
2
3
4
5
6
7
8
9
10
$modulo = 0;
for($i=0;$i<10;$i++){
$modulo = $i%2;
if($modulo == 0){
    echo '<div style="background-color:#F7D358;">Div lorsque modulo vaut 0</div>';
}
if($modulo == 1){
    echo '<div style="background-color:#F5DA81;">Div lorsque modulo vaut 1</div>';
}
}

Cette technique permet de créer rapidement un effet de style avec du code simple.

Add a comment »One comment to this article

  1. Merci. Très bon tuto. Moi je le faisais aussi en php mais en fonction des secondes. De 0 à 30 sec j’affichais une première couleur, sinon la deuxième prenait le relais.

    Répondre

Laisser un commentaire

Assemblé dans la station orbitale WordPress