•  

     

    Voici comment mettre des marges entres les images des dernier visiteurs . 

     

    exemple

    Mettre des marge au derniers visiteurs

    Vous pouvez changer dans le code l'espace entre les avatars, mais pas plus que 5px 

    ce qui est en vert dans le code

    Code CSS

    .module_menu_type_lastvisitors img { margin: 3px; }

    Coller le code à l'emplacement css 

    *

     


    27 commentaires
  •  

    1

     

    HTML,BODY {cursor: url("http://ekladata.com/v0KV0slzWnLQkk9Bf56XGaQy7pU/01.ani"),  url("http://ekladata.com/QczjoSCkjQOwn7u9nGvlYPH-iO8.png"), auto; }

     

    2

     

    HTML,BODY {cursor: url("http://ekladata.com/vQuoQK1wI59vlixvzavJ5dcO8QM/02.ani"),  url("http://ekladata.com/gKKwiw_slx7JUTQ_KyflCLk-1gA.png"), auto; }

     

    3

    HTML,BODY {cursor: url("http://ekladata.com/mUK54YBFe1el9BI-wXKnFxiosgw/03.ani"),  url("http://ekladata.com/SlP8UZJTv7hckrys9GCjQaGTtdA.png"), auto; }

     
     

    4

    HTML,BODY {cursor: url("http://ekladata.com/GW4Q5mvbV2hH695TlsVr-o-mpxM/04.ani"),  url("http://ekladata.com/q8yte9QzYZWix-Knj-fOYvB1vtA.png"), auto; }

     

    5

     
     

    HTML,BODY {cursor: url("http://ekladata.com/bJMtVCUziE2iXqlygIldzg1t8CM/05.ani"),  url("http://ekladata.com/EgfMTNZNr518Ps8b7lPfGDbAeLk.png"), auto; }

    6

     

    HTML,BODY {cursor: url("http://ekladata.com/YWyfJ24KiMBuwId6-4kC1Ti_Dio/06.ani"),  url("http://ekladata.com/NpQKW__enIQTyzfEhFe5dv39tDk.png"), auto; }

     

    7

     

    HTML,BODY {cursor: url("http://ekladata.com/kFlNnMLwz-RbHDIUBqLRnKs-KFs/07.ani"),  url("http://ekladata.com/jO-10YfkXf3jQWj-U10fMWKRcdw.png"), auto; }

     
     

    8

    HTML,BODY {cursor: url("http://ekladata.com/lS-HBkvNMFxj148aQF5ydkWMVSE/08.ani"),  url("http://ekladata.com/85HH4zCzsiUV33OiKgpnH6BlMi0.png"), auto; }

     
     

    9

    HTML,BODY {cursor: url("http://ekladata.com/a3gkhFzwk-mjTmrf-H-NEYLF4KU/09.ani"),  url("http://ekladata.com/kF4oI9oBGuQELJ_Ytm0osbP2Z2M.png"), auto; }

     

    10

    HTML,BODY {cursor: url("http://ekladata.com/B_P2YTsWb9bPQzSh1ToSUiICgos/10.ani"),  url("http://ekladata.com/ETiQjY3g5-BEseZWxQd8qeM6RCY.png"), auto; }

    11

    HTML,BODY {cursor: url("http://ekladata.com/fP-Ur0CW5lqtZVZr6hbI5cUvy3s/11.ani"),  url("http://ekladata.com/rbPVWMCjH0EzCuoS0Y0Aj25MzbY.png"), auto; }

    12

    HTML,BODY {cursor: url("http://ekladata.com/wlXxFaulQMNbYPfRemoOEZU9l4w/12.ani"),  url("http://ekladata.com/acTAx5EX9OZT4YqZqw9LpV6P3Pk.png"), auto; }

    13

    HTML,BODY {cursor: url("http://ekladata.com/NfEHA-Qa33oJaqqME0sIbnPtPb8/13.ani"),  url("http://ekladata.com/bnzVQ7bmBKLRhaquhh3XttzhSe0.png"), auto; }

    14

    HTML,BODY {cursor: url("http://ekladata.com/wn-pPdeLceBo4rIlLysxIKu9YTM/14.ani"),  url("http://ekladata.com/_fPInj17eq57qfbz8WwOixEwoUM.png"), auto; }

    15

    HTML,BODY {cursor: url("http://ekladata.com/XkS5Qd8oxQjerDvcG3Ff5YQfDWw/15.ani"),  url("http://ekladata.com/pEROn3vsJMS7Bg6Z_UXkEoSveS8.png"), auto; }

    16

    HTML,BODY {cursor: url("http://ekladata.com/S8BYv5W4VEMZm117SFy02BU4Qvw/16.ani"),  url("http://ekladata.com/rQ5dbfiIcP4VVM9TeG_rZc-egLs.png"), auto; }

       
       

    12 commentaires
  • 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  

    *


    18 commentaires