• Comment fonctionne un code CSS ?

    Un code CSS est toujours représenté de la même manière : 

    Sélecteur {propriété: valeur}

    Un sélecteur :

    Les sélecteurs, c'est l'élément que vous allez changer, modifier, l'élément sur lequel vous allez travailler (par exemple, le titre des articles). Vous pouvez en créer des nouveaux (je ne vous l'apprendrais pas sur ce blog car je n'ai pas assez de connaissances en CSS, donc moi-même je ne sais pas très bien le faire). 

    La propriété :

    La propriété est, dans un code CSS, le nom de l'effet à appliquer (par exemple : ombre). Leur nom est en anglais, sans accent ni caractères spéciaux et avec très rarement un tiret. 

    La valeur :

    La valeur dépend de la propriété que vous avez mis. Elle permet de mettre exactement comme vous voulez. Par exemple, si vous avez utilisé une propriété "couleur", vous devrez mettre en valeur la couleur, par exemple #993300 et si vous avez utilisé une propriété pour arrondir des angles, vous devrez mettre la valeur en px (pixels), par exemple 2px. 

    La ponctuation :

    Dans une code CSS, la ponctuation est très importante. Toutes les propriété qui sont pour un même sélecteur se trouvent entre accolades "{ }". Les propriété et les valeurs sont séparées par deux points ":", et les propriétés doivent être séparées d'un point virgule ";"
    Dans Eklablog, si vous oubliez les accolades, un message d'erreur vous le signalera.

    Les retours à la ligne et les espaces entre les signes de ponctuation ne changerons pas le code. Mais je vous conseille d'aérer votre code, vous vous retrouverez plus facilement. 

    Les sélecteurs d'EklaBlog :


    Article
    .module_contenu 
     
    Article titre
    .module_titre
     
    Article bas
    #module_bottom
     
    Barre d'outil 
    #menubar 
     
    Commentaire
    .comment_normal
     
    Commentaire auteur
    .comment_admin
     
    Commentaire avatar
    .commentavatar
     
    Dernier Visiteur
    .module_menu_type_lastvisitors
     
    Fond de fenêtre
    #body
     
    Fenêtre d'information 
    .window
     
    Fond de page
    #background
     
    Pied de page
    #footer
     
    Header
    #header
     
    Menu contenu
    module_menu_contenu_block
     
    Menu gauche
    #menu1
     
    Menu droit
    #menu2
    Menu titre
    .module_menu_titre
    Menu de l'en tête
    #menu

     


  • Commentaires

    1
    Dimanche 22 Juin 2014 à 22:28

    Merci beaucoup, très utile . ^^

    Au fait, à partir de ça, on peut faire un code css soi même ? 

    2
    Dimanche 22 Juin 2014 à 22:52
    Oui, on peut créer un code CSS. Enfin, ce n'est pas vraiment créer à 100%, car la propriété et la valeur ne se créent pas. Par contre, on peu créer un sélecteur, mais c'est un niveau élevé, peut-être qu'un jour j'arriverais à expliquer comment faire, pour l'instant, je sais juste le faire, mais pas expliquer.
    Pour te donner un exemple, dans l'artice suivant : http://my-world-online.eklablog.com/boites-deroulantes-a108059632 , on créé le sélecteur "ma_boite", qu'on modifie après en mettant contours, fond, ombre (pas dans le code de l'article, mais il suffit juste d'ajouter opacity: X). Par contre, quand on créé comme ça un sélecteur, c'est surtout pour ensuite mettre en HTML ou Javascript dans son article. Enfin bref, c'est plutôt complexe (il faut parfaitement maitriser tous les codes, que se soit Javascript, HTML ou CSS).
    Ensuite, si part "créer un code CSS" tu ne sous-entendias pas ce que je viens de te répondre, oui, on peut "assembler" des sélecteurs, des propriété et mettre des valeurs pour tout ce que l'on veut.

    Mais dans tous les cas, oui, on peut faire son propre code CSS, on n'est pas obligé de toujours faire copier coller, il faut juste prendre le temps de comprendre et les codes deviennent faciles !

    J'espère que ce (très) long message t'aura aidé !
    3
    Dimanche 22 Juin 2014 à 23:04

    Oui il m'a aidé, merci beaucoup !

    Par contre, je vais attendre un peu, le temps de mieux comprendre le fonctionnement des codes parce que je vais pas m'y retrouver . 

    Merci !

    4
    Lundi 23 Juin 2014 à 07:35
    D'accord, de rien !


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :