Cadres en HTML

Cela vous plait, servez-vous... 

 

 

Ecrire ici

<div style="margin: 5px auto; max-width: 97%;">

<div style="border: 4px ridge yellow; box-shadow: 0px 0px 15px black inset; border-radius: 50px; background-color: #e4caaa; padding: 4px; height: 100%; background-image: url('\'\''), url('http://ekladata.com/xWycQ9XQE9KYAGPLXmaSdvr4rgY.jpg'); background-position: 90% 80%, center top; background-repeat: repeat, no-repeat; background-size: auto ,cover; padding-top: 55%;"><img style="position: relative; margin-bottom: -5.5%; filter: drop-shadow(rgba(0, 0, 0, 0.5) 7px 7px 7px); box-shadow: none; margin-left: auto; margin-right: auto; display: block;" src="http://ekladata.com/4xsK9a7jXXbbrDHbGzdReG6BcF8.png" alt="" width="63%" align="middle" /></div>

</div>

<div style="margin: 0px auto; max-width: 97%;">

<div style="border: 4px ridge yellow; margin-top: 00px; padding: 30px; background-color: #e4caaa; background-repeat: repeat, no-repeat; background-position: center top; background-size: 50%, 95%; background-image: url('\'\''), url('\'\''); box-shadow: 0px 0px 15px black inset; width: auto; border-radius: 50px;">

<p style="color: #000;">&nbsp;</p>

<p style="color: #000;">Ecrire ici</p>

<p style="color: #000;">&nbsp;</p>

<p>&nbsp;<a href="<p style="color: black; text-align: center;"><a href="https://lagentillerebelle.blogspot.com/" target="_blank"><span style="color: black; font-family: Georgia; font-size: 10px;">Cadre © La Gentille Rebelle</span></a></p>
</div>
</div>

<p>&nbsp;</p> 

Cadre © La Gentille Rebelle

 

 

 

Ecrire ici

 

 

<p>&nbsp;</p>

<div style="margin: 5px auto; max-width: 97%;">

<div style="border: 4px ridge #fff; box-shadow: 0px 0px 15px black inset; border-radius: 50px; background-color: #e6efc0; padding: 4px; height: 100%; background-image: url('\'\''), url('http://ekladata.com/_d8XMS4-J-Cr6nfjKiBBblL_9jg.png'); background-position: 95% 95%, top center; background-repeat: no-repeat; background-size: 15% ,cover; padding-top: 52%;"><img style="position: relative; margin-bottom: -6.0%; filter: drop-shadow(rgba(0, 0, 0, 0.5) 5px 5px 7px); box-shadow: none; margin-left: auto; margin-right: auto; display: block;" src="http://ekladata.com/4xsK9a7jXXbbrDHbGzdReG6BcF8.png" alt="" width="65%" align="middle" /></div>

</div>

<div style="margin: 0px auto; max-width: 97%;">

<div style="border: 4px ridge #fff; padding: 20px; background-color: #e2dad3; box-shadow: 0px 0px 15px black inset; width: auto; border-radius: 50px;">

<p style="color: #000;">&nbsp;</p>

<p style="color: #ac5880;"><span style="color: #000000;">Ecrire ici</span></p>

<p style="color: #ac5880;">&nbsp;</p>

<p><a href="<p style="color: black; text-align: center;"><a href="https://lagentillerebelle.blogspot.com/" target="_blank"><span style="color: black; font-family: Georgia; font-size: 10px;">Cadre © La Gentille Rebelle</span></a></p>
</div>
</div>

<p>&nbsp;</p> 

Cadre © La Gentille Rebelle

 

 

 

Ecrire ici

 

<p>&nbsp;</p>

<div style="margin: 5px auto; max-width: 97%;">

<div style="box-shadow: 0px 0px 15px black inset; border-radius: 50px; background-color: #e4e4dc; border: 2px solid #AF7448; height: 100%; background-image: url('\'\''), url('http://ekladata.com/Vqbka4qC4FQMKVe8hztnq140dcg@1200x801.jpg'); background-position: 90% 80%, center top; background-repeat: repeat, no-repeat; background-size: auto ,cover; padding-top: 63%;"><img style="position: relative; margin-bottom: -5.5%; filter: drop-shadow(rgba(0, 0, 0, 0.5) 3px 3px 3px); box-shadow: none; margin-left: auto; margin-right: auto; display: block;" src="http://ekladata.com/4xsK9a7jXXbbrDHbGzdReG6BcF8.png" alt="" width="63%" align="middle" /></div>

</div>

<div style="margin: 5px auto; max-width: 97%;">

<div style="padding: 0px; height: 100%; border: 2px solid #AF7448; box-shadow: 1px 1px 5px #000000; border-radius: 50px;">

<div style="margin-top: 00px; padding: 30px; background-color: #e4e4dc; background-size: 100%; box-shadow: 0px 0px 15px black inset; width: auto; border-radius: 48px;">

<p style="color: #000;">&nbsp;</p>

<p style="color: #000;">Ecrire ici</p>

<p style="color: #000;">&nbsp;</p>

<p style="color: #000;"><a href="<p style="color: black; text-align: center;"><a href="https://lagentillerebelle.blogspot.com/" target="_blank"><span style="color: black; font-family: Georgia; font-size: 10px;">Cadre © La Gentille Rebelle</span></a></p>
</div>

</div>

</div>

<p>&nbsp;</p> 

Cadre © La Gentille Rebelle

 

 

 

Ecrire ici

<p>&nbsp;</p>

<div style="margin: 5px auto; max-width: 97%;">

<div style="box-shadow: 0px 0px 15px black inset; border-radius: 50px; background-color: #e4e4dc; border: 2px solid #AF7448; height: 100%; background-image: url('\'\''), url('http://ekladata.com/km7eiP3j-9GnLeaiRU2fP4cMDII.gif'); background-position: 90% 80%, center top; background-repeat: repeat, no-repeat; background-size: auto ,cover; padding-top: 61%;"><img style="position: relative; margin-bottom: -5.5%; filter: drop-shadow(rgba(0, 0, 0, 0.5) 3px 3px 3px); box-shadow: none; margin-left: auto; margin-right: auto; display: block;" src="http://ekladata.com/4xsK9a7jXXbbrDHbGzdReG6BcF8.png" alt="" width="63%" align="middle" /></div>

</div>

<div style="margin: 5px auto; max-width: 97%;">

<div style="padding: 0px; height: 100%; border: 2px solid #AF7448; box-shadow: 1px 1px 5px #000000; border-radius: 50px;">

<div style="margin-top: 00px; padding: 30px; background-color: #e4e4dc; background-size: 100%; box-shadow: 0px 0px 15px black inset; width: auto; border-radius: 48px;">

<p style="color: #000;">&nbsp;</p>

<p style="color: #000;">Ecrire ici</p>

<p style="color: #000;">&nbsp;</p>

<p style="color: #000;"><a href="<p style="color: black; text-align: center;"><a href="https://lagentillerebelle.blogspot.com/" target="_blank"><span style="color: black; font-family: Georgia; font-size: 10px;">Cadre © La Gentille Rebelle</span></a></p>
</div>
</div>

</div>

<p>&nbsp;</p> 

 

Cadre © La Gentille Rebelle

 

 

 

Ecrire ici

<p>&nbsp;</p>

<div style="margin: 5px auto; max-width: 97%;">

<div style="box-shadow: 0px 0px 15px black inset; border-radius: 50px; background-color: #e4e4dc; border: 2px solid #AF7448; height: 100%; background-image: url('\'\''), url('http://ekladata.com/GjqXY4j4GZBnwnwb3Q3kjFcNrnY.gif'); background-position: 90% 80%, center top; background-repeat: repeat, no-repeat; background-size: auto ,cover; padding-top: 61%;"><img style="position: relative; margin-bottom: -5.5%; filter: drop-shadow(rgba(0, 0, 0, 0.5) 3px 3px 3px); box-shadow: none; margin-left: auto; margin-right: auto; display: block;" src="http://ekladata.com/4xsK9a7jXXbbrDHbGzdReG6BcF8.png" alt="" width="63%" align="middle" /></div>

</div>

<div style="margin: 5px auto; max-width: 97%;">

<div style="padding: 0px; height: 100%; border: 2px solid #AF7448; box-shadow: 1px 1px 5px #000000; border-radius: 50px;">

<div style="margin-top: 00px; padding: 30px; background-color: #e4e4dc; background-size: 100%; box-shadow: 0px 0px 15px black inset; width: auto; border-radius: 48px;">

<p style="color: #000;">&nbsp;</p>

<p style="color: #000;">Ecrire ici</p>

<p style="color: #000;">&nbsp;</p>

<p style="color: #000;">

<a href="<p style="color: black; text-align: center;"><a href="https://lagentillerebelle.blogspot.com/" target="_blank"><span style="color: black; font-family: Georgia; font-size: 10px;">Cadre © La Gentille Rebelle</span></a></p>
</div>
</div>

</div>

<p>&nbsp;</p> 

 

Cadre © La Gentille Rebelle

 

 

 

 

Ecrire ici

 

<p style="text-align: center;">&nbsp;</p>

<div style="margin: 5px auto; max-width: 97%;">

<div style="border: 4px ridge #E19E45; box-shadow: 0px 0px 15px black inset; border-radius: 50px; background-color: #f0e9e3; padding: 4px; height: 100%; background-image: url(''), url('http://ekladata.com/DkyT_TqYHdtNO_kqA858zt0_29o.gif'); background-position: 3% 98%, center top; background-repeat: no-repeat; background-size: 15% ,cover; padding-top: 63%;"><img style="position: relative; margin-bottom: -5.3%; filter: drop-shadow(rgba(0, 0, 0, 0.5) 5px 5px 7px); box-shadow: none; margin-left: auto; margin-right: auto; display: block;" src="http://ekladata.com/4xsK9a7jXXbbrDHbGzdReG6BcF8.png" alt="" width="63%" align="middle" /></div>

</div>

<div style="margin: 5px auto; max-width: 97%;">

<div style="border: 4px ridge #E19E45; padding: 20px; background-color: #f3ece6; box-shadow: 0px 0px 15px black inset; width: auto; border-radius: 50px;">

<p style="color: #000;">&nbsp;</p>

<p style="color: #000;">Ecrire ici</p>

<p style="color: #000;">&nbsp;</p>

<p style="color: #000;"><a href="<p style="color: black; text-align: center;"><a href="https://lagentillerebelle.blogspot.com/" target="_blank"><span style="color: black; font-family: Georgia; font-size: 10px;">Cadre © La Gentille Rebelle</span></a></p>
</div>
</div> 

 

 

Cadre © La Gentille Rebelle