Cadres html

Le code html

<table width="100%"> <tbody> <tr> <td align="CENTER"> <table style="background-image: url('http://ekladata.com/GD8geE2qkfE-Rk78VhSIjRJfJUg@150x150.jpg'); background-color: #; box-shadow: inset 0px 0px 3px #000;" cellspacing="0" cellpadding="0"> <tbody> <tr> <td style="padding: 2px;"> <table style="background-image: url('http://ekladata.com/SFoG-9U9Dd6FEbiNfjslWp409c4@60x60.gif'); background-color: #; border: 1px groove #DB7093;" cellspacing="0" cellpadding="0"> <tbody> <tr> <td style="padding: 3px;"> <table style="background-image: url('http://ekladata.com/GD8geE2qkfE-Rk78VhSIjRJfJUg@150x150.jpg'); background-color: #; box-shadow: inset 0px 0px 4px #000;" cellspacing="0" cellpadding="0"> <tbody> <tr> <td style="padding: 10px;"> <table style="background-image: url('http://ekladata.com/4xOu2ePtuK5a87zAS5rLFZcxCLQ@150x150.jpg'); background-color: #; border: 1px solid #DB7093; box-shadow: inset 0px 0px 7px #000;" cellspacing="0" cellpadding="0" width="795" height="70"> <tbody> <tr> <td style="padding: 3px;" align="center"><br /> <p style="text-align: center;"> </p> <p><span style="font-size: 20px; color: #f5deb3; font-family: 'cataneo BT';">écrivez votre texte ici</span></p> <br /><br /> <p><img src="http://ekladata.com/VOxOUsAgnUQV7jJgA_24DUGPMLQ/0003-5.png" alt="la forêt enchantée" /></p> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table>

Le code html

<div style="background-image: url('http://ekladata.com/TBG2QqHctGSUR_9Oh-FHMTm7CFw@60x60.gif'); width: 99%; padding: 3px; border-radius: 50px 50px 50px 50px; background-repeat: repeat; height: 100%;"> <div style="background-image: url('http://ekladata.com/P_r3TdzklZXbMfTBliRd1UyNSxc@150x150.jpg'); border-radius: 50px 50px 50px 50px; padding: 15px; height: 100%; background-color: #fff;"> <div style="background-image: url('http://ekladata.com/TBG2QqHctGSUR_9Oh-FHMTm7CFw@60x60.gif'); background-color: #; border-radius: 50px 50px 50px 50px; box-shadow: 1px 1px 10px #000000; padding: 4px; height: 100%;"> <div style="background-image: url('http://ekladata.com/D4Kj0Qn-Ea-LOp4rZaSKzi3xY1k@150x150.jpg'); border-radius: 100px 100px 100px 100px; background-color: #fff; box-shadow: inset 2px 2px 10px #000000; height: 100%;"> <div style="padding: 12px; height: 100%; text-align: center;"> <p style="text-align: center;">écrivez votre texte ici</p> <p style="text-align: center;">ou votre image </p> </div> </div> </div> </div> </div>

Le code html

<div style="background-image: url('http://ekladata.com/76Znx0XLhnyI5dUOo8CUQF3F0SQ@60x60.gif'); width: 99%; padding: 3px; border-radius: 0px 0px 0px 0px; background-repeat: repeat; height: 100%;"> <div style="background-image: url('http://ekladata.com/Q7B3A_KoBxhTCFe7Sa1Du6Ilbts@150x150.jpg'); border-radius: 0px 0px 0px 0px; padding: 15px; height: 100%; background-color: #fff;"> <div style="background-image: url('http://ekladata.com/76Znx0XLhnyI5dUOo8CUQF3F0SQ@60x60.gif'); background-color: #; border-radius: 0px 0px 0px 0px; box-shadow: 1px 1px 10px #000000; padding: 4px; height: 100%;"> <div style="background-image: url('http://ekladata.com/UKUfCylE4Jo2tZjXy45NRtJpfr4@150x150.jpg'); border-radius: 0px 0px 0px 0px; background-color: #fff; box-shadow: inset 2px 2px 10px #000000; height: 100%;"> <div style="padding: 12px; height: 100%; text-align: center;"> <p style="text-align: center;"><span style="color: #ffffff;">écrivez votre texte ici</span></p> <p style="text-align: center;"><span style="color: #ffffff;">ou une image </span></p> </div> </div> </div> </div> </div>

