Cadres en HTML: Printemps

Affichage des articles dont le libellé est Printemps. Afficher tous les articles

Quelle que soit la Saison....

Ecrire ici

<p> </p>
<div style="margin: 5px 10px; max-width: 100%;">
<div style="border: 4px ridge #FA6688; box-shadow: 0px 0px 15px black inset; border-radius: 50px; background-color: #f0e9e3; padding: 4px; height: 100%; background-image: url('http://ekladata.com/xGewexJS8OvoTwpgkCwruel1Mx8@250x56.png'), url('http://ekladata.com/VKtMHJMtp4X0wsXnwctnmHNY7Uc.jpg'); 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: 0px 10px 0px 10px; max-width: 100%;">
<div style="border: 4px ridge #FA6688; padding: 20px; background-color: #fee2e9; box-shadow: 0px 0px 15px black inset; width: auto; border-radius: 50px;">
<p style="color: #000;"> </p>
<p style="color: #000;">Ecrire ici</p>
<p style="color: #000;"> </p>
<p style="color: #000;"> </p>
<p style="color: #000;"> </p>
<p style="color: #000;">
<a href="https://lagentillerebelle.blogspot.com/" target="_blank"><span style="font-family: Georgia; color: #000; font-size: 10px;">Cadre © La Gentille Rebelle</span></a></p></div>
</div>

Cadre © La Gentille Rebelle

Ecrire ici

<p> </p>
<div style="margin: 5px auto; max-width: 97%;">
<div style="border: 4px ridge #63AC03; box-shadow: 0px 0px 15px black inset; border-radius: 50px; background-color: #e6efc0; padding: 4px; height: 100%; background-image: url(''), url('http://ekladata.com/kOsUSP7khkUMAJzKbTV3cTOtvm4.jpg'); background-position: 3% 98%, top center; background-repeat: no-repeat; background-size: 15% ,cover; padding-top: 58%;"><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="65%" align="middle" /></div>
</div>
<div style="margin: 0px auto; max-width: 97%;">
<div style="border: 4px ridge #63AC03; padding: 20px; background-color: #e6efc0; box-shadow: 0px 0px 15px black inset; width: auto; border-radius: 50px;">
<p style="color: #000;"> </p>
<p style="color: #ac5880;"><span style="color: #000000;">Ecrire ici</span></p>
<p style="color: #ac5880;"> </p>
<p style="color: #ac5880;"> </p>
<p style="color: #ac5880;"> 
<a href="https://lagentillerebelle.blogspot.com/" target="_blank"><span style="font-family: Georgia; color: #000; font-size: 10px;">Cadre © La Gentille Rebelle</span></a></p></div></div><p> </p>

Cadre © La Gentille Rebelle

Ecrire ici

<div style="margin: 5px 10px; max-width: 100%;">
<div style="border: 4px ridge orange; box-shadow: 0px 0px 15px black inset; border-radius: 50px; background-color: #f0e9e3; padding: 4px; height: 100%; background-image: url(''), url('http://ekladata.com/u8I2qN4EPOWyG2UKz3jT_PkcPak.jpg'); background-position: 3% 98%, center top; background-repeat: no-repeat; background-size: 15% ,cover; padding-top: 60%;"><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: 0px 10px 0px 10px; max-width: 100%;">
<div style="border: 4px ridge orange; padding: 20px; background-color: #ffffff; box-shadow: 0px 0px 15px black inset; width: auto; border-radius: 50px;">
<p style="color: #000;"> </p>
<p style="color: #000;">Ecrire ici</p>
<p style="color: #000;"> </p>
<p style="color: #000;"> </p>
<p style="color: #000;"> </p>
<p style="color: #000;">
<a href="https://lagentillerebelle.blogspot.com/" target="_blank"><span style="font-family: Georgia; color: #000; font-size: 10px;">Cadre © La Gentille Rebelle</span></a> </p></div></div>

Cadre © La Gentille Rebelle

Ecrire ici

<p> </p>
<div style="margin: 5px auto; max-width: 97%;">
<div style="border: 2px ridge #FBCC74; box-shadow: 0px 0px 15px black inset; border-radius: 50px; background-color: #fff; padding: 4px; height: 100%; background-image: url('http://ekladata.com/R3QHYgeWvmQMfKzKLVK3JuddumE.jpg'); background-position: top center; background-repeat: no-repeat; background-size: cover; padding-top: 54%;"><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="65%" align="middle" /></div>
</div>
<div style="margin: 0px auto; max-width: 97%;">
<div style="border: 2px ridge #FC97A9; padding: 20px; background-color: #d3f0f8; box-shadow: 0px 0px 15px black inset; width: auto; border-radius: 50px;">
<p style="color: #000;"> </p>
<p style="color: #ac5880;"><span style="color: #000000;">Ecrire ici</span></p>
<p style="color: #ac5880;"> </p>
<p style="color: #ac5880;"> </p>
<p style="color: #ac5880;"> </p>
<p style="color: #ac5880;">
<a href="https://lagentillerebelle.blogspot.com/" target="_blank"><span style="font-family: Georgia; color: #000; font-size: 10px;">Cadre © La Gentille Rebelle</span></a> </p></div></div><p> </p>

Cadre © La Gentille Rebelle

Ecrire ici

<p> </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/H1Bk6oUUgmEemp5Kp27iS9FLT1s.jpg'); background-position: 95% 95%, top center; background-repeat: no-repeat; background-size: 15% ,cover; padding-top: 53%;"><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, #dfb9de, #FFDECD,#dfb9de);">
<p style="color: #000;"> </p>
<p style="color: #000;">Ecrire ici</p>
<p style="color: #000;"> </p>
<p style="color: #000;"> </p>
<p style="color: #000;"> </p>
<p style="color: #000;"> </p>
<p><a href="https://lagentillerebelle.blogspot.com/" target="_blank"><span style="font-family: Georgia; color: #000; font-size: 10px;">Cadre © La Gentille Rebelle</span></a></p>
</div>
</div>
<p> </p>

Ecrire ici

<p> </p>
<div style="margin: 5px auto; max-width: 97%;">
<div style="border: 4px ridge #630B15; box-shadow: 0px 0px 15px black inset; border-radius: 50px; background-color: #fbccbc; padding: 4px; height: 100%; background-image: url('\'\''), url('http://ekladata.com/CmbxFV3hEtD7YBL8bmzrzY7Qeuo.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 #630B15; padding: 20px; background-color: #dfb9de; box-shadow: 0px 0px 15px black inset; width: auto; border-radius: 50px; background-image: linear-gradient(65deg, #BE4363, #C73619);">
<p style="color: #fff;"> </p>
<p style="color: #fff;">Ecrire ici</p>
<p style="color: #fff;"> </p>
<p style="color: #fff;"> </p>
<p style="color: #fff;"> </p>
<p><a href="https://lagentillerebelle.blogspot.com/" target="_blank"><span style="font-family: Georgia; color: #fff; font-size: 10px;">Cadre © La Gentille Rebelle</span></a></p>
</div>
</div>
<p> </p>

Ecrire ici

<p> </p>
<div style="margin: 0px auto; max-width: 97%;">
<div style="border: 4px ridge #DFDEE0; box-shadow: 0px 0px 15px black inset; border-radius: 50px; background-color: #eeeeee; padding: 4px; height: 100%; background-image: url('#'), url('http://ekladata.com/cG1hz0a6QoxIByqckAp2M8s3E9U.jpg'); background-position: 5% 98%, center top; background-repeat: no-repeat; background-size: 10%, cover; padding-top: 37.5%;"><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 #DFDEE0; padding: 20px; background-color: #eeeeee; box-shadow: 0px 0px 15px black inset; width: auto; border-radius: 50px; background-image: url('http://ekladata.com/MEbCq2P-ArST_m_immEsfAQECVU.jpg'); background-position: top center; background-repeat: repeat-y;">
<div style="padding: 1px; margin: 20px auto; max-width: 95%;">
<div style="border: 4px ridge #fff; width: auto; background-color: #d8edf1; box-shadow: 0px 0px 10px black; border-radius: 50px;">
<div style="background-color: #; padding: 4px;">
<p> </p>
<p><span style="color: #000000;">Ecrire ici</span></p>
<p> </p>
<p> </p>
<p style="color: #000;"> </p>
<p><a href="https://lagentillerebelle.blogspot.com/" target="_blank"><span style="font-family: Georgia; color: #000; font-size: 10px;">Cadre © La Gentille Rebelle</span></a> </p>
</div>
</div>
</div>
</div>
</div>

Menu header

Quelle que soit la Saison....

Quelques astuces !!

Blogs utiles

Livre d'Or

Membres

Les Blogs où j'aime me promener...

Sites des cartes virtuelles

Cadres HTLM par thème

Remonter !