• différent code

     

    titre noel :http://ekladata.com/wpxWneprAAieKXAJB-lwlCF0Foo/Petit-Papa-Noel-par-Tino-Rossi.mp3

     

     

     

     

    Rose qui tombe.

     

    <script type="text/javascript">// <![CDATA[
    /******************************************
    * Snow Effect Script- By Altan d.o.o. (http://www.altan.hr/snow/index.html)
    * Visit Dynamic Drive DHTML code library (http://www.dynamicdrive.com/) for full source code
    * Last updated Nov 9th, 05' by DD. This notice must stay intact for use
    ******************************************/
     
      //Configure below to change URL path to the snow image
      var snowsrc="http://ekladata.com/EOWYSRjofSvJRKhXueOvr6ling0@29x29.png"
      // Configure below to change number of snow to render
      var no = 10;
      // Configure whether snow should disappear after x seconds (0=never):
      var hidesnowtime = 0;
      // Configure how much snow should drop down before fading ("windowheight" or "pageheight")
      var snowdistance = "pageheight";

    ///////////Stop Config//////////////////////////////////

      var ie4up = (document.all) ? 1 : 0;
      var ns6up = (document.getElementById&&!document.all) ? 1 : 0;

        function iecompattest(){
        return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
        }

      var dx, xp, yp;    // coordinate and position variables
      var am, stx, sty;  // amplitude and step variables
      var i, doc_width = 800, doc_height = 600;
     
      if (ns6up) {
        doc_width = self.innerWidth;
        doc_height = self.innerHeight;
      } else if (ie4up) {
        doc_width = iecompattest().clientWidth;
        doc_height = iecompattest().clientHeight;
      }

      dx = new Array();
      xp = new Array();
      yp = new Array();
      am = new Array();
      stx = new Array();
      sty = new Array();
      snowsrc=(snowsrc.indexOf("dynamicdrive.com")!=-1)? "snow.gif" : snowsrc
      for (i = 0; i < no; ++ i) { 
        dx[i] = 0;                        // set coordinate variables
        xp[i] = Math.random()*(doc_width-50);  // set position variables
        yp[i] = Math.random()*doc_height;
        am[i] = Math.random()*20;         // set amplitude variables
        stx[i] = 0.02 + Math.random()/10; // set step variables
        sty[i] = 0.7 + Math.random();     // set step variables
            if (ie4up||ns6up) {
          if (i == 0) {
            document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://dynamicdrive.com\"><img src='"+snowsrc+"' border=\"0\"><\/a><\/div>");
          } else {
            document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"><\/div>");
          }
        }
      }

      function snowIE_NS6() {  // IE and NS6 main animation function
        doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;
            doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")?  iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight;
        for (i = 0; i < no; ++ i) {  // iterate for every dot
          yp[i] += sty[i];
          if (yp[i] > doc_height-50) {
            xp[i] = Math.random()*(doc_width-am[i]-30);
            yp[i] = 0;
            stx[i] = 0.02 + Math.random()/10;
            sty[i] = 0.7 + Math.random();
          }
          dx[i] += stx[i];
          document.getElementById("dot"+i).style.top=yp[i]+"px";
          document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px"; 
        }
        snowtimer=setTimeout("snowIE_NS6()", 10);
      }

        function hidesnow(){
            if (window.snowtimer) clearTimeout(snowtimer)
            for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden"
        }
           

    if (ie4up||ns6up){
        snowIE_NS6();
            if (hidesnowtime>0)
            setTimeout("hidesnow()", hidesnowtime*1000)
            }
    // ]]></script>

     

     

    /*-------------Bouton lien commentaire----------*/
    .module_contenu_block>a
    {line-height: 6.0em;
     padding:7% 80px 7% 80px;
     background-image: url('http://ekladata.com/ZPLKVGR1AlLqihGnf_HDN8DVMdc.png');
     background-repeat: no-repeat;
     background-position:  center center;
        }

    .module_contenu_block>a:hover

     


    { color: darkred;
         line-height:6.0em;
         background-image: url('http://ekladata.com/ZPLKVGR1AlLqihGnf_HDN8DVMdc.png');  
         background-repeat: no-repeat;
       
        
       }

     

    différent code

    différent code

    différent code

    .module_contenu_block>a
    {
      background-color: FloralWhite;
        color: #614623;
        line-height:6.0em;
       border: 4px double black;
        padding: 10px 10px 10px 10x;
        box-shadow: 0px 0px 3px black;
        border-radius: 10px;
        background-image: url('');
    }   

     

    position fixe absolute oiseaux .

    <div style="position: absolute; top: 760px; margin-left: 1090px;"><img src="http://ekladata.com/1iL3YJggWYhVYduA3pScQ6Punoo@45x45.gif
    " alt=" "/></div>

     

     

    <div style="position: absolute; top: 780px; margin-left: 105px;"><img src="http://ekladata.com/1iL3YJggWYhVYduA3pScQ6Punoo@115x115.gif
    " alt=" " /></div>

     

     

    différent code

     

     

     Avatar série 3

     

    différent code

     

     

    Image du Blog monia2009.centerblog.net

    colombe008 

    Image du Blog 1986.centerblog.net

     

    Image du Blog kaass-loove.centerblog.net

    Image du Blog papillondavril.centerblog.net

    Image du Blog papillondavril.centerblog.net
    <div style="position: absolute; top: 1250px; margin-left: -150px;"><img src="http://ekladata.com/LnW-uZNPL_O-prv1lTCkldIstTw@92x75.gif" alt=" " /></div>
    <div style="position: absolute; top: 1250px; margin-left: -700px;"><img src="http://ekladata.com/5_lwPf6Na6gCcfKUoxiQ92303f0.gif" alt=" " /></div>
    <div style="position: absolute; top: 1250px; margin-left: -450px;"><img src="http://ekladata.com/akKGby_aBoCjGvR2Xu1HyhxGyt4.gif" alt=" " /></div>
    <div style="position: absolute; top: 1250px; margin-left: -550px;"><img src="http://ekladata.com/WGRKpVgPLQB7vPYkAiVd5PYI5cA.gif
    " alt=" " /></div>

     

    "code étoile  séparation"

    <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <img src="http://ekladata.com/B9tSkFsavyj_Tws_RxsCLorj0eQ.gif" alt="" />&nbsp;<img src="http://ekladata.com/B9tSkFsavyj_Tws_RxsCLorj0eQ.gif" alt="" /><img src="http://ekladata.com/B9tSkFsavyj_Tws_RxsCLorj0eQ.gif" alt="" /></p>

    différents code.

     

    code pour cacher une barre de titre*

     

    /* étoiles*/
    #module_menu_titre144073630.module_menu_titre {
        display: none;
        border-bottom: 0px solid black;
          }

    différents code.

    Code bannière clic

     

    /></a>&nbsp;<a title="Un amour de chat" href="http://claire59300.eklablog.fr/"><img style="display: block; margin-left: auto; margin-right: auto;" title="Un amour de chat" src="http://ekladata.com/rv_gO_nGUQqH3aoTIyxjEvqPcLI@271x168.png" alt="Ma banni&egrave;re" width="271" height="168" /></a></p>

    différents code.

    Pour retire fond des visiteurs


    .module_menu_type_lastvisitors
    #module_menu_contenu143685832
    {background: none; border: none;}

    différents code.

    dentelle menubar

    http://ekladata.com/Z5Acwv-CRPd1hBmayfrekcYdyiI.png
     

    Bordures Dentelle   

    http://ekladata.com/VxnimbI99zFVqTxpqxlcWm31_dc.png (taille 55)

     


     

     

    #menubar
    { color: #000; background:url(http://ekladata.com/05vaRF_yo1CvjXG0_iXzFoRXOhE.png); height: 76px;border: none;box-shadow: none;}

     

    transparence menubar(haut)

     /*--------------menubar ecriture opacité----------------*/
     .menubar_section{opacity:0;transition:0.5s;}
     .menubar_section:hover{opacity:1;transition:1s;}
     #menubar_favorites_btn{opacity:0;transition:0.5s;}
     #menubar_favorites_btn:hover{opacity:1;transition:1s;}

     

    différents code.

    A mettre dans code souce

    menu accordéon

    <div class="accordian">
    <ul>
    <li>
    <div class="image_title"><a href="#">Princesse Maya</a></div>
    <a href="#"> <img src="http://ekladata.com/foQfZkXTJ_WlSmAYrbWolC-zz0w@300x225.jpg" alt=""/> </a></li>
    <li>
    <div class="image_title"><a href="#">Indy</a></div>
    <a href="#"> <img src="http://ekladata.com/_i2V0kJ0xtyHP89SiflID1MRppY.jpg" alt=""/> </a></li>
    <li>
    <div class="image_title"><a href="#">Ugo</a></div>
    <a href="#"> <img src="http://ekladata.com/4yYJ8lTsy5kvU1yG1NaNIhngjpU.jpg" alt=""/> </a></li>
    <li>
    <div class="image_title"><a href="#">Ioka </a></div>
    <a href="#"> <img src="http://ekladata.com/5gx2AOzd-7FaE175dCZA_PzJ2Mk.jpg" alt=""/> </a></li>
    <li>
    <div class="image_title"><a href="#">Blue</a></div>
    <a href="#"> <img src="http://ekladata.com/4BKsEiOK-y0vwqSZCZhqsAoN6BY.jpg" alt=""/> </a></li>
    
    
    </ul>
    </div>

     _______________

    SUITE du haut*

    code à mettre le css


    /*Now the styles*/
    * { margin: 0; padding: 0; } body { background: transparent; font-family: arial, verdana, tahoma; } /*Time to apply widths for accordian to work Width of image = 640px total images = 5 so width of hovered image = 640px width of un-hovered image = 40px - you can set this to anything so total container width = 640 + 40*4 = 800px; default width = 800/5 = 160px; */ .accordian { width: 805px; height: 320px; overflow: hidden; /*Time for some styling*/ margin: ; box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.35); -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.35); -moz-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.35); } /*A small hack to prevent flickering on some browsers*/ .accordian ul { width: 2000px; /*This will give ample space to the last item to move instead of falling down/flickering during hovers.*/ } .accordian li { position: relative; display: block; width: 160px; float: left; border-left: 1px solid #888; box-shadow: 0 0 25px 10px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 25px 10px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 25px 10px rgba(0, 0, 0, 0.5); /*Transitions to give animation effect*/ transition: all 0.9s; -webkit-transition: all 0.9s; -moz-transition: all 0.9s; /*If you hover on the images now you should be able to see the basic accordian*/ } /*Reduce with of un-hovered elements*/ .accordian ul:hover li {width: 40px;} /*Lets apply hover effects now*/ /*The LI hover style should override the UL hover style*/ .accordian ul li:hover {width: 640px;} .accordian li img { display: block; } /*Image title styles*/ .image_title { background: rgba(0, 0, 0, 0.5); position: absolute; left: 0; bottom: 0; width: 640px; } .image_title a { display: block; color: #fff; text-decoration: none; padding: 20px; font-size: 16px; }​
    différents code.

     

    Code forme

     

    <p><img style="border: 2px solid white; border-radius: 50%; box-shadow: 0px 0px 10px black;" src="http://ekladata.com/XBeiExd3icqh_Uz8xG0zHXFDSV0@254x339.gif" alt="" width="254" height="339" /></p>

     

    Ajoutez la forme border-radius

    (carré )border-radius: 0px 150px 0px 150px

     

    Avec Image rectangle hauteur>largeur border-radius: 50%; ovale vertical

    Avec Image rectangle hauteur<largeur border-radius: 50%; ovale horizontal

    Avec Image carré  border-radius: 50%;

    différents code.