Blog Codes

1
<style type="text/css">
#container { color: black; text-align: left; width: 400px; height: 250px; background-image: url('URLHERE'); }
#content1 { left: 9px; top: 9px; overflow: auto; }
#box1, #content1 { width: 178px; height: 232px; position: absolute; }
#content2 { left: 197px; top: 133px; overflow: auto; }
#box2, #content2 { width: 194px; height: 108px; position: absolute; }
#content1 table, #content2 table { padding: 4px; }
</style>
<div id="container">
<div id="box1"><div id="content1"><table><tr><td>TEXT GOES HERE</td></tr></table></div></div>
<div id="box2"><div id="content2"><table><tr><td>TEXT GOES HERE</td></tr></table></div></div>
</div>
2
<style type="text/css">
#container { color: black; text-align: left; width: 400px; height: 250px; background-image: url('URLHERE'); }
#content1 { left: 9px; top: 9px; overflow: auto; }
#box1, #content1 { width: 178px; height: 232px; position: absolute; }
#content1 table { padding: 4px; }
</style>
<div id="container">
<div id="box1"><div id="content1"><table><tr><td>TEXT GOES HERE</td></tr></table></div></div>
</div>
3
<style type="text/css">
#container { color: black; text-align: left; width: 300px; height: 350px; background-image: url('URLHERE'); }
#content1 { left: 9px; top: 184px; overflow: auto; }
#box1, #content1 { width: 282px; height: 157px; position: absolute; }
#content1 table { padding: 4px; }
</style>
<div id="container">
<div id="box1"><div id="content1"><table><tr><td>TEXT GOES HERE</td></tr></table></div></div>
</div>
4
<style type="text/css">
#container { color: black; text-align: left; width: 400px; height: 250px; background-image: url('URLHERE'); }
#content1 { left: 9px; top: 9px; overflow: auto; }
#box1, #content1 { width: 194px; height: 109px; position: absolute; }
#content2 { left: 213px; top: 9px; overflow: auto; }
#box2, #content2 { width: 179px; height: 232px; position: absolute; }
#content1 table, #content2 table { padding: 4px; }
</style>
<div id="container">
<div id="box1"><div id="content1"><table><tr><td>TEXT GOES HERE</td></tr></table></div></div>
<div id="box2"><div id="content2"><table><tr><td>TEXT GOES HERE</td></tr></table></div></div>
</div>
5
<style type="text/css">
#container { color: black; text-align: left; width: 400px; height: 393px; background-image: url('URLHERE'); }
#content1 { left: 8px; top: 269px; overflow: auto; }
#box1, #content1 { width: 382px; height: 116px; position: absolute; }
#content2 { left: 212px; top: 7px; overflow: auto; }
#box2, #content2 { width: 179px; height: 246px; position: absolute; }
#content1 table, #content2 table { padding: 4px; }
</style>
<div id="container">
<div id="box1"><div id="content1"><table><tr><td>TEXT GOES HERE</td></tr></table></div></div>
<div id="box2"><div id="content2"><table><tr><td>TEXT GOES HERE</td></tr></table></div></div>
</div>
6
<style type="text/css">
#container { color: black; text-align: left; width: 400px; height: 518px; background-image: url('URLHERE'); }
#content1 { left: 8px; top: 8px; overflow: auto; }
#box1, #content1 { width: 179px; height: 246px; position: absolute; }
#content2 { left: 8px; top: 264px; overflow: auto; }
#box2, #content2 { width: 179px; height: 116px; position: absolute; }
#content3 { left: 205px; top: 139px; overflow: auto; }
#box3, #content3 { width: 185px; height: 115px; position: absolute; }
#content4 { left: 205px; top: 264px; overflow: auto; }
#box4, #content4 { width: 185px; height: 245px; position: absolute; }
#content1 table, #content2 table, #content3 table, #content4 table { padding: 4px; }
</style>
<div id="container">
<div id="box1"><div id="content1"><table><tr><td>TEXT GOES HERE</td></tr></table></div></div>
<div id="box2"><div id="content2"><table><tr><td>TEXT GOES HERE</td></tr></table></div></div>
<div id="box3"><div id="content3"><table><tr><td>TEXT GOES HERE</td></tr></table></div></div>
<div id="box4"><div id="content4"><table><tr><td>TEXT GOES HERE</td></tr></table></div></div>
</div>
7
<style type="text/css">
#container { color: black; text-align: left; width: 400px; height: 380px; background-image: url('URLHERE'); }
#content1 { left: 8px; top: 8px; overflow: auto; }
#box1, #content1 { width: 188px; height: 90px; position: absolute; }
#content2 { left: 205px; top: 8px; overflow: auto; }
#box2, #content2 { width: 187px; height: 177px; position: absolute; }
#content3 { left: 205px; top: 194px; overflow: auto; }
#box3, #content3 { width: 187px; height: 177px; position: absolute; }
#content1 table, #content2 table, #content3 table { padding: 4px; }
</style>
<div id="container">
<div id="box1"><div id="content1"><table><tr><td>TEXT GOES HERE</td></tr></table></div></div>
<div id="box2"><div id="content2"><table><tr><td>TEXT GOES HERE</td></tr></table></div></div>
<div id="box3"><div id="content3"><table><tr><td>TEXT GOES HERE</td></tr></table></div></div>
</div>