Le code html
<div style="background-image: url('http://ekladata.com/xekYs8q1HjR7mSVw4axAuPBXKfE@60x60.gif'); width: 99%; padding: 3px; border-radius: 25px 25px 25px 25px; background-repeat: repeat; height: 100%;"> <div style="background-image: url('http://ekladata.com/srzizzBKiuW7ct9gYOge5ASX7w0@150x150.jpg'); border-radius: 25px 25px 25px 25px; padding: 15px; height: 100%; background-color: #fff;"> <div style="background-image: url('http://ekladata.com/xekYs8q1HjR7mSVw4axAuPBXKfE@60x60.gif'); background-color: #; border-radius: 0px 0px 0px 0px; box-shadow: 1px 1px 10px #000000; padding: 4px; height: 100%;"> <div style="background-image: url('http://ekladata.com/2ji3lTohov1krvvrxJ6oKm-6n3I@150x150.jpg'); border-radius: 0px 0px 0px 0px; background-color: #fff; box-shadow: inset 2px 2px 10px #000000; height: 100%;"> <div style="padding: 12px; height: 100%; text-align: center;"> <p style="text-align: center;"><span style="color: #ffffff;">écrivez votre texte ici</span></p> <p style="text-align: center;"><span style="color: #ffffff;">ou une image </span></p> </div> </div> </div> </div> </div>

Le code html

<div style="background-image: url('http://ekladata.com/BBX9WttVlhWcxasipoY5C9kacdQ@60x60.gif'); width: 99%; padding: 3px; border-radius: 50px 0px 50px 0px; background-repeat: repeat; height: 100%;"> <div style="background-image: url('http://ekladata.com/TIUY46F-8GNuHyPHFEhrJbfMiJA@150x150.jpg'); border-radius: 50px 0px 50px 0px; padding: 15px; height: 100%; background-color: #fff;"> <div style="background-image: url('http://ekladata.com/BBX9WttVlhWcxasipoY5C9kacdQ@60x60.gif'); background-color: #; border-radius: 50px 0px 50px 0px; box-shadow: 1px 1px 10px #000000; padding: 4px; height: 100%;"> <div style="background-image: url('http://ekladata.com/vJUd5i_fd2WMxB8Nb_7alYySCRE@150x150.jpg'); border-radius: 50px 0px 50px 0px; background-color: #fff; box-shadow: inset 2px 2px 10px #000000; height: 100%;"> <div style="padding: 12px; height: 100%; text-align: center;"> <p style="text-align: center;"><span style="color: #ffffff;">écrivez votre texte ici</span></p> <p style="text-align: center;"><span style="color: #ffffff;">ou une image </span></p> </div> </div> </div> </div> </div>

Le code html

