Forum CMS Made Simple FR › Ressources › Développement et Astuces v
image background body aleatoire

image background body aleatoire

Note de ce sujet :
  • Moyenne : 0 (0 vote(s))
  • 1
  • 2
  • 3
  • 4
  • 5
lolo61 Hors ligne
Membre
***
Messages : 131
Sujets : 21
Inscription : Jun 2010
Réputation : 0
#1
02/12/2011, 14:51:32 (Modification du message : 02/12/2011, 15:11:33 par lolo61.)
En cherchant comment mettre une image de fond aléatoire sur mes pages, j'ai trouvé une réponse dans les forums anglais.
je ne sais si c'est correct mais ça marche.

je remplace

Code :
[== HTML ==]
<body>

par

Code :
[== HTML ==]
{capture assign='num'}{1|rand:5}{/capture}
<body style="background-image: url(uploads/images/bg_{$num}.jpg)">


J'ai 5 images ( bg_ 1.jpg bg_ 2.jpg bg_ 3.jpg bg_4 .jpg bg_ 5.jpg ) Dans le dossier uploads/images.

rand:5 est le nombre d'image


Dans le css :

Code :
[== CSS ==]
body {
    margin: 0;
    padding: 0;
    color: #FFF;
        background: #000  no-repeat center top;
}


Voila
Trouver
Répondre
lolo61 Hors ligne
Membre
***
Messages : 131
Sujets : 21
Inscription : Jun 2010
Réputation : 0
#1
02/12/2011, 14:51:32 (Modification du message : 02/12/2011, 15:11:33 par lolo61.)
En cherchant comment mettre une image de fond aléatoire sur mes pages, j'ai trouvé une réponse dans les forums anglais.
je ne sais si c'est correct mais ça marche.

je remplace

Code :
[== HTML ==]
<body>

par

Code :
[== HTML ==]
{capture assign='num'}{1|rand:5}{/capture}
<body style="background-image: url(uploads/images/bg_{$num}.jpg)">


J'ai 5 images ( bg_ 1.jpg bg_ 2.jpg bg_ 3.jpg bg_4 .jpg bg_ 5.jpg ) Dans le dossier uploads/images.

rand:5 est le nombre d'image


Dans le css :

Code :
[== CSS ==]
body {
    margin: 0;
    padding: 0;
    color: #FFF;
        background: #000  no-repeat center top;
}


Voila
Trouver
Répondre
lolo61 Hors ligne
Membre
***
Messages : 131
Sujets : 21
Inscription : Jun 2010
Réputation : 0
#2
02/12/2011, 15:03:46 (Modification du message : 02/12/2011, 15:12:40 par lolo61.)
La page de la discussion est ici
http://forum.cmsmadesimple.org/viewtopic.php?t=15706

C'est à propos d'une image random dans la balise header
Trouver
Répondre
lolo61 Hors ligne
Membre
***
Messages : 131
Sujets : 21
Inscription : Jun 2010
Réputation : 0
#2
02/12/2011, 15:03:46 (Modification du message : 02/12/2011, 15:12:40 par lolo61.)
La page de la discussion est ici
http://forum.cmsmadesimple.org/viewtopic.php?t=15706

C'est à propos d'une image random dans la balise header
Trouver
Répondre
airelibre Hors ligne
Administrateur
*******
Messages : 2,487
Sujets : 18
Inscription : Dec 2009
Réputation : 0
#3
04/12/2011, 21:40:43
Merci pour l'astuce Wink
Aire Libre // Création de sites web et services CMS Made Simple : intégration, développement, maintenance et dépannage // De l'Alsace vers le monde entier
Site web Trouver
Répondre
airelibre Hors ligne
Administrateur
*******
Messages : 2,487
Sujets : 18
Inscription : Dec 2009
Réputation : 0
#3
04/12/2011, 21:40:43
Merci pour l'astuce Wink
Aire Libre // Création de sites web et services CMS Made Simple : intégration, développement, maintenance et dépannage // De l'Alsace vers le monde entier
Site web Trouver
Répondre


Atteindre :


Utilisateur(s) parcourant ce sujet : 1 visiteur(s)