Comment mettre en place une page web qui change de couleurs

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par Leo7, 1 Novembre 2008.

  1. Leo7
    Leo7 Nouveau WRInaute
    Inscrit:
    1 Novembre 2008
    Messages:
    3
    J'aime reçus:
    0
    Bonjours,

    Comment faut il faire pour que le fond d'une page web change de couleur automatiquement et de maniere permanente.

    Je m'explique, le fond de la page peut être jaune, ensuite il passera orange, puis rouge, violet, rose...etc... en passant par toutes les couleurs du spectre.

    Merci pour votre aide précieuse.

    Cordialement
    Léopold
     
  2. twin
    twin WRInaute passionné
    Inscrit:
    23 Février 2004
    Messages:
    1 237
    J'aime reçus:
    0
  3. Leo7
    Leo7 Nouveau WRInaute
    Inscrit:
    1 Novembre 2008
    Messages:
    3
    J'aime reçus:
    0
    Je suis un peu novice en la matière.

    Je pensais qu'il s'agissait d'un "code" à intégrer ...


    Vous remerciant de votre aide, je vais chercher dans cet angle maintenant.

    Cdt
    Léo
     
  4. SuperCureuil
    SuperCureuil WRInaute impliqué
    Inscrit:
    9 Mars 2007
    Messages:
    567
    J'aime reçus:
    0
    Bonsoir,

    Tu peux, par exemple, stocker différentes feuilles de style dans un tableau, puis faire un rand et sélectionner une feuille au hasard.

    Ou bien faire la même chose mais juste avec la propriété qui t'intéresse :

    Code:
    <?php
    $bgColors = array(
                              '#000000',
                              '#ffffff',
                              '#cc0000'
                              );
    
    $bgColor = rand($bgColors);
    ?>
    Et dans le head :

    Code:
    <style type="text/css">
    body {
    background-color:<?php echo $bgColor; ?>;
    }
    </style>
    Si tu codes en xhtml strict, il faut externaliser les styles pour rester compatible, le principe reste le même mais avec la feuille de style complète plutôt qu'avec une propriété.

    Edit : ooops, pas vu que tu voulais le faire de façon "permanente". Qu'entends-tu par permanente ? S'il s'agit de conserver la couleur le temps de la visite, tu peux utiliser des sessions ...

    @+
     
  5. Rod la Kox
    Rod la Kox WRInaute accro
    Inscrit:
    24 Juin 2008
    Messages:
    2 780
    J'aime reçus:
    0
    Moi, je crois qu'il souhaite un fondu permanent.
     
  6. Leo7
    Leo7 Nouveau WRInaute
    Inscrit:
    1 Novembre 2008
    Messages:
    3
    J'aime reçus:
    0
    Merci à vous pour votre aide.

    Comme je le disais je suis assez novice en la matière...


    Je souhaite que les couleurs de spectre défilent en permanence quand les visiteurs seront sur la page en question...
     
  7. SuperCureuil
    SuperCureuil WRInaute impliqué
    Inscrit:
    9 Mars 2007
    Messages:
    567
    J'aime reçus:
    0
    Ah, ok :wink:

    Ben alors la solution la plus simple,comme te l'a conseillé Twin, c'est un gif animé en background du body.

    Pitète qu'il y a mieux avec du Js, notamment avec Scriptaculous ou Prototype ...

    ++
     
  8. Rod la Kox
    Rod la Kox WRInaute accro
    Inscrit:
    24 Juin 2008
    Messages:
    2 780
    J'aime reçus:
    0
    Gif animé...

    Sauf qu'ils ne s'affichent pas tous en même temps, donc un décalage possible...
     
  9. SuperCureuil
    SuperCureuil WRInaute impliqué
    Inscrit:
    9 Mars 2007
    Messages:
    567
    J'aime reçus:
    0
    Bien vu, je n'y avais pas pensé !

    Bon ben alors je passe wink:
     
  10. HawkEye
    HawkEye WRInaute accro
    Inscrit:
    23 Février 2004
    Messages:
    13 857
    J'aime reçus:
    5
    Alternative non-constructive (quoi que...): en tant que visiteur, franchement... ça me saoulerait que le bg change de couleur en permanence ;)
     
  11. Rod la Kox
    Rod la Kox WRInaute accro
    Inscrit:
    24 Juin 2008
    Messages:
    2 780
    J'aime reçus:
    0
    C'est psychédélique...
     
  12. LiFi
    LiFi WRInaute occasionnel
    Inscrit:
    14 Juillet 2008
    Messages:
    389
    J'aime reçus:
    0
    un gif animé en boucle de 1 pixel qui passe par toutes ces couleurs et que tu mets en image de fond sur ta page, qui se répète en largeur et en hauteur.
     
  13. Rod la Kox
    Rod la Kox WRInaute accro
    Inscrit:
    24 Juin 2008
    Messages:
    2 780
    J'aime reçus:
    0
    Lire plus haut. ;-)
     
  14. LiFi
    LiFi WRInaute occasionnel
    Inscrit:
    14 Juillet 2008
    Messages:
    389
    J'aime reçus:
    0
    J'ai lu plus haut mais à mon avis c'est inexact, il suffit d'essayer remarque pour etre sur.
     
  15. zeb
    zeb WRInaute accro
    Inscrit:
    5 Décembre 2004
    Messages:
    12 024
    J'aime reçus:
    1
    pareil, si en plus il y a de la pub qui clignote je ferme l'onglet de suite.
     
Chargement...
Similar Threads - mettre place web Forum Date
AMP stories : quelle stratégie SEO mettre en place ? Référencement Google 12 Mars 2020
Comment mettre en place le paiement sur Woocommerce ? e-commerce 4 Juin 2019
Cookies et RGPD : mettre en place le script tarteauciron.js Développement d'un site Web ou d'une appli mobile 18 Février 2019
Mettre en place sa stratégie de netlinking Netlinking, backlinks, liens et redirections 24 Mars 2016
DoubleClick for publisher: comment mettre en place? Monétisation d'un site web 23 Mars 2016
Comment mettre en place un stystème de notation avec étoiles? Débuter en référencement 7 Avril 2015
Mettre en place une stratégie pour Facebook Facebook 2 Décembre 2014
Comment mettre en place un système de rachat de livres sur un site? e-commerce 26 Novembre 2013
Mettre en place un système de code de réduction sur un site E-commerce: Développement d'un site Web ou d'une appli mobile 28 Août 2012
URL Rewritting - Impossible à mettre en place URL Rewriting et .htaccess 30 Mars 2012
Impossible de mettre en place un URL Rewritting URL Rewriting et .htaccess 3 Décembre 2011
Mettre en place un decompte horaire ... Développement d'un site Web ou d'une appli mobile 24 Juin 2011
Mettre en place une newsletter Administration d'un site Web 8 Janvier 2011
Condition légal pour mettre en place un concours en Suisse ou en Espagne ? Droit du web (juridique, fiscalité...) 23 Juillet 2010
Besoin d'un gros coup de pouce pour mettre en place des colonnes dans un menu CSS Développement d'un site Web ou d'une appli mobile 23 Juillet 2009
Mettre en place un jeux concours Monétisation d'un site web 23 Mars 2009
Mettre en place un "suivant/précédent" dans ma gallerie Développement d'un site Web ou d'une appli mobile 28 Février 2009
Mettre en place un numéro surtaxé Monétisation d'un site web 2 Mars 2008
Mettre en place un paiement paypal Développement d'un site Web ou d'une appli mobile 12 Octobre 2007
galere pour mettre en place l’url rewriting sur mon site URL Rewriting et .htaccess 19 Juin 2007