•  

    Je n'ai pas trouvé ce code sur internet

    c'est ma configuration personnelle

     

    Code à mettre dans CSS

     

    #menubar_logo{ background-color: darkgrey;}
    .notif_msg {color:darkred;}
    .menubar_separation{background: none;}
    #menubar_favorites,
    .menubar_section,
    #menubar_logo,  
    #menubar_section_plan
    #menubar_section_ad {background-image:none ;} 

     

    Ce code retire les barres de séparation blanche

    et on donne aussi couleur derriere logo Eklablog

     

    Sans css

    Question de Sergio au sujet du ménubar

     

    Avec css

    Question de Sergio au sujet du ménubar

     


  • Ce code n'est pas sur internet

    c'est ma configuration personnelle

     

    Pour ke mes visiteurs et moi-même n'ayons pas à fermer la barre d'info

    ki se trouve en bas de mon site

    j'ai mis ce code dans CSS

     

    #cookie-info
    {    display: none;}

     

    Et voilà ya plus de barre chez moi mdr !!

    et ni chez vous, si vous mettez le code !

     

     


  •  

    Position RELATIVE:

    Placement horizontal et vertical d'une image dans son contenu (module ou billet)

    Comme vous pouvez constater, on place où l'on veut dans le billet

    même sur une image !

    Défi Citation

     

    Position FIXED:

    Placement horizontal et vertical d'une image HORS de son contenu (module ou billet)

    C'est ce système kon emploie pour mettre les flêches "Monter et descendre"

    Même si tu déroules ta page, les flêches restent à la même place

     

     

     

     

    La position la + utilisée

     

     

    Position ABSOLUTE:

    Placement horizontal et vertical d'une image HORS de son contenu (module ou billet)

    Voir le chat ki marche sur mon slogan header

     

     

     

    Passons maintenant au top et bottom

     

    Pour une position:absolute;

    top: 50px;

    c'est l'espace entre le haut du blog et ton image

     

    *******************

     

     

    Pour une position:absolute;

    bottom: 50px;

    c'est l'espace entre le bas du blog et ton image

    (celui-là on en parlera sur prochain billet)

     

     

    Passons maintenant au margin-left

     

    margin-left:  80px;

    espace entre le bord  gauche de ta page et ton image

    "si tu as mis image dans menu de gauche"

     

    margin-left:  -80px;

    espace entre le bord  droit de ta page et ton image

    "si tu as mis image dans menu de droite , ton px est en signe négatif"

     

     

    Passons maintenant à la construction du code

     

     

    <div style="position: absolute; top: 50px; margin-left: 80px;"><img src="url image"/></div>

     

    Exercice pratique

     

    1- Copier et coller cette image dans un module

    2-Ouvrir votre code source <>

    3- Mettre le htlm de votre image entre

     

    <div style="position: absolute; top: 50px; margin-left: 80px;"><img src="url image" /> </div>

     

    4- Modifier les px selon votre positionnement d'image

    5- ça me ferait plaisir de voir votre exercice...

     

    En espérant ke mes explications sont claires

    @ Bientôt

     

    © LaGentilleRebelle