• Menus coulissant en haut à gauche

    Suite à une demande par mp, je fait ce tuto pour mettre des menus déroulant en haut à gauche de la page (les miens sont "Accueil" et "Livre d'or"), pour commencer, voici le css:

    #menugauchecoulissant {
    background:FOND DU CADRE;
    border: BORDURE;
    boder-radius: 8px 0px 8px 8px;
    box-shadow: OMBRE DU CADRE;
    position: fixed;
    width: LARGEUR VISIBLE NON-SURVOLÉpx;
    height: HAUTEUR DU CADREpx;
    top: PLACEMENT PAR RAPPORT AU HAUT DE LA PAGEpx;
    left: 0px;
    padding: 0px 0px 0px 6px;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
    }
    #menugauchecoulissant:hover {
    width: LARGEUR VISIBLE AU SURVOLpx;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
    box-shadow: OMBRE DU CADRE;
    }

    L'html maintenant:

    <div id="menugauchecoulissant"><a href="LIEN EN CLIQUANT SUR L'IMAGE"><span style="color: #ffffff;"><img style="float: right;" src="URL DE L'IMAGE" alt="" width="LARGEUR DE L'IMAGE" height="HAUTEUR DE L'IMAGE" /></span></a></div>

    Pour rajouter une ou des image(s), encore de l'html:

    <div id="menugauchecoulissant" style="top:  PLACEMENT PAR RAPPORT AU HAUT DE LA PAGEpx;"><a href="LIEN EN CLIQUANT SUR L'IMAGE"><span style="color: #ffffff;"><img style="float: right;" src="URL DE L'IMAGE" alt="" width="LARGEUR DE L'IMAGE" height="HAUTEUR DE L'IMAGE" /></span></a></div>

    Tags Tags : , , , ,
  • Commentaires

    1
    Lili23 Profil de Lili23
    Vendredi 29 Juin 2012 à 21:01

    Pour fond du cadre, on met une couleur ?

    2
    Lili23 Profil de Lili23
    Vendredi 29 Juin 2012 à 21:32

    merci beaucoup mais quand je clique sur l'image, ça ne me mène pas sur la page web demandée.

    3
    Vendredi 29 Juin 2012 à 23:42

    Tu as du mal entré le lien...

    4
    Lili23 Profil de Lili23
    Samedi 30 Juin 2012 à 16:28

    Sans doute

    5
    Pink-apple Profil de Pink-apple
    Samedi 27 Octobre 2012 à 11:45

    J'ai mis le code celui tout en haut: mon menu se déroule mais est plascée comme le tien ! Comment faire pour qu'il soit a gauche ? ^^Merci d'avance 

    6
    Samedi 27 Octobre 2012 à 11:57

    Il faut que tu ailles dans CSS et HTML dans la rubrique codage.

    Puis tu prends le tuto

    7
    Pink-apple Profil de Pink-apple
    Samedi 27 Octobre 2012 à 12:23

    Mais en faites c'est ce que j'ai fais mais ca me le mets en haut et je le voudrais a gacuhe.... :S

    9
    Pink-apple Profil de Pink-apple
    Samedi 27 Octobre 2012 à 12:41

    Et l'html je le mets dans....

    10
    Pink-apple Profil de Pink-apple
    Samedi 27 Octobre 2012 à 12:48

    Je trouve pas ou mettre le html ! Parceque le Css je l'ai mis mais il est toujours en haut ! 

    11
    vanille110 Profil de vanille110
    Lundi 29 Avril 2013 à 10:49

    ca fait comment quand sa se déroule ? tu parle du menu de len tête ou les menus a droite et gauche ?

    12
    Lundi 29 Avril 2013 à 11:12

    Ce sont des menus qui n'apparaissent pas sur mon blog, ils apparaissent tout a gauche de la fenêtre

    13
    vanille110 Profil de vanille110
    Lundi 29 Avril 2013 à 19:04

    ah daccord merci  :)

    14
    Dimanche 12 Mai 2013 à 12:23

    j'ai pas compris ce tuto (a quoi sa sert aussi)

    15
    Dimanche 12 Mai 2013 à 17:40

    C'est comme mes menus en haut de page sauf que c'est pour le coté gauche du blog.

    16
    Dimanche 12 Mai 2013 à 19:09

    a ok . par quoi il faut remplacer fond du cadre , bordure et ombredu cadre ?

    17
    Dimanche 12 Mai 2013 à 19:19

    1: couleur
    2: taille et couleur de la bordure (genre 1px double black )
    3: taille de l'ombre (genre 0px 0px 15px blue )

    18
    Dimanche 12 Mai 2013 à 19:20

    ok merci beaucoup ^^sa va me servire pour un de mes blog comme ca 

    19
    vanille110 Profil de vanille110
    Dimanche 12 Mai 2013 à 19:34

    ah je croit que moi aussi ^^

    20
    Dimanche 12 Mai 2013 à 19:37

    sa ne marche pas TnT je doit mal faire je pense ..

    21
    Yohanna...ღ Profil de Yohanna...ღ
    Mardi 28 Mai 2013 à 19:04

    C'est comme ce code CSS?

    22
    vanille110 Profil de vanille110
    Mardi 28 Mai 2013 à 20:19

    masi du coup il faut rajouter le css coller au html + aux images ? enfaite tu pourrai me donner mon code et je te donne chaque image ?  stp car là je suis perdu

    23
    Dimanche 2 Juin 2013 à 10:11

    Tu met le code css dans la partie css de ton blog. Et pour l'HTML... quand tu édite quelque chose sur ton blog, tu as un petit bouton HTML, c'est ici que tu doit le mettre.

    24
    vanille110 Profil de vanille110
    Dimanche 2 Juin 2013 à 12:20

    ah oké mercii je vais essayer !

    25
    vanille110 Profil de vanille110
    Dimanche 2 Juin 2013 à 12:26

    pour le css ca ne marche pas et pourtant j'ai tout bien rempli ca me dit quil y a une erreur =/

    26
    AngelFairy Profil de AngelFairy
    Mardi 23 Juillet 2013 à 23:41

    merci pour le tuto, j'ai réussi à faire un menu coulissant et il est assez pratique ^^

    27
    Azuchat95 Profil de Azuchat95
    Jeudi 22 Août 2013 à 19:07

    j'y arrive pas T.T je suis nul

    28
    Vendredi 6 Septembre 2013 à 22:30

    excuse moi mais comment on fait pour qu'on vois comme en haut écrit ex: "Accueil" ou autre...?

    30
    Jeudi 12 Septembre 2013 à 21:22
    J'ai trouvée mais merci quand même


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :