-
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;
}.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>
<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> <img src="http://ekladata.com/B9tSkFsavyj_Tws_RxsCLorj0eQ.gif" alt="" /> <img src="http://ekladata.com/B9tSkFsavyj_Tws_RxsCLorj0eQ.gif" alt="" /><img src="http://ekladata.com/B9tSkFsavyj_Tws_RxsCLorj0eQ.gif" alt="" /></p>
code pour cacher une barre de titre*
/* étoiles*/
#module_menu_titre144073630.module_menu_titre {
display: none;
border-bottom: 0px solid black;
}Code bannière clic
/></a> <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ère" width="271" height="168" /></a></p>
Pour retire fond des visiteurs
.module_menu_type_lastvisitors
#module_menu_contenu143685832
{background: none; border: none;}dentelle menubar
http://ekladata.com/Z5Acwv-CRPd1hBmayfrekcYdyiI.png
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;}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; }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%;