• Le CSS : c'est quoi ? [Introduction au CSS]

    Cet article n'a pas pour but de vous apprendre des codes ou des effets en particulier mais plutôt de vous faire comprendre le fonctionnement général du CSS. Ce genre d'article viendra dans quelques jours.

    Intro au CSS by D r e a m

     

    Si vous êtes à la recherche du parfait moyen d'embellir votre blog et de lui donner une allure unique, alors le CSS va être votre meilleur ami à coup sûr!

     De l'anglais Cascading Style Sheet (feuille de style en cascade), le CSS est une manière de coder qui permet d'ajouter plein d'effets à votre blog : ajouter de nouvelles polices, faire tourner les avatars du module "derniers visiteurs" quand on passe sa souris dessus, colorer la menubar en haut de votre écran... Les possibilités sont infinies. Et pour ça, pas besoin d'être expert ou développeur, il vous suffit d'apprendre petit à petit!

     

    ➞ Tout d'abord, comment accéder au CSS sur Eklablog ?

    Pour cela, il vous faut aller dans l'onglet "Apparence" de votre blog, puis sélectionner "Modifier le thème". De là, vous scrollez et cliquez sur "Ajouter du CSS". Vous y voilà!

     

    ➞ Mais comment ça fonctionne, le CSS ?

    Le CSS repose sur une base plutôt simple : si vous souhaitez modifier quelque chose, il vous suffit de procéder ainsi : 

    #sélecteur {propriété: valeur;}


    En violet : le 
    sélecteur qui indique ce que vous voulez modifier sur votre blog. Quelques exemples de sélecteurs : #menubar pour la barre de menu en haut de l'écran, .module_menu_type_lastvisitors pour le module "derniers visiteurs"... Si vous souhaitez en savoir plus sur les sélecteurs, je vous conseille l'article de Kalyna sur le sujet : lien.

    En vert : la propriété qui permet de modifier un élément en particulier. Quelques exemples : "background-color" pour la couleur de fond, "font-family" pour la police d'écriture...

    En bleu : la valeur de votre propriété. Elle peut par exemple déterminer l'exacte couleur, la taille (12px par exemple)...

    En rouge : les "parenthèses" qu'il ne vous faut pas oublier de mettre au début et à la fin de vos propriétés quand vous codez ; elles délimitent le début et la fin de celles-ci.

    En gris : le point virgule qui sépare toujours les propriétés.

     

    Note : les "parenthèses" et le point virgule sont essentiels si vous voulez que votre code fonctionne!

     

    -------------------------------------------

    Voilà pour cette petite intro au CSS qui me permet surtout d'introduire mon prochain article sur le module "derniers visiteurs". En espérant vous avoir été utile,

    Votre dévouée D r e a m


    Tags Tags : , , , , , ,
  • Commentaires

    1
    Samedi 13 Mars 2021 à 09:30

    Oki, ( merciiiiii!)

    2
    Mardi 16 Mars 2021 à 19:45

    Bon article de présentation ^^

    Le bon terme pour { } c'est "accolades" ;)

    3
    Samedi 20 Mars 2021 à 19:38

    YOUPIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII !!!!!!!!!!!!!!!!!!!!!!

    Bon aller, moi, j'ai du boulot sur mon blog !

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :