• Graph

     

    Rubrique  Graphisme | Codes CSS | Codes HTML | Tutoriel

     

     

     

  • Avec ce code, l'image devient noir et blanc, et redeviens coloré au survol:

    img{         
        filtergrayscale(1);         
        -webkit-filtergrayscale(1);         
        -moz-filtergrayscale(1);         
        -o-filtergrayscale(1);         
        -ms-filtergrayscale(1);


    img:hover {        
        filtergrayscale(0);         
        -webkit-filtergrayscale(0);      
        -moz-filtergrayscale(0);         
        -o-filtergrayscale(0);      
        -ms-filtergrayscale(0);
    }

     

    Ou l'inverse:

    img{         
        filtergrayscale(0);         
        -webkit-filtergrayscale(0);         
        -moz-filtergrayscale(0);         
        -o-filtergrayscale(0);         
        -ms-filtergrayscale(0);


    img:hover {        
        filtergrayscale(1);         
        -webkit-filtergrayscale(1);      
        -moz-filtergrayscale(1);         
        -o-filtergrayscale(1);      
        -ms-filtergrayscale(1);
    }


    votre commentaire
  • Vous mettez l'url de l'image à la place de... url_de_l'image. ._. Ca parait logique:

    #menubar {background-imageurl("url_de_l'image");}
    #menubar_section_content{
    background-imagenone;
    }

     

    Après il y a encore les barres de séparations qui ne font pas très jolie:

    #menubar_section_content{
    background-imagenone;
    }
    #menubar_section_appearance{
    background-imagenone;
    }
    #menubar_section_interactions{
    background-imagenone;
    }
    #menubar_section_manage{
    background-imagenone;
    }
    #menubar_section_account{
    background-imagenone;
    }
    #menubar_notifications{
    background-imagenone;
    }
    #menubar_signin {
    background-imagenone;
    }
    .menubar_button {
    background-imagenone;

    #menubar_favorites {
    background-imagenone;
    }

     

    Ensuite, vous pouvez mettre de l'ombre, changez la couleur de la police, et arrondir les bords du menu:

    #menubar {
    color#000000;
    border-radius100px ;
    box-shadow80px  #000000  ;
    }

     

    A droite de color, c'est la couleur de la police.

    A droite de border-radius, c'est l'arrondi des bords.

    Et à droite de box-shadow, c'est l'ombre et sa couleur.

     

    Bon, je crois que c'est tout.

     

     


    votre commentaire
  • «Les gâteaux de riz sont du ressort du marchand de gâteaux de riz.» *Proverbe Japonais* Vous m'avez compris j'espère! Bon, je vais essayer autre chose: «Si chacun fait son métier, les vaches seront bien gardées.» Et maintenant, vous m'avez compris? --'

     

    Texte comme ci dessus:

    <p><marquee>TEXTE</marquee></p> <p>&nbsp;</p>

     

    Remplacer TEXTE par ce que vous voulez écrire, et voilà. ^^


    8 commentaires
  • [Mettre un header plus grand que 400KO]

     

    Code CSS:

    #header

    height500 px;

    background:transparent urlcenter top no-repeat}

    Explications:

    Dans les parenthèses (à côté de transparent url), vous mettez l'url de l'image. Le chiffre à côté de "height" (500) vous pouvez le changez selon la taille de votre header.


    10 commentaires
  • [Arrondir les bords de la page]

     

    Code CSS:

    #background {
        border-radius40px;
         box-shadow0 10px #21829e ;
    }

    Explications:

    40 px c'est la taille des arrondissements, et 10 px c'est l'ombre de la page. #21829e est la couleur de l'ombre.


    votre commentaire


    Suivre le flux RSS des articles de cette rubrique
    Suivre le flux RSS des commentaires de cette rubrique