Cadres en HTML: Bonne journée

Affichage des articles dont le libellé est Bonne journée. Afficher tous les articles

Ecrire ici

<p> </p>
<div style="margin: 5px 10px; max-width: 100%;">
<div style="border: 4px ridge #FCDD06; box-shadow: 0px 0px 15px black inset; border-radius: 50px; background-color: #d6f4fe; padding: 4px; height: 100%; background-image: url(''), url('http://ekladata.com/5ZTLTjQ5IGrlle555Zr8rDFz5aY.jpg'); background-position: 5% 98%, center top; background-repeat: no-repeat; background-size: 15%, cover; padding-top: 62%;"><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/SfyViq3goYqKOqctiOQPx6_Dak0.png" alt="" width="60%" align="middle" /></div>
</div>
<div style="margin: 5px 10px; max-width: 100%;">
<div style="border: 4px ridge #FCDD06; margin-top: 00px; padding: 20px; background-color: #d6f4fe; 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="font-size: 22px; color: #000; font-family: Georgia;"> </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></div>
</div><p> </p>

Cadre © La Gentille Rebelle

Lire la suite... »

Ecrire ici

<p> </p>
<div style="margin: 10px auto; max-width: 97%;">
<div style="padding: 2px; height: 100%; box-shadow: 1px 1px 5px #000000; background-image: url('http://ekladata.com/YSxWhT4Xg6H1kI6XpmL_LZgxlwY.gif'); border-radius: 50px;">
<div style="box-shadow: 0px 0px 15px black inset; border-radius: 50px; background-color: grey; padding: 4px; height: 100%; background-image: url('\'\''), url('http://ekladata.com/0DjhaBuOVCgkIyQd6oKZrwKY3Xs.gif'); background-position: 90% 80%, center top; background-repeat: repeat, no-repeat; background-size: auto ,cover; padding-top: 54%;"><img style="position: relative; margin-bottom: -6.5%; filter: drop-shadow(rgba(0, 0, 0, 0.5) 7px 7px 7px); box-shadow: none; border-radius: none; margin-left: auto; margin-right: auto; display: block;" src="http://ekladata.com/4xsK9a7jXXbbrDHbGzdReG6BcF8.png" alt="" width="60%" align="middle" /></div>
</div>
</div>
<div style="margin: 0px auto; max-width: 97%;">
<div style="padding: 2px; height: 100%; background-image: url('http://ekladata.com/YSxWhT4Xg6H1kI6XpmL_LZgxlwY.gif'); box-shadow: 1px 1px 5px #000000; border-radius: 50px;">
<div style="margin-top: 00px; padding: 30px; background-color: #5578a0; background-repeat: repeat, no-repeat; background-position: center top; background-size: 100%; background-image: linear-gradient(45deg, grey,white,grey); 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><a href="https://lagentillerebelle.blogspot.com/" target="_blank"><span style="font-family: Georgia; color: #000; font-size: 6px;">Cadre © La Gentille Rebelle</span></a></p>
</div>
</div>
</div>
<p> </p>

Cadre © La Gentille Rebelle

Ecrire ici

<p> </p>
<div style="margin: 5px auto; max-width: 97%;">
<div style="border: 2px ridge #C97962; box-shadow: 0px 0px 15px black inset; border-radius: 50px; background-color: #f5dfcd; padding: 4px; height: 100%; background-image: url('http://ekladata.com/17DVnuWi-HyEtEaHoao-g33_SbQ@945x443.gif'), url('http://ekladata.com/M_xW-7qXNOHCcpuDWk_3DSqCXqw.jpg'); background-position: center bottom, center top; background-repeat: repeat,no-repeat; background-size: auto,cover; padding-top: 60%;"><img style="position: relative; margin-bottom: -5.3%; box-shadow: none; filter: drop-shadow(rgba(0, 0, 0, 0.5) 3px 3px 7px); margin-left: auto; margin-right: auto; display: block;" src="http://ekladata.com/4xsK9a7jXXbbrDHbGzdReG6BcF8.png" alt="" width="60%" align="middle" /></div>
</div>
<div style="margin: 0px auto; max-width: 97%;">
<div style="border: 2px ridge #C97962; padding: 20px; background-color: #d6d0ba; 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><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 #A3563C; box-shadow: 0px 0px 15px black inset; border-radius: 50px; background-color: #e8c08d; padding: 4px; height: 100%; background-image: url('\'\''), url('http://ekladata.com/kIre7Eni_d2V8ev-G71a6c_b1F8.jpg'); background-position: 5% 98%, center top; background-repeat: no-repeat; background-size: 15%, cover; padding-top: 39%;"><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/O-BFaXlxMbYx24a24yKrNOLIwbU.png" alt="" width="60%" align="middle" /></div>
</div>
<div style="margin: 0px auto; max-width: 97%;">
<div style="border: 4px ridge #A3563C; margin-top: 00px; padding: 50px; background-color: #e8c08d; 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="font-size: 22px; color: #000; font-family: Georgia;"> </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></div>
</div>
<p> </p>

