Cadres en HTML

 

 

Ecrire ici

 <p>&nbsp;</p>

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

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

</div>

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

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

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

<p style="color: black; text-align: center;">Ecrire ici</p>

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

<p style="text-align: center;"><span style="font-size: 10pt;">&nbsp;</span> <a href="https://lagentillerebelle.blogspot.com/" target="_blank"><span style="color: black; font-family: Georgia; font-size: 6px;">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: #fbccbc; padding: 4px; height: 100%; background-image: url('\'\''), url('http://ekladata.com/W8jGehWBPGAu3JIuXlJRPG6O-M0.jpg'); background-position: 95% 95%, top center; background-repeat: no-repeat; background-size: 15% ,cover; padding-top: 52.5%;"><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: #dfb9de; box-shadow: 0px 0px 15px black inset; width: auto; border-radius: 50px; background-image: linear-gradient(65deg, #3E907A, #FAE79A);">
<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 style="color: #ac5880;">&nbsp;</p>
<p style="color: #ac5880;">&nbsp;</p>
<p><a href="https://lagentillerebelle.blogspot.com/" target="_blank"><span style="font-family: Georgia; color: #000; font-size: 10px;">Cadre &copy; La Gentille Rebelle</span></a></p>
</div>
</div>
<p>&nbsp;</p> 

Cadre © La Gentille Rebelle

 

 

 

Ecrire ici

 

  

<p>&nbsp;</p>
<div style="margin: 20px auto 2px auto; max-width: 100%;">
<div style="border: 4px ridge #A3B2A6; box-shadow: 0px 0px 15px black inset; border-radius: 50px; background-color: #aac3e1; padding: 4px; height: 100%; background-image: url('\'\''), url('http://ekladata.com/7AdpCBg_HO2lgsVD6xsegyeGGaQ.jpg'); background-position: 5% 98%, center top; background-repeat: no-repeat; background-size: 15%, cover; padding-top: 44.5%;"><img style="position: relative; margin-bottom: -5.3%; filter: drop-shadow(rgba(0, 0, 0, 0.5) 5px 5px 5px); 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 0px auto; max-width: 100%;">
<div style="border: 4px ridge #A3B2A6; margin-top: 00px; padding: 50px; background-color: #afc6e5; 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 style="color: #000;">&nbsp;</p>
<p style="color: #000;">&nbsp;</p>
<p style="font-size: 22px; color: #000; font-family: Georgia;">&nbsp;</p>
<a href="https://lagentillerebelle.blogspot.com/" target="_blank"><span style="font-family: Georgia; color: #000; font-size: 10px;">Cadre &copy; La Gentille Rebelle</span></a></div>
</div>
<p>&nbsp;</p> 

 

 

Cadre © La Gentille Rebelle