• Boutons menu pour colonne ou article

    exemple ici

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

     

     

    Code à coller dans la source  HTML

    -

    <div id='cssmenu'><ul>
       <li class='last'><a href='ici votre page.html'><span>ici le nom de votre page</span></a></li>
    <li class='last'><a href='ici votre page.html'><span>ici le nom de votre page</span></a></li>
    <li class='last'><a href='ici votre page.html'><span>ici le nom de votre page</span></a></li>
    <li class='last'><a href='ici votre page.html'><span>ici le nom de votre page</span></a></li>
    </ul>
    </div>

     

     

     

     

    Code à coller dans le  Css

     

    /*bouton menu */

    #cssmenu,#cssmenu ul,
     #cssmenu ul li,
     #cssmenu ul li {
       margin0;
       padding0;
       border0;
       list-stylenone;
       line-height1;
       displayblock;
       positionrelative;
       -webkit-box-sizingborder-box;
       -moz-box-sizingborder-box;
       box-sizingborder-box;
     }

    #cssmenu {
      width200px;
      font-familyHelveticaArialsans-serif;
      color#ffffff;
    }
    #cssmenu ul ul {
      displaynone;
    }
    #cssmenu ul li.active ul {
      displayblock;
    }
    .align-right {
      floatright;
    }

    #cssmenu ul li {
      padding15px 10px;
      border-left3px solid #1682ba;
      border-right3px solid #1682ba;
      border-top2px solid #1682ba;
      border-bottom2px solid #1682ba;
      cursorpointer;
      z-index1;
      font-size14px;
      font-weightbold;
      text-decorationnone;
      color#ffffff;
      text-shadow1px 2px rgba(0000.35);
      background-webkit-linear-gradient(#36aae7#1fa0e4);
      background-moz-linear-gradient(#36aae7#1fa0e4);
      background-o-linear-gradient(#36aae7#1fa0e4);
      background-ms-linear-gradient(#36aae7#1fa0e4);
      backgroundlinear-gradient(#36aae7#1fa0e4);
      box-shadowinset 1px rgba(2552552550.15);
    }
    #cssmenu ul li a:hover,
    #cssmenu ul li.active a,
    #cssmenu ul li.open {
      color#000000;
      background-webkit-linear-gradient(#1fa0e4#1992d1);
      background-moz-linear-gradient(#1fa0e4#1992d1);
      background-o-linear-gradient(#1fa0e4#1992d1);
      background-ms-linear-gradient(#1fa0e4#1992d1);
      backgroundlinear-gradient(#1fa0e4#1992d1);
    }

    *

    Ce que vous pouvez modifier dans le code 

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

    ce qui est en rouge  = la largeur du bouton

    en vert = les marges du texte 

    en orange  = les bordures du cadre

    en bleu  = la taille et la couleur du texte 

    en rose = la couleur des boutons 

    attention !! sur la ligne des background , placez deux couleurs proches l'une de l'autre

     

    à répéter dans les cinq lignes ( regardez ce qui est en rose dans le code)

    *

    pour les menus survoler

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

    en mauve = la couleur du texte

    en bordeaux =  La couleur du bouton

    *

     

    Un tout grand merci à Nono 59 pour m'avoir permis de vous offrir ce code

    Vous pouvez visiter son magnifique blog ICI et lui dire personnellement merci  

    *

    « Régler la taille de l'écriture dans la page "archives"curseurs vaches »

  • Commentaires

    1
    Jeudi 4 Décembre 2014 à 15:43

    Yes bien vu !!!!

    2
    Vendredi 5 Décembre 2014 à 09:58

    bonjour Joelle , je découvre ce blog  , ...

    je reviendrai voir à l'occasion  ça peut m'intéresser !

    passe une belle journée  a+ 

    3
    Vendredi 12 Décembre 2014 à 08:34

    Bonjour Manola

    Je ne sais si c'est ici que je dois mettre mon message, mais je tenais a te remercier pour tout les codes que tu mets a notre disposition et en profiter pour te souhaiter de bonnes fêtes de fin d'année et une bonne année 2015

    je m'absente jusqu'en janvier  et je tenais a t'envoyer mes vœux et mon amitiés

    Lysandra

    4
    Mardi 30 Décembre 2014 à 23:26

    Bonsoir Manola

    Je viens avec un peu d'avance te souhaiter 

    Une Bonne Annèe 2015

    Mes vœux de bonheur, santè et amour.

    Et que tu puisse réaliser tous tes rêves.

    Un GRAND MERCI POUR TA GENEROSITE

    Amitiè sincère, Rosa

     

     

    5
    Jeudi 1er Janvier 2015 à 17:50

    Pour toi qui nous aide tout au long de l année je te souhaite de tout coeur une bonne année et surtout la santé ainsi que pour tes proches ,joie et bonheur chez toi gros bisous Manola

    6
    Dimanche 4 Janvier 2015 à 14:30

    Bonjour, merci pour tous ce que vous partager, j'ai juste une petite question, cmt on fait pour mettre des petits icone à coté du lien dans la colonne, comme par exemple pour annoncer un nouveau sujet. Comme vous avez mis a coté bouton menu dans html

    7
    Jeudi 15 Janvier 2015 à 01:07

    Bonsoir, je voudrai tout d'abord te remercier car grâce à toi mon blog est plus joli.

    Tu as peut être une astuce, j'ai vu sur certains blogs que plutôt que mettre le nom des amis (dans le module "amis") c'était l'avatar qui se mettait. Je n'arrive pas à trouver comment on fait. Si tu peux me renseigner je te remercierai au centuple.

    Gros bisous à bientôt

    @nika

    8
    Jeudi 15 Janvier 2015 à 07:09

    cela ne se fait pas avec le css mais avec l' image avec le quel on applique un lien cliquable.

    Il faut pratiquer de la même façon qu'avec les bannière .

    Explications ici 

    9
    Samedi 17 Janvier 2015 à 16:10

    Bonjour Manola

    J'avais essayé mais bon j'ai abandonné pas trop compris, je voulais enlevé les boutons et mettre ça à la place, je t'ai envoyé un mp

    bisous et bon week-end

    Annie

     

    10
    Dimanche 1er Février 2015 à 20:10

    Bon travail !!!!bonne soirée à voushappy

    11
    Lundi 16 Février 2015 à 17:47

    ma  chère  Manola, sur cette page ,je suis perdue , j'aurais bien besoin de lumières , car moi et l'informatique !!!!!!!!!!!!!!!!!!!!!

    bisous 

    Brigitte

    12
    Samedi 14 Mars 2015 à 19:08

    rhoooo bonsoir je viens de la par de nono59

    et je pense que je vais trouver mon bonheur ici encore merci pour vos astuces....

    13
    Mercredi 1er Avril 2015 à 16:31

    bonjour manola

    merci pour tous ces codes qui m ont permis d avancér.

    par contre je butte sur les boutons je voulais les mettre dans le header mais je ne sais pas du t t comment^proceder

    je suis néophyte en informatique et je fais de mon mieux pour que ce soit le mieux possible

    amitié

    frane

    14
    Vendredi 3 Juillet 2015 à 18:36

    merci pour tous l'aide que tu apporte, bisous

    15
    Samedi 4 Juillet 2015 à 19:21

    merci manola bon weekend bisous

    16
    Vendredi 17 Juillet 2015 à 14:23

    Bonjour Manola

    Merci beaucoup pour être passée, c'est gentil
    Que pense tu de mon design? trop rouge peut être non?
    Quels conseils pourrais tu me donner stp?
    J'ai l'impression d'être toujours débutante dans Eklablog lollll
    Comme ici, le code que tu mets, oops! lalala  je ne pige rien
    C'est pour mettre changer les menus comme l'on veut?
    Aie aie, je vais me prendre une claque je le sens! hihi
    Bonne après midi à toi
    Bisous

    17
    Jeudi 23 Juillet 2015 à 14:27

    Bonjour!

    18
    Samedi 19 Mars 2016 à 00:54

    Bonjour !

    Cette nuit, je m'arrête plus  longtemps dans ton univers... Déjà un grand merci pour ce partage de ton travail ! Il me semble que beaucoup de choses vont m'aider car je débute et aimerait déjà personnaliser certaines choses sur mon blog ... Ton blog est une vraie mine d'or... Merci beaucoup !!! A bientôt !

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :