Forum CMS Made Simple FR
image background body aleatoire - Version imprimable

+- Forum CMS Made Simple FR (https://forum.cmsmadesimple.fr)
+-- Forum : Ressources (https://forum.cmsmadesimple.fr/forum-4.html)
+--- Forum : Développement et Astuces (https://forum.cmsmadesimple.fr/forum-15.html)
+--- Sujet : image background body aleatoire (/thread-1628.html)


image background body aleatoire - lolo61 - 02/12/2011

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

image background body aleatoire - lolo61 - 02/12/2011

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

image background body aleatoire - airelibre - 04/12/2011

Merci pour l'astuce Wink