•  

    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

     


    34 commentaires
  •  

    En plus du menu header ,

    on peut avoir des sous-menu déroulant

     

    Voir ce lien pour explications

     

     

    https://www.eklablog.com/news-c1

     

    Et aussi , nouveau , on peut mettre son blog en hors ligne

    Bien pratique pour ceux ki ont des blogs d'essais

    Vous êtes seul à le voir ainsi ke la personne mis

    en permission "administrateur"

     

    Voilà ce kon verra si on clic sur le lien de votre blog

    et puis l'adresse de votre blog n'apparaitra pas dans votre profil

     

    Du changement en ce ki concerce le menu header

     

    https://www.eklablog.com/blog-hors-ligne-blog-en-ligne-a-votre-convenance-a112536140


    1 commentaire
  • Evite d'avoir des modules trop long

    tels ke liste d'Amies ou bannières

    Mettre un scrollbar en CSS au module de menu

     

    Tout d'abord faut le numéro d'identification de votre module

    C'est à dire le ID kil faudra mettre dans le code ke je donne plus bas .

     

    Pour cela clic droite avec ta souris sur ton blog

    et clic sur "Afficher le code source de la page"

    Mettre un scrollbar en CSS au module de menu

    le terme peut varier selon les navigateurs

    (moi c Firefox)

     

    Faire Ctrl F

    Une barre de recherche s'ouvre en bas gauche

    Tape le titre de ton module

    Dans le code apparaitra ton titre coloré

    Mettre un scrollbar en CSS au module de menu

    il ne te reste plus qu'à mettre le ID (chiffre)pour moi c'est 141704884

    dans le code ci dessous , à la place des xxxxxxxxx

    <style type="text/css"><!--
    #module_menu_contenuxxxxxxxxx
    {height:200px;
    overflow-y:scroll;}
    --></style>

     

    ATTENTION 

    CE CODE EST A METTRE DANS LE CODE SOURCE DE VOTRE MODULE SIMPLE CONCERNE CAR je vous l'ai mis ENTRE LES BALISES "STYLE"

     

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

     

    Si c'est pour un module  "liens vers les rubriques" ou un module "liens"

     

    #module_menu_contenuxxxxxxxxx
    {height:200px;
    overflow-y:scroll;}

     

    A METTRE DANS MODIFIER LE THEME>>>AJOUTER DU CSS

     

     

    •°•.•°•UN MERCI NE COÛTE RIEN ET  FAIT TOUJOURS PLAISIR•°•.•°•

     

     


    25 commentaires