<div style="padding-left: 20px; padding-right: 20px;"> <div style="background-image: url('http://ekladata.com/M0XH1DaCIZpBkPvVJKyBX-lh9AI.gif'); padding: 4px; height: 100%;"> <div style="background-image: url('http://ekladata.com/tiDs-hI-60Q0JkaaV2Uqb-C2OCY.gif'); padding: 15px; height: 100%;"> <div style="background-image: url('http://ekladata.com/M0XH1DaCIZpBkPvVJKyBX-lh9AI.gif'); padding: 4px; height: 100%; box-shadow: 1px 1px 5px #000000;"> <div style="background-image: url('http://ekladata.com/O5DnXG2GJj1ySeBdjVC0Lo7lT84.gif'); box-shadow: inset 1px 1px 15px #000000; padding: 30px; height: 100%;"> <div style="background-image: url('http://ekladata.com/M0XH1DaCIZpBkPvVJKyBX-lh9AI.gif'); height: 100%; padding: 4px; box-shadow: 1px 1px 5px #000000;"> <div style="height: 100%; background-image: url('http://ekladata.com/0FOn73sfTo5MDTgaLIrRdv3fijE/DiversGris201.jpg'); background-color: #dee4e6; border: hidden 1px solid; border-radius: 10px; box-shadow: inset 1px 1px 10px #000000;"> <div style="padding-top: 1px; padding-bottom: 50px;"> <p> </p> <p style="text-align: center;">écrivez ici</p> <p style="text-align: center;"> </p> </div> </div> </div> </div> </div> </div> </div> </div>

Le code html

<div style="padding-left: 1px; padding-right: 10px;"> <div style="background-image: url('http://ekladata.com/YNyghUp9Xrfibs3H5pq1TX-8ayc.gif'); background-color: ##922828; width: 100%; border: 1px solid #922828; padding: 5px; background-repeat: repeat; height: 100%;"> <div style="background-image: url('http://ekladata.com/tiDs-hI-60Q0JkaaV2Uqb-C2OCY.gif'); padding: 5px; border: 1px solid #922828; <!--?php //© 220761 ?--> height: 100%;"> <div style="background-image: url('http://ekladata.com/YNyghUp9Xrfibs3H5pq1TX-8ayc.gif'); padding: 5px; border: 1px solid #922828; height: 100%;"> <div style="background-image: url('http://ekladata.com/wh78qYfrrTrGb5oDpiJhEU6PKjQ.gif'); box-shadow: inset 1px 1px 15px #000000; padding: 30px; height: 100%;"> <div style="background-image: url('http://ekladata.com/YNyghUp9Xrfibs3H5pq1TX-8ayc.gif'); border: 1px solid #922828; padding: 5px; background-repeat: repeat; height: 100%;"> <div style="background-image: url('http://ekladata.com/tiDs-hI-60Q0JkaaV2Uqb-C2OCY.gif'); padding: 5px; border: 1px solid #922828; height: 100%;"> <div style="background-image: url('http://ekladata.com/YNyghUp9Xrfibs3H5pq1TX-8ayc.gif'); padding: 5px; border: 1px solid #922828; height: 100%;"> <div style="background-image: url('http://ekladata.com/0mlxiWPkyT0UWxB3lLpRL31BK1E/Cuir030.jpg'); background-color: #922828; height: 100%; box-shadow: inset 1px 1px 10px #000000;"> <div style="height: 100%; background-image: url('url'); background-color: #; border: hidden 1px solid; border-radius: 5px; padding: 2px;"> <p> </p> <p style="text-align: center;">écrivez votre texte ici</p> <p style="text-align: center;"> </p> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div>

  

  

 

Votre image ici

  

 

 

écrivez ici

 

  

 

Le code html

<div style="padding-right: 10px; padding-left: 10px;"> <div style="padding: 4px; width: auto; height: 100%; border-radius: 0px; border: 1px solid #000; background-image: url('http://ekladata.com/j3TTTl-_89-6Z_b9B2ufD5qS4e8/j3TTTl-89-6Z-b9B2ufD5qS4e8.gif'); <!--?php //© 220761 ?--> background-repeat: repeat;"> <div style="padding: 15px; width: auto; height: 100%; border-radius: 0px; box-shadow: inset 0px 0px 10px #000000; border: 1px solid #; background-image: url('http://ekladata.com/bSQ9EBD9HHhS_N_Tkt2P7VYHUkg@150x150.jpg'); background-color: #000000;"> <div style="padding: 4px; width: auto; height: 100%; border-radius: 0px; border: 1px solid #000; background-image: url('http://ekladata.com/j3TTTl-_89-6Z_b9B2ufD5qS4e8/j3TTTl-89-6Z-b9B2ufD5qS4e8.gif'); <!--?php //© 300452 ?--> background-repeat: repeat;"> <div style="border-radius: 0px 0px; height: 100%; box-shadow: inset 0px 0px 10px #000000; border: 1px solid #000; background-image: url('http://ekladata.com/4xOu2ePtuK5a87zAS5rLFZcxCLQ@150x150.jpg'); background-color: #000000;"> <div style="padding: 2px;"> <div style="padding: 1px; height: 100%;"> <p style="text-align: center;">  </p> <div style="padding-right: 80px; padding-left: 80px;"> <div style="padding: 4px; width: auto; height: 100%; border-radius: 0px; border: 1px solid #000; background-image: url('http://ekladata.com/j3TTTl-_89-6Z_b9B2ufD5qS4e8/j3TTTl-89-6Z-b9B2ufD5qS4e8.gif'); <!--?php //© 220761 ?--> background-repeat: repeat;"> <div style="padding: 10px; width: auto; height: 100%; border-radius: 0px; box-shadow: inset 1px 1px 5px #000000; border: 0px solid #fff; background-image: url('http://ekladata.com/bSQ9EBD9HHhS_N_Tkt2P7VYHUkg@150x150.jpg'); background-color: #000000;"> <div style="padding: 4px; width: auto; height: 100%; border-radius: 0px; border: 1px solid #000; background-image: url('http://ekladata.com/j3TTTl-_89-6Z_b9B2ufD5qS4e8/j3TTTl-89-6Z-b9B2ufD5qS4e8.gif'); background-repeat: repeat;"> <div style="border-radius: 0px 0px; box-shadow: inset 0px 0px 25px #000000; height: 100%; border: 1px solid #000; background-image: url('http://ekladata.com/4xOu2ePtuK5a87zAS5rLFZcxCLQ@150x150.jpg'); background-color: #000000;"> <div style="padding: 2px;"> <div style="padding: 1px; height: 100%;"> <p style="text-align: center;">  </p> <p> </p> <p style="text-align: center;"><span style="color: #ffffff;">Votre image ici</span></p> <p>  </p>  </div> </div> </div> </div> </div> </div> </div> <p> </p> <p style="text-align: center;"><span style="color: #ffffff;">écrivez ici</span></p> <p><span style="color: #ffffff;"> </span></p> <p><span style="color: #ffffff;">  </span></p> <div style="text-align: center; padding-top: 0px;"><a href="http://laforetenchantee.eklablog.com/" target="_blank"><img src="http://ekladata.com/VOxOUsAgnUQV7jJgA_24DUGPMLQ/0003-5.png" alt="La forêt enchantée" /></a></div> </div> </div> </div> </div> </div> </div> <p> </p> </div>

Le code html

