• Menu coulissant

    Menu coulissant

    Pour votre image, elle doit faire une dimension de 90*70

    Alors déjà tu vas dans apparence => code css

    Et tu mets ça:

    #menugauchecoulissant {

    background:linear-gradient(top right,#313131,#000000);

    border: 2px solid grey;

    boder-radius: 8px 0px 8px 8px;

    box-shadow: 0px 0px 3px white;

    position: fixed;

    width: 9px;

    height: 70px;

    top: 80px;

    left: 0px;

    padding: 0px 0px 0px 6px;

    -webkit-transition-duration: 0.5s;

    -moz-transition-duration: 0.5s;

    transition-duration: 0.5s;

    }

     

    #menugauchecoulissant:hover {

    width: 80px;

    -webkit-transition-duration: 0.5s;

    -moz-transition-duration: 0.5s;

    transition-duration: 0.5s;

    box-shadow: 0px 0px 8px white;

    }

    Après tu vas dans un module SIMPLE déjà UTILISER et tu mets ce code:

    <div id="menugauchecoulissant"><a href="URL DU LIEN"><span style="color: #ffffff;"><img style="float: right;" src="URL DE L'IMAGE" alt="" /></span></a></div>

    Ce qu'il y a marqué en bleu turquoise tu le remplace par le l'url du lien

    Ce qu'il y a marqué en mauve tu le remplace par l'url de l'image


     

    Et puis normalment dans ton module simple ça va faire ça :

    (sur le blog de Miniko et Vongola)

     

    © Tuto de Minineko et de Vongola

     

    1° code HTML 

    <div id="menugauchecoulissant"><a href="Url du lien"><span style="color: #ffffff;"><img style="float: right;" src="Url de l'image" alt="" /></span></a></div>

    2° code HTML  

    <div id="menugauchecoulissant" style="top: 160px;"><a href="Url du lien"><span style="color: #ffffff;"><img style="float: right;" src="Url de l'image" alt="" width="90" height="70" /></span></a></div>

    3° code HTML  

    <div id="menugauchecoulissant" style="top: 240px;"><a href="Url du lien"><span style="color: #ffffff;"><img style="float: right;" src="Url de l'image" alt="" width="90" height="70" /></span></a></div>

    4° code HTML  


    <div id="menugauchecoulissant" style="top: 320px;"><a href="Url du lien"><span style="color: #ffffff;"><img style="float: right;" src="Url de l'image" alt="" width="90" height="70" /></span></a></div>


    Tags Tags : , , , ,
  • Commentaires

    1
    Samedi 28 Avril 2012 à 14:50

    Mon nom c'est minineko x)

    2
    Samedi 28 Avril 2012 à 15:03

    J'ai oublié 2 lettres xD

    3
    Mardi 8 Mai 2012 à 19:21

    le tutos que j'avait qui a foirer xD c'est nostalgique xD le tuto que mini' a coriger lol

    4
    Mardi 8 Mai 2012 à 19:22
    5
    Mardi 8 Mai 2012 à 19:26

     lol 

    6
    Hanalulu Profil de Hanalulu
    Jeudi 17 Mai 2012 à 20:55

    tu les trouves où tes images de 90*70 ??

    7
    Hanalulu Profil de Hanalulu
    Vendredi 18 Mai 2012 à 15:00

    Pour les images c'est régler mais c'est quoi l'url du lien ?

    8
    Vendredi 18 Mai 2012 à 15:09

    url du lien en gros c'est la ou ton menu va t'emener en ros imaginons que tu fait un menu accueil ; sa tammeneras a l'acceuil

    9
    Hanalulu Profil de Hanalulu
    Vendredi 18 Mai 2012 à 15:11

    ah ok comment on l'a?

    10
    Vendredi 18 Mai 2012 à 17:36

    Après avoir hébergé par exemple sur casimages

    11
    Hanalulu Profil de Hanalulu
    Vendredi 18 Mai 2012 à 17:41

    ooooooookkkkkkkkaiiiii.......

    12
    Hanalulu Profil de Hanalulu
    Vendredi 18 Mai 2012 à 18:25

    sa  marche paaaas :'( genre sa fait un petit menu a coté mais il est vide et l'image refuse de s'affichée :'(

    13
    Mercredi 20 Juin 2012 à 21:14

     ta mmis quoi ?

    14
    Jeudi 21 Juin 2012 à 06:55

    Hanalulu o pire donne moi tes images et je te passe les code sa sera plus simple

    15
    Jeudi 21 Juin 2012 à 18:55

    Sur image shack ça bug des fois =/
    Tu as fais sur lequel?

    16
    Samedi 5 Janvier 2013 à 16:17

    merciii >< tu me sauves 

    17
    Samedi 2 Mars 2013 à 15:02

    Cool merci

    18
    Samedi 8 Juin 2013 à 11:54

    Merci beaucoup pour le code!

    19
    Lundi 1er Juillet 2013 à 16:06

    merci pour le code

    20
    Lundi 8 Juillet 2013 à 12:53

    merci  mais pour mon il n'ya pas ecrit livre d'or il y a juste l'image?

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :