• C'est bien beau de copier/coller les codes, mais il faut tout de même les comprendre un minimum avant de les appliquer.

    La structure d'un code HTML se présente sous cette forme :

    <balise>texte</balise>
    -----
         Ex: <p>Bonjour, et bienvenue sur mon blog.</p>

    Dans mon exemple, j'ai utilisé la balise qui correspond à celle des paragraphes.

    Il existe énormément de balises. Vous pouvez en trouver toutes sortes sur Internet, avec comme explications, leurs fonctions. Attention, certaines balises ne sont pas fonctionnelles sur Eklablog.

     

    La structure d'un code CSS se présente ainsi : 

    sélecteur {
         propriété: valeur;
    }
    -----
         Ex: body {
                background-color: black;
             }

    Dans mon exemple, cette fois-ci, j'ai utilisé le code CSS pour la couleur du fond d'une page.

    Comme pour les balises, il existe énormément de sélecteur, de propriétés et de valeurs. Vous pouvez en trouver toutes sortes sur Internet, avec comme explications, leurs fonctions. Attention, certains sélecteurs ne sont pas fonctionnels sur Eklablog.


    votre commentaire
  • Dans les codes CSS, il y a souvent possibilité de changer la taille et la couleur de la bordure. Mais ce n'est pas tout, il existe différents styles de bordures que voici.


    votre commentaire
  • Dans le code CSS, il est assez compliqué de se repérer avec tous ces codes qui se ressemblent. Il existe pourtant une astuce toute simple. Au dessus de votre code, il suffit de mettre une ligne qui commence par /* et se finit par */. Elle se met alors en couleur brune et elle n'est pas prise en compte par le CSS.

    Se repérer dans ses codes

     


    votre commentaire
  • Code à mettre dans la partie HTML.

    Remplacer TEXTE parce ce que vous voulez indiquer.

    Le premier X correspond à width, c'est-à-dire à la largueur de votre "bloc".

    Le deuxième X correspond à height, c'est-à-dire à la hauteur de votre "bloc". En général, 100 est une bonne valeur.

    <div style="width: Xpx; height: Xpx; overflow: auto; margin: auto;">TEXTE</div>

    4 commentaires
  • Code à mettre dans la partie CSS.

    Remplacer le X par un nombre.

    Le premier X désigne le coin haut à gauche. Le deuxième désigne le coin haut à droite. Le troisième désigne le coin bas à droite. Et le dernier désigne le coin bas à gauche.

    Pour arrondir le menu 1 :

    #menu1 {
        border-radius: 0px 0px Xpx Xpx;
    }

    .module_menu_titre {
        border-radius: Xpx Xpx 0px 0px;
    }

     

    Pour arrondir le menu 2 :

    #menu2 {
        border-radius: 0px 0px Xpx Xpx;
    }

    .module_menu_titre {
        border-radius: Xpx Xpx 0px 0px;
    }

     

    Pour arrondir le contenu :

    .module_contenu {
        border-radius: 0px 0px Xpx Xpx;
    }

    .module_titre {
        border-radius: Xpx Xpx 0px 0px;
    }

     

    Pour arrondir les bords de votre blog :

    #background {
        border-radius: Xpx Xpx Xpx Xpx;
    }

    votre commentaire


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