<p> </p> <p> </p> <div style="padding-right: 10px; padding-left: 1px;"> <div style="padding: 2px; width: 100%; height: 100%; background-image: url('http://ekladata.com/hD8rPPbrX447NaJuyGioMpphWMI@60x60.gif'); background-repeat: repeat; -webkit-border-radius: 160%/150%; -moz-border-radius: 160%/150%; border-radius: 160%/150%; border: 0px dotted #6b6b6b;"> <div style="padding: 5px; background-image: url('http://ekladata.com/fTbFZNMf8J1IR52Vz6AGrIp5Tc0.png'); <!--?php //© 220761 ?--> background-color: #000000; -webkit-border-radius: 160%/150%; -moz-border-radius: 160%/150%; border-radius: 160%/150%; border: 0px dotted #6b6b6b;"> <div style="padding: 2px; height: 100%; box-shadow: 1px 1px 1px #000000; background-image: url('http://ekladata.com/hD8rPPbrX447NaJuyGioMpphWMI@60x60.gif'); -webkit-border-radius: 160%/150%; -moz-border-radius: 160%/150%; border-radius: 160%/150%; border: 0px dotted #6b6b6b;"> <div style="padding: 3px; background-image: url('http://ekladata.com/hKi4qV00TU1BfKnw0RtFiKZHy38.gif'); background-color: #000000; -webkit-border-radius: 160%/150%; -moz-border-radius: 160%/150%; border-radius: 160%/150%; border: 0px dotted #6b6b6b;"> <div style="padding: 2px; height: 100%; box-shadow: 1px 1px 1px #000000; background-image: url('http://ekladata.com/hD8rPPbrX447NaJuyGioMpphWMI@60x60.gif'); -webkit-border-radius: 160%/150%; -moz-border-radius: 160%/150%; border-radius: 160%/150%; border: 0px dotted #6b6b6b;"> <div style="padding: 16px; background-image: url('http://ekladata.com/fTbFZNMf8J1IR52Vz6AGrIp5Tc0.png'); background-color: #000000; -webkit-border-radius: 160%/150%; -moz-border-radius: 160%/150%; border-radius: 160%/150%; border: 0px dotted #6b6b6b;"> <div style="padding: 2px; height: 100%; box-shadow: 1px 1px 20px #000000; background-image: url('http://ekladata.com/hD8rPPbrX447NaJuyGioMpphWMI@60x60.gif'); -webkit-border-radius: 160%/150%; -moz-border-radius: 160%/150%; border-radius: 160%/150%; border: 0px dotted #6b6b6b;"> <div style="padding: 5px; background-image: url('http://ekladata.com/hKi4qV00TU1BfKnw0RtFiKZHy38.gif'); background-color: #000000; -webkit-border-radius: 160%/150%; -moz-border-radius: 160%/150%; border-radius: 160%/150%; border: 0px dotted #6b6b6b;"> <div style="padding: 2px; height: 100%; box-shadow: 1px 1px 2px #000000; background-image: url('http://ekladata.com/hD8rPPbrX447NaJuyGioMpphWMI@60x60.gif'); -webkit-border-radius: 160%/150%; -moz-border-radius: 160%/150%; border-radius: 160%/150%; border: 0px dotted #6b6b6b;"> <div style="padding: 5px; height: 100%; box-shadow: inset 1px 1px 5px #000000; background-image: url('http://ekladata.com/fTbFZNMf8J1IR52Vz6AGrIp5Tc0.png'); -webkit-border-radius: 160%/150%; -moz-border-radius: 160%/150%; border-radius: 160%/150%; border: 0px dotted #6b6b6b;"> <div style="padding: 2px; height: 100%; box-shadow: 1px 1px 1px #000000; background-image: url('http://ekladata.com/hD8rPPbrX447NaJuyGioMpphWMI@60x60.gif'); -webkit-border-radius: 160%/150%; -moz-border-radius: 160%/150%; border-radius: 160%/150%; border: 0px dotted #6b6b6b;"> <div style="height: 100%; box-shadow: inset 1px 1px 1px #000000; background-image: url('http://ekladata.com/gEjxI7VioBaD1hnrz9jjF64NMFU/fond-texture-aquarelle-violet-rose-1083-169-1.jpg'); background-color: #f4ebce; -webkit-border-radius: 160%/150%; -moz-border-radius: 160%/150%; border-radius: 160%/150%; border: 0px dotted #6b6b6b;"> <div style="padding: 1px; height: 100%;"> <p> </p> <p style="text-align: center;"> </p> <p style="text-align: center;">  </p> <p style="text-align: center;"><span style="color: #ffffff;">écrivez ici</span></p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div>

 

 

ici votre texte

  

Le code html

<p> </p> <div style="padding-right: 10px; padding-left: 10px;"> <div style="padding: 2px; border-radius: 0px 0px; height: 100%; box-shadow: 2px 4px 50px #b; background-image: url('http://ekladata.com/srfeWZBidiqumJruMDAP01ANAMA/fondMarron027.jpg');"> <div style="padding: 0px; border-radius: 0px; box-shadow: inset 0px 0px 5px #000000; background-image: url('http://ekladata.com/P8LrlT1W6f1PU9gpir28004YCQM@100x100.png'); < background-color: #000000;"> <div style="padding: 15px; height: 100%; box-shadow: 1px 1px 5px #000000; background-image: url('http://ekladata.com/k6HUijLof_A6QFng4gos1OzbZtw.gif');"> <div style="padding: 0px; border-radius: 0px; box-shadow: inset 0px 0px 5px #000000; background-image: url('http://ekladata.com/8RzEMQPW_YwZcGf70ZiDtdGX5NY@150x150.jpg'); < background-color: #000000;"> <div style="padding: 2px; height: 100%; box-shadow: 1px 1px 5px #000000; background-image: url('http://ekladata.com/srfeWZBidiqumJruMDAP01ANAMA/fondMarron027.jpg');"> <div style="border-radius: 0px 0px; box-shadow: inset 0px 0px 5px #000000; height: 100%; background-image: url('http://ekladata.com/M--_1q6akp3q2tRd9ytd3Zdfj8U/5e8d90b25917bb957aab0b622bfb090c.jpg'); background-color: #ffffff;"> <div style="padding: 1px; height: 100%;"> <p> </p> <p> </p> <p style="text-align: center;"><span style="color: #ffffff;">ici votre texte</span></p> <p>  </p> </div> <div style="text-align: center; padding-top: 0px;"><a href="http://laforetenchantee.eklablog.com/" target="_blank"><img src="http://ekladata.com/mbcKXAtZY8LNe3ba7RbHicnHC4Q/0001-4.png" alt="" /></a></div> </div> </div> </div> </div> </div> </div> </div>

 

 

ici votre texte

  

Le code html

<p> </p> <div style="padding-right: 10px; padding-left: 10px;"> <div style="padding: 2px; border-radius: 0px 0px; height: 100%; box-shadow: 2px 4px 50px #b; background-image: url('http://ekladata.com/rPosblD91giE_5A3eSLSlTf1Ti8@72x32.gif');"> <div style="padding: 0px; border-radius: 0px; box-shadow: inset 0px 0px 5px #000000; background-image: url('http://ekladata.com/P8LrlT1W6f1PU9gpir28004YCQM@100x100.png'); < background-color: #000000;"> <div style="padding: 25px; height: 100%; box-shadow: 1px 1px 5px #000000; background-image: url('http://ekladata.com/O5DnXG2GJj1ySeBdjVC0Lo7lT84.gif');"> <div style="padding: 0px; border-radius: 0px; box-shadow: inset 0px 0px 5px #000000; background-image: url('http://ekladata.com/8RzEMQPW_YwZcGf70ZiDtdGX5NY@150x150.jpg'); < background-color: #000000;"> <div style="padding: 2px; height: 100%; box-shadow: 1px 1px 5px #000000; background-image: url('http://ekladata.com/rPosblD91giE_5A3eSLSlTf1Ti8@72x32.gif');"> <div style="border-radius: 0px 0px; box-shadow: inset 0px 0px 5px #000000; height: 100%; background-image: url('http://ekladata.com/yCKuLy15qjEA2Gz7ZUUaGLd_klU/917-carrelage-apavisa-microciment-grey.jpg'); background-color: #ffffff;"> <div style="padding: 1px; height: 100%;"> <p> </p> <p> </p> <p style="text-align: center;"><span style="color: #ffffff;">ici votre texte</span></p> <p>  </p> </div> <div style="text-align: center; padding-top: 0px;"><a href="http://laforetenchantee.eklablog.com/" target="_blank"><img src="http://ekladata.com/BwuCWKsx1QhvS2nnPvJRagbj--s/0001-80.png" alt="" /></a></div> </div> </div> </div> </div> </div> </div> </div>