Cadre avec scroll & Largeur et Hauteur fixe

Ecrire ici

<p>&nbsp;</p>
<div style="background-image: url('http://ekladata.com/cjmP0T17HGgaAs9V2gThPVGyshk.jpg'); background-color: #fff; height: 309px; background-size: 100%; width: 550px; box-shadow: 0px 0px 10px black,0px 0px 20px inset black; background-position: top center; background-repeat: no-repeat; border-radius: 20px; padding: 25px 15px 90px 200px; margin: auto;">
<table width="100%">
<tbody>
<tr>
<td>
<div style="background-color: #; width: 100%; height: 350px; overflow-y: scroll; text-align: center; box-shadow: 0px 0px 0px black; border-radius: 20px;">
<p>&nbsp;</p>
<p><span style="color: #000;">Ecrire ici</span></p>
<p>&nbsp;</p>
</div>
</td>
</tr>
</tbody>
</table>
<table width="100%">
<tbody>
<tr>
<td><span style="font-family: Georgia; color: black; font-size: 10px; top: 10px;"><a style="color: black; font-size: 10px;">Cadre &copy; La Gentille Rebelle</a></span></td>
</tr>
</tbody>
</table>
</div>
<p>&nbsp;</p> 

Ecrire ici

Hauteur et  largeur fixe avec scrollbar

Pour l'essayer sur votre blog,

descendez le scroll et copier le code

<p>&nbsp;</p><div style="background-image: url('http://ekladata.com/n1duzKBWNk1OuISEOkXuIkWYChc.png'),url('http://ekladata.com/pa2Wt8ychv8RESIxTiT0frGATMM.jpg'); background-color: #fff; background-size: 80%, 100%; background-position: 5% 95%, top center; background-repeat: no-repeat, repeat; padding: 50px 50px 0px 200px; height: 580px; width: 580px; box-shadow: 0px 0px 10px black,0px 0px 20px inset black; border: 4px solid #; margin: auto; border-radius: 20px;">
<table width="100%">
<tbody>
<tr>
<td>
<div style="width: 98%; height: 400px; overflow-y: scroll; text-align: center;">
<p>&nbsp;</p>
<p><span style="color: #000000;">Ecrire ici</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
</div>
</td>
</tr>
</tbody>
</table>
<table width="100%">
<tbody>
<tr>
<td><span style="font-family: Georgia; color: grey; font-size: 10px; top: 10px;"><a style="color: black;" href="http://lagentillerebelle1.eklablog.com/" target="_blank"><span style="font-family: Georgia; font-size: 10px;">Cadre &copy; La Gentille Rebelle</span></a></span></td>
</tr>
</tbody>
</table>
</div>
<p>&nbsp;</p>

Ecrire

<p>&nbsp;</p>
<div style="background-image: url('http://ekladata.com/m95oh8EaEvSDAmpQNFFZ6cf2DWk.jpg'); background-color: #fff; background-size: 100%; box-shadow: 0px 0px 10px black,0px 0px 20px inset black; background-position: top center; background-repeat: no-repeat; width: 600px; height: 600px; border-radius: 20px; padding: 80px 40px 190px 230px; margin: auto;">
<table width="100%">
<tbody>
<tr>
<td>
<div style="background-color: #; width: 100%; height: 600px; margin: 20px; overflow-y: scroll; text-align: center; box-shadow: 0px 0px 0px black; border-radius: 20px;">
<p><span style="color: #808080;">Ecrire</span></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
</div>
</td>
</tr>
</tbody>
</table>
<table width="100%">
<tbody>
<tr>
<td><span style="font-family: Georgia; color: grey; font-size: 10px; top: 10px;"><a style="color: grey;" href="http://lagentillerebelle1.eklablog.com/" target="_blank"><span style="font-family: Georgia; font-size: 10px;">Cadre &copy; La Gentille Rebelle</span></a></span></td>
</tr>
</tbody>
</table>
</div>
<p>&nbsp;</p>