Cadre © La Gentille Rebelle

Ecrire ici

<p> </p>
<div style="margin: 5px 10px; max-width: 100%;">
<div style="border: 4px ridge #C899BF; box-shadow: 0px 0px 15px black inset; border-radius: 50px; background-color: #ead1de; padding: 4px; height: 100%; background-image: url(''), url('http://ekladata.com/kIre7Eni_d2V8ev-G71a6c_b1F8.jpg'); background-position: 5% 98%, center top; background-repeat: no-repeat; background-size: 15%, cover; padding-top: 38%;"><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/_1m8uTtJOnUCX93H2CMAXU2Plio.png" alt="" width="60%" align="middle" /></div>
</div>
<div style="margin: 5px 10px; max-width: 100%;">
<div style="border: 4px ridge #C899BF; margin-top: 00px; padding: 50px; background-color: #fedee9; box-shadow: 0px 0px 15px black inset; width: auto; border-radius: 50px;text-align:center;">
<p style="color: #000;"> </p>
<p style="color: #000;">Ecrire ici</p>
<p style="color: #000;"> </p>
<p style="color: #000;"> </p>
<p style="font-size: 22px; color: #000; font-family: Georgia;"> </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></div>
</div>
<p> </p>

Cadre © La Gentille Rebelle

Servez-vous

Ecrire ici

<p> </p>
<div style="margin: 5px auto; max-width: 97%;">
<div style="border: 4px ridge #E3B971; box-shadow: 0px 0px 15px black inset; border-radius: 50px; background-color: #f0dfc1; padding: 4px; height: 100%; background-image: url('\'\''), url('http://ekladata.com/d3fam5qejQEHYNZn1TA3-xPeEb4.jpg'); background-position: 5% 98%, center top; background-repeat: no-repeat; background-size: 15%, cover; padding-top: 62%;"><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/SDbpUAra9DFgP5QO-6rfnFSa6Mw@543x75.png" alt="" width="60%" align="middle" /></div>
</div>
<div style="margin: 0px auto; max-width: 97%;">
<div style="border: 4px ridge #E3B971; margin-top: 00px; padding: 50px; background-color: #f0dfc1; box-shadow: 0px 0px 15px black inset; width: auto; border-radius: 50px; background-image: url('\'\''); background-repeat: no-repeat; background-size: cover;">
<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="font-size: 22px; color: #000; font-family: Georgia;"> </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></div>
</div>
<p> </p>

Cadre © La Gentille Rebelle

Ecrire ici

<p> </p>
<div style="margin: 20px auto 4px auto; max-width: 100%;">
<div style="border: 4px ridge #DFDEE0; box-shadow: 0px 0px 15px black inset; border-radius: 50px; background-color: #fff;padding: 4px; height: 100%; background-image: url('http://ekladata.com/xGewexJS8OvoTwpgkCwruel1Mx8@250x56.png'), url('http://ekladata.com/YvlD8L9orSwGuhlsOjrf9oo4pQA.jpg'); background-position: 89% 98%, center top; background-repeat: no-repeat; background-size: 15%, cover; padding-top: 73%;"><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="63%" align="middle" /></div>
</div>
<div style="margin: 0px auto 0px auto; max-width: 100%;">
<div style="border: 4px ridge #DFDEE0; margin-top: 00px; padding: 50px; background-color: #ecd5e3; 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;"> </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="font-size: 22px; color: #000; font-family: Georgia;"> </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></div>
</div>
<p> </p>

Cadre © La Gentille Rebelle

Ecrire ici

<div style="margin: 5px auto; max-width: 97%;">
<div style="border: 4px ridge #F0C95C; box-shadow: 0px 0px 15px black inset; border-radius: 50px; background-color: #fffdd7; padding: 4px; height: 100%; background-image: url(''), url('http://ekladata.com/cDpAzX2_9a00wbpbqze4XhQfkQ8.jpg'); background-position: 5% 98%, center top; background-repeat: no-repeat; background-size: 15%, cover; padding-top: 61%;"><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/SDbpUAra9DFgP5QO-6rfnFSa6Mw@543x75.png" alt="" width="65%" align="middle" /></div>
</div>
<div style="margin: 0px auto; max-width: 97%;">
<div style="border: 4px ridge #F0C95C; margin-top: 00px; padding: 50px; background-color: #f8e3ad; 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;"> </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="font-size: 22px; color: #000; font-family: Georgia;"> </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></div>
</div>

Cadre © La Gentille Rebelle

Ecrire ici

<p> </p>
<div style="margin: 5px auto; max-width: 97%;">
<div style="border: 4px ridge #091b1b; box-shadow: 0px 0px 15px black inset; border-radius: 50px; background-color: #465337; padding: 4px; height: 100%; background-image: url('\'\''), url('http://ekladata.com/jWcNTqA9EaR8SvObih_oZ7dj96E.gif'); background-position: 90% 80%, center top; background-repeat: repeat, no-repeat; background-size: auto ,cover; padding-top: 52%;"><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: 0px auto; max-width: 97%;">
<div style="border: 4px ridge #091b1b; margin-top: 00px; padding: 30px; background-color: #162b24; background-repeat: no-repeat, no-repeat; background-image: linear-gradient(to left,#162b24,#465337); box-shadow: 0px 0px 15px black inset; width: auto; border-radius: 50px;">
<p style="color: #fff;"> </p>
<p style="color: #fff;">Ecrire ici</p>
<p style="color: #fff;"> </p>
<p> <a href="https://lagentillerebelle.blogspot.com/" target="_blank"><span style="font-family: Georgia; color: #000; font-size: 6px;">Cadre © La Gentille Rebelle</span></a></p>
</div>
</div>
<p> </p>

Ecrire ici

<div style="margin: 5px auto; max-width: 97%;">
<div style="border: 4px ridge #809F99; box-shadow: 0px 0px 15px black inset; border-radius: 50px; background-color: #f0e5c5; padding: 4px; height: 100%; background-image: url('\'\''), url('http://ekladata.com/Nu5sQlCP62k5rV6wmJRMIMLxNBc.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 #6DAA9A; padding: 20px; background-color: #f0e5c5; box-shadow: 0px 0px 15px black inset; width: auto; border-radius: 50px; background-image: linear-gradient(65deg, #C3E7DB, #6DAA9A);">
<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><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

<div style="margin: 5px auto; max-width: 97%;">
<div style="border: 4px ridge #F0E5C5; box-shadow: 0px 0px 15px black inset; border-radius: 50px; background-color: #f0e5c5; padding: 4px; height: 100%; background-image: url('\'\''), url('http://ekladata.com/TyXSuDW4qfv5w_D_hMB3NtcdyB4.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 #F0E5C5; padding: 20px; background-color: #f0e5c5; box-shadow: 0px 0px 15px black inset; width: auto; border-radius: 50px; background-image: linear-gradient(65deg, #E7D9BE, #FBF5DF);">
<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><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

<div style="margin: 5px auto; max-width: 97%;">
<div style="border: 4px ridge #F0E5C5; box-shadow: 0px 0px 15px black inset; border-radius: 50px; background-color: #f0e5c5; padding: 4px; height: 100%; background-image: url('http://ekladata.com/17DVnuWi-HyEtEaHoao-g33_SbQ@945x443.gif'), url('http://ekladata.com/JJgwTB58TlIIVjgesYpT3bKW_Ss.jpg'); background-position: top center, top center; background-repeat: no-repeat; background-size: 80%,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 #F0E5C5; padding: 20px; background-color: #f0e5c5; box-shadow: 0px 0px 15px black inset; width: auto; border-radius: 50px; background-image: linear-gradient(65deg, #E7D9BE, #FBF5DF);">
<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><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

<div style="margin: 5px auto; max-width: 97%;">
<div style="border: 4px ridge #F0E5C5; box-shadow: 0px 0px 15px black inset; border-radius: 50px; background-color: #f0e5c5; padding: 4px; height: 100%; background-image: url('\'\''), url('http://ekladata.com/Vr5g2Jn--WELGiOKk4fqMPS-ALI.jpg'); 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 #F0E5C5; padding: 20px; background-color: #f0e5c5; box-shadow: 0px 0px 15px black inset; width: auto; border-radius: 50px; background-image: linear-gradient(65deg, #E7D9BE, #FBF5DF);">
<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><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>

Menu header

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 !