Gelby_1234321 got their homepage at Neopets.com

Need A Blog?

NOTE: 22, December 2009 These blogs all have the new coding so they work with the current filter changes. If you have any problems with them, please let me know.

Feel free to use these blogs on your neopets pages ONLY. Please don't try to claim them as your own work. Minor customizations available until the requests get out of hand.

I am the sole judge in deciding what "minor customizations" includes. Neomail rita1111 with your inquiry.

Affiliates

Krawk Star Gazer

Full Page

<style type="text/css">
body {
	background-color: #224e5f;
	font: 10pt -blocked- -blocked- -blocked- San-serif;
	color: #000000;
}
table {
	background: transparent;
}
#heading {
	text-align: center;
	top: 250px;
	width: 900px;
	font: 25px Verdana;
}
#blogbkgd {
	background: url("http://i239.photobucket.com/albums/ff190/rita11_11/blogs/krawk_stargazer.jpg") no-repeat;
	width: 1000px;
	height: 750px;
}
#blog {
	overflow: auto;
	width: 400px;
	height: 585px;
	top: 50px;
	left: 85px;
}
.inner {
	padding: 8px;
}
#col1 {
	width: 48%;
	margin-right: 1%;
	float: left;
}
#col2 {
	width: 48%;
	margin-left: 1%;
	float: left;
}
h1 {
	color: white;
	font: 18px Verdana;
	text-align: center;
}
.clr {
	clear: both;
}
</style>
<div id="blogbkgd" style="position: relative;">
	<div id="blog" style="position: relative;">
		<div class="inner">
		<div id="heading" style="position: relative;"></div>
			<h1>All About Krawks</h1>
		<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis aliquet tempor lorem. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Vestibulum sodales tempor neque. Integer nec elit et metus hendrerit adipiscing. Aenean a magna. Quisque condimentum nulla in nisl. Ut sodales, purus non rhoncus posuere, ligula erat pharetra tortor, quis porta mauris mi et purus. Aenean eu sem sit amet lectus dapibus elementum. Suspendisse tincidunt euismod enim. Vestibulum lorem leo, ullamcorper eget, gravida in, volutpat ac, dolor. Maecenas velit lectus, ultrices sed, gravida ac, egestas quis, arcu. Sed tortor neque, sodales ut, commodo viverra, ultrices et, odio. Nullam orci dolor, accumsan vel, interdum ut, dignissim a, lorem.</p>
		<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis aliquet tempor lorem. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Vestibulum sodales tempor neque. Integer nec elit et metus hendrerit adipiscing. Aenean a magna. Quisque condimentum nulla in nisl. Ut sodales, purus non rhoncus posuere, ligula erat pharetra tortor, quis porta mauris mi et purus. Aenean eu sem sit amet lectus dapibus elementum. Suspendisse tincidunt euismod enim. Vestibulum lorem leo, ullamcorper eget, gravida in, volutpat ac, dolor. Maecenas velit lectus, ultrices sed, gravida ac, egestas quis, arcu. Sed tortor neque, sodales ut, commodo viverra, ultrices et, odio. Nullam orci dolor, accumsan vel, interdum ut, dignissim a, lorem.</p>
		<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis aliquet tempor lorem. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Vestibulum sodales tempor neque. Integer nec elit et metus hendrerit adipiscing. Aenean a magna. Quisque condimentum nulla in nisl. Ut sodales, purus non rhoncus posuere, ligula erat pharetra tortor, quis porta mauris mi et purus. Aenean eu sem sit amet lectus dapibus elementum. Suspendisse tincidunt euismod enim. Vestibulum lorem leo, ullamcorper eget, gravida in, volutpat ac, dolor. Maecenas velit lectus, ultrices sed, gravida ac, egestas quis, arcu. Sed tortor neque, sodales ut, commodo viverra, ultrices et, odio. Nullam orci dolor, accumsan vel, interdum ut, dignissim a, lorem.</p>
		<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis aliquet tempor lorem. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Vestibulum sodales tempor neque. Integer nec elit et metus hendrerit adipiscing. Aenean a magna. Quisque condimentum nulla in nisl. Ut sodales, purus non rhoncus posuere, ligula erat pharetra tortor, quis porta mauris mi et purus. Aenean eu sem sit amet lectus dapibus elementum. Suspendisse tincidunt euismod enim. Vestibulum lorem leo, ullamcorper eget, gravida in, volutpat ac, dolor. Maecenas velit lectus, ultrices sed, gravida ac, egestas quis, arcu. Sed tortor neque, sodales ut, commodo viverra, ultrices et, odio. Nullam orci dolor, accumsan vel, interdum ut, dignissim a, lorem.</p>
		</div>
	</div>
</div>

Buzz On

Full Page

<style type="text/css">
body {
	background: #29211f url("http://s239.photobucket.com/albums/ff190/rita11_11/blogs/buzz-bkgd.jpg");
	font: -blocked- Tahoma;
	color: #ededed;
}
table {
	background-color: #29211f;
}
#container {
	width: 800px;
	height: 600px;
	background: url("http://s239.photobucket.com/albums/ff190/rita11_11/blogs/buzz-on.jpg") no-repeat center;
}
#blog {
	width: 435px;
	height: 350px;
	top: 170px;
	left: -140px;
	overflow: auto;
	z-index: 5;
	text-align: left;
}
</style>
<div align="center">
	<div id="container">
		<div id="blog" style="position: relative;">
			<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. </p>
			<p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. </p>
		</div>
	</div>
</div>

Cybunny Love

Full Page

<style type="text/css">
body {
	background: #fdfbe6 url("http://s239.photobucket.com/albums/ff190/rita11_11/blogs/cybunny-bkgd.jpg");
	font: -blocked- Verdana;
	color: black;
}
table {
	background-color: #fdfbe6;
}
#container {
	height: 778px;
	width: 830px;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	margin: 0px auto;
}
#pageheading {
	width: 730px;
	height: 100px;
	margin: 0px;
}
#blog {
	float: left;
	width: 580px;
	height: 500px;
	padding: 5px;
	overflow: auto;
	background-color: #fff79d;
	border: 3px #86d46d double;
}
#blogheading {
	text-align: center;
	font: italic 20px Verdana;
}
#sidebar {
	float: left;
	width: 190px;
	height: 500px;
	margin: 0 20px;
}
#nav {
	background-color: #fff79d;
	width: 198px;
	height: 300px;
	margin: 0px;
	text-align: left;
	border: 3px #86d46d double;
}
#nav ul li {
	list-style-type: none;
	margin-left: -25px;
	padding: 3px 0;
}
#sidebar img {
	margin: 0px 0px 0px -5px;
}
h3 {
	text-align: center;
	font: bold 16px Verdana;
}
.clr {
	clear: both;
}
a:link {
	color: #908b56;
	letter-spacing: 2pt;
	font: bold 12px Verdana;
}
a:visited {
	color: #555555;
	letter-spacing: 2pt;
	font: bold 12px Verdana;
}
a:hover {
	color: #86d46d;
	letter-spacing: 1.5pt;
	font: bold 12px Verdana;
}
</style>
<div align="center">
<div id="container" style="position: relative;">
	<div id="pageheading"><img src="http://s239.photobucket.com/albums/ff190/rita11_11/blogs/cybunny-love.gif" width="356" height="115"></div>
	<div id="sidebar">
		<div id="nav">
			<ul>
<li><a href="#_">Link1</a></li>
			<li><a href="#_">Link2</a></li>
			<li><a href="#_">Link3</a></li>
			<li><a href="#_">Link4</a></li>
			<li><a href="#_">Link5</a></li>
			<li><a href="#_">Link6</a></li>
			</ul>
</div>
		<img src="http://s239.photobucket.com/albums/ff190/rita11_11/blogs/cybunny-icon.gif" width="182" height="181">
</div>
	<div id="blog">
	<div id="blogheading">
		<h3>Heading here</h3>
	</div>
		<p>Content here.</p>
		<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</div>
	<div class="clr"></div>
</div>
</div>

Space...is big.

Full Page

<style type="text/css">
body {
	background-color: #ffffde;
	font: 10pt -blocked- -blocked- -blocked- San-serif;
}
#blogbkgd {
	background: url("http://i239.photobucket.com/albums/ff190/rita11_11/blogs/spacefaerie.gif") no-repeat;
	width: 818px;
	height: 620px;
}
#blog {
	overflow: auto;
	width: 485px;
	height: 255px;
	top: 330px;
	left: 295px;
}
.inner {
	padding: 8px;
}
</style>
<div align="center">
<div id="blogbkgd">
	<div id="blog" style="position: relative;">
		<div class="inner">
		<p>Your text goes here.</p>
		<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis aliquet tempor lorem. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Vestibulum sodales tempor neque. Integer nec elit et metus hendrerit adipiscing. Aenean a magna. Quisque condimentum nulla in nisl. Ut sodales, purus non rhoncus posuere, ligula erat pharetra tortor, quis porta mauris mi et purus. Aenean eu sem sit amet lectus dapibus elementum. Suspendisse tincidunt euismod enim. Vestibulum lorem leo, ullamcorper eget, gravida in, volutpat ac, dolor. Maecenas velit lectus, ultrices sed, gravida ac, egestas quis, arcu. Sed tortor neque, sodales ut, commodo viverra, ultrices et, odio. Nullam orci dolor, accumsan vel, interdum ut, dignissim a, lorem.</p>
		</div>
	</div>
</div>
</div>

Goldie

Full Page

<style type="text/css">
body {
	background: #18c0bc url("http://s239.photobucket.com/albums/ff190/rita11_11/blogs/diamond.png");
	font: -blocked- Verdana;
	color: black;
}
table {
	background: transparent;
}
#container {
	background-color: #18c0bc;
	width: 600px;
	height: 930px;
	border: 5px solid black;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	margin: 0 auto;
}
#blogtop {
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	background: url("-blocked-") no-repeat;
	width: 600px;
	height: 575px;
	margin: 0 auto;
}
#blogheading {
	top: 510px;
	left: 0px;
	background-color: #18c0bc;
	text-align: center;
	width: 600px;
	height: 75px;
}
#blogspace {
	top: 585px;
	left: 0px;
	background: url("-blocked-") repeat-y;
	width: 575px;
	height: 315px;
	margin: 0px;
}
#blog {
	top: 0px;
	left: 0px;
	width: 590px;
	height: 300px;
	padding: 5px;
	overflow: auto;
	margin: 0px;
}
#blogbottom {
	top: 900px;
	left: 0px;
	background: url("-blocked-") no-repeat;
	width: 600px;
	height: 20px;
}
h3 {
	font: bold 30px Verdana;
	text-align: center;
}
h2 {
	font: bold 16px Verdana;
	text-align: center;
}
a:link {
	color: #ff6666;
	letter-spacing: 2pt;
	font: bold 12px Verdana;
}
a:visited {
	color: #555555;
	letter-spacing: 2pt;
	font: bold 12px Verdana;
}
a:hover {
	color: red;
	letter-spacing: 1.5pt;
	font: bold 12px Verdana;
}
</style>
<div align="center">
<div id="container" style="position: relative;">
<div id="blogtop" style="position: relative;">
<img src="http://s239.photobucket.com/albums/ff190/rita11_11/blogs/diamond-goldie.gif" width="562" height="485"><div id="blogheading" style="position: absolute;">
		<h3>I see you!</h3>
	</div>
	<div id="blogspace" style="position: absolute;">
		<div id="blog" style="position: absolute;">
			<h2>Heading Here</h2>
			<p>Content here.</p>
			<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</div>
	</div>
	<div id="blogbottom" style="position: absolute;"></div>
</div>
</div>
</div>

Pirate Krawk

Full Page

<style type="text/css">
body {
	background: #ffffff url("http://s239.photobucket.com/albums/ff190/rita11_11/stuff/graystripe.png");
	font: -blocked- Verdana;
	color: black;
}
table {
	background: transparent;
}
#container {
	background-color: #02d9de;
	width: 800px;
	height: 945px;
	border: 5px solid black;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	margin: 0 auto;
}
#blogtop {
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	background: url("http://s239.photobucket.com/albums/ff190/rita11_11/blogs/piratekrawk.jpg") no-repeat;
	width: 800px;
	height: 600px;
	margin: 0 auto;
}
#blogheading {
	top: 510px;
	left: 0px;
	text-align: center;
	width: 800px;
	height: 90px;
}
#blogspace {
	top: 600px;
	left: 0px;
	background: url("http://s239.photobucket.com/albums/ff190/rita11_11/blogs/piratekrawk-edge.jpg") repeat-y;
	width: 800px;
	height: 300px;
	margin: 0px;
}
#blog {
	top: 0px;
	left: 0px;
	width: 565px;
	height: 285px;
	padding: 5px;
	overflow: auto;
	margin: 0px 0px 0px 110px;
}
#blogbottom {
	top: 900px;
	left: 0px;
	background: url("http://s239.photobucket.com/albums/ff190/rita11_11/blogs/piratekrawk-bottom.jpg") no-repeat;
	width: 800px;
	height: 35px;
}
h3 {
	font: bold 30px Verdana;
	text-align: center;
}
h2 {
	font: bold 16px Verdana;
	text-align: center;
}
a:link {
	color: #ff6666;
	letter-spacing: 2pt;
	font: bold 12px Verdana;
}
a:visited {
	color: #555555;
	letter-spacing: 2pt;
	font: bold 12px Verdana;
}
a:hover {
	color: red;
	letter-spacing: 1.5pt;
	font: bold 12px Verdana;
}
</style>
<div align="center">
<div id="container" style="position: relative;">
<div id="blogtop" style="position: relative;">
	<div id="blogheading" style="position: absolute;">
		<h3>Page Title Here</h3>
	</div>
	<div id="blogspace" style="position: absolute;">
		<div id="blog" style="position: absolute;">
			<h2>Heading Here</h2>
			<p>Content here.</p>
			<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</div>
	</div>
	<div id="blogbottom" style="position: absolute;"></div>
</div>
</div>
</div>

Nimmo

1024 x 768

<style type="text/css">
body {
	background: #008bbd url("http://s239.photobucket.com/albums/ff190/rita11_11/blogs/nimmo-bkgd.png");
	font: -blocked- Verdana;
	color: black;
}
table {
	background: transparent;
}
#container {
	top: 0px;
	left: 0px;
	background: url("http://s239.photobucket.com/albums/ff190/rita11_11/blogs/nimmo.png") no-repeat;
	width: 1024px;
	height: 768px;
}
#blog {
	top: 462px;
	left: 40px;
	width: 596px;
	height: 265px;
	padding: 5px;
	overflow: auto;
	text-align: left;
}
h3 {
	font: bold 16px Verdana;
	text-align: center;
}
a:link {
	color: #ff6666;
	letter-spacing: 2pt;
	font: bold 12px Verdana;
}
a:visited {
	color: #555555;
	letter-spacing: 2pt;
	font: bold 12px Verdana;
}
a:hover {
	color: red;
	letter-spacing: 1.5pt;
	font: bold 12px Verdana;
}
</style>
<div id="container" style="position: relative;">
	<div id="blog">
		<h3>Heading Here</h3>
		<p>Content here.</p>
		<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</div>
</div>

I heart Zafaras! Two

1024 x 768

I heart Zafaras!

1024 x 768

Dogwoods w/Faerie Ixi

Full Page

<style type="text/css">
body {
	background: #ffdfdf url("http://i42.tinypic.com/33kuagw.jpg") no-repeat;
	font: -blocked- Verdana;
	color: black;
}
table {
	background: transparent;
}
#container {
	height: 988px;
	width: 830px;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	margin: 0px auto;
}
#pageheading {
	width: 730px;
	height: 100px;
	margin: 0px;
}
#blog {
	float: left;
	width: 580px;
	height: 500px;
	padding: 5px;
	overflow: auto;
	background-color: #ffdfdf;
	border: 1px #ffc1c1 solid;
}
#blogheading {
	text-align: center;
	font: italic 20px Verdana;
}
#sidebar {
	float: left;
	width: 200px;
	height: 500px;
	margin: 0 20px;
}
#nav {
	background-color: #ffdfdf;
	width: 198px;
	height: 300px;
	margin: 0px;
	text-align: left;
	border: 1px #ffc1c1 solid;
}
#nav ul li {
	list-style-type: none;
	margin-left: -25px;
	padding: 3px 0;
}
#sidebar img {
	margin: 0px 0px 0px -5px;
}
h3 {
	font: bold 16px Verdana;
	text-align: center;
}
.clr {
	clear: both;
}
a:link {
	color: #ff6666;
	letter-spacing: 2pt;
	font: bold 12px Verdana;
}
a:visited {
	color: #555555;
	letter-spacing: 2pt;
	font: bold 12px Verdana;
}
a:hover {
	color: red;
	letter-spacing: 1.5pt;
	font: bold 12px Verdana;
}
</style>
<div align="center">
<div id="container" style="position: relative;">
	<div id="pageheading">
	<h3>Page Heading Here</h3>
	<p>You could put an image heading here too, but the height of this area is set for 100px.</p>
	</div>
	<div id="sidebar">
		<div id="nav">
			<ul>
<li><a href="#_">Link1</a></li>
			<li><a href="#_">Link2</a></li>
			<li><a href="#_">Link3</a></li>
			<li><a href="#_">Link4</a></li>
			<li><a href="#_">Link5</a></li>
			<li><a href="#_">Link6</a></li>
			</ul>
</div>
		<img src="http://i43.tinypic.com/el1wrc.jpg" width="200" height="211">
</div>
	<div id="blog">
	<div id="blogheading">
		<h3>Heading here</h3>
	</div>
		<p>Content here.</p>
		<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</div>
	<div class="clr"></div>
</div>
</div>

Forever Hissi!

Full Page

<style type="text/css">
body {
	background-color: #013a74;
	font: 10pt -blocked- -blocked- -blocked- San-serif;
	color: #012b57;
}
table {
	background: transparent;
}
#heading {
	text-align: center;
	top: 250px;
	width: 900px;
	font: 25px Verdana;
}
#blogbkgd {
	background: url("http://i239.photobucket.com/albums/ff190/rita11_11/blogs/hissiday.jpg") no-repeat;
	width: 1024px;
	height: 768px;
}
#blog {
	overflow: auto;
	width: 900px;
	height: 340px;
	top: 340px;
	left: 40px;
}
.inner {
	padding: 8px;
}
#col1 {
	width: 48%;
	margin-right: 1%;
	float: left;
}
#col2 {
	width: 48%;
	margin-left: 1%;
	float: left;
}
.clr {
	clear: both;
}
</style>
<div id="blogbkgd" style="position: relative;">
<div id="heading" style="position: relative;">Welcome!</div>
	<div id="blog" style="position: relative;">
		<div class="inner">
			<div id="col1">
		<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis aliquet tempor lorem. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Vestibulum sodales tempor neque. Integer nec elit et metus hendrerit adipiscing. Aenean a magna. Quisque condimentum nulla in nisl. Ut sodales, purus non rhoncus posuere, ligula erat pharetra tortor, quis porta mauris mi et purus. Aenean eu sem sit amet lectus dapibus elementum. Suspendisse tincidunt euismod enim. Vestibulum lorem leo, ullamcorper eget, gravida in, volutpat ac, dolor. Maecenas velit lectus, ultrices sed, gravida ac, egestas quis, arcu. Sed tortor neque, sodales ut, commodo viverra, ultrices et, odio. Nullam orci dolor, accumsan vel, interdum ut, dignissim a, lorem.</p>
			</div>
			<div id="col2">
		<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis aliquet tempor lorem. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Vestibulum sodales tempor neque. Integer nec elit et metus hendrerit adipiscing. Aenean a magna. Quisque condimentum nulla in nisl. Ut sodales, purus non rhoncus posuere, ligula erat pharetra tortor, quis porta mauris mi et purus. Aenean eu sem sit amet lectus dapibus elementum. Suspendisse tincidunt euismod enim. Vestibulum lorem leo, ullamcorper eget, gravida in, volutpat ac, dolor. Maecenas velit lectus, ultrices sed, gravida ac, egestas quis, arcu. Sed tortor neque, sodales ut, commodo viverra, ultrices et, odio. Nullam orci dolor, accumsan vel, interdum ut, dignissim a, lorem.</p>
			</div>
			<div class="clr"></div>
		</div>
	</div>
</div>

Take Aim!

1024px x 768px

Petpet Swimming Hole

1024px x 768px

Faerie Festival

1024px x 768px

<style type="text/css">
body {
	background-color: #ef7c06;
	font: 10pt -blocked- -blocked- -blocked- San-serif;
	color: #2c303c;
}
table {
	background: transparent;
}
#blogbkgd {
	background: url("http://s239.photobucket.com/albums/ff190/rita11_11/blogs/faeriefestival.jpg") no-repeat;
	width: 1024px;
	height: 768px;
}
#blog {
	overflow: auto;
	width: 970px;
	height: 680px;
	top: 40px;
	left: 50px;
}
.inner {
	padding: 8px;
	width: 400px;
}
</style>
<div id="blogbkgd">
	<div id="blog" style="position: relative;">
		<div class="inner">
		<p>Your text goes here.</p>
		<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis aliquet tempor lorem. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Vestibulum sodales tempor neque. Integer nec elit et metus hendrerit adipiscing. Aenean a magna. Quisque condimentum nulla in nisl. Ut sodales, purus non rhoncus posuere, ligula erat pharetra tortor, quis porta mauris mi et purus. Aenean eu sem sit amet lectus dapibus elementum. Suspendisse tincidunt euismod enim. Vestibulum lorem leo, ullamcorper eget, gravida in, volutpat ac, dolor. Maecenas velit lectus, ultrices sed, gravida ac, egestas quis, arcu. Sed tortor neque, sodales ut, commodo viverra, ultrices et, odio. Nullam orci dolor, accumsan vel, interdum ut, dignissim a, lorem.</p>
		</div>
	</div>
</div>

Star Animation

Full-page

<style type="text/css">
body {
	background: url("http://s239.photobucket.com/albums/ff190/rita11_11/blogs/star-bkgd.gif");
	font: -blocked- Tahoma;
	color: white;
}
table {
	background: transparent;
}
.clr {
	clear: both;
	margin: 20px auto;
}
#container {
	margin: 40px auto;
	width: 770px;
	height: 659px;
	background: url("http://s239.photobucket.com/albums/ff190/rita11_11/blogs/new-star-ani.gif") no-repeat;
}
#blog {
	width: 580px;
	top: 50px;
	left: 90px;
	height: 400px;
	overflow: auto;
	z-index: 5;
	padding: 0 5px 0 0;
}
p {
	text-align: left;
}
</style>
<div align="center">
		
	<div id="container">
<img src="http://s239.photobucket.com/albums/ff190/rita11_11/blogs/star-header.gif" width="320" height="51" alt="align='center'"><div id="blog" style="position: relative;">
			<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet chita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet chita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet chita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. </p>
			<p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. </p>
			<p>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. </p>
			<p>Nam liber tempor chum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. </p>
			<p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis. </p>
			<p>At vero eos et accusam et justo duo dolores et ea rebum. Stet chita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet chita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, At accusam aliquyam diam diam dolore dolores duo eirmod eos erat, et nonumy sed tempor et et invidunt justo labore Stet chita ea et gubergren, kasd magna no rebum. sanctus sea sed takimata ut vero voluptua. est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat. </p>
			<p>Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet chita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet chita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet chita kasd gubergren, no sea takimata sanctus </p>
		</div>
	</div>
</div>

Me and My Lutari Blog

1024px x 768px

<style type="text/css">
body {
	background-color: #b61096;
	font: 10pt -blocked- -blocked- -blocked- San-serif;
	color: #2c303c;
}
table {
	background: transparent;
}
#blogbkgd {
	background: url("http://i239.photobucket.com/albums/ff190/rita11_11/blogs/lutari.jpg") no-repeat;
	width: 1024px;
	height: 768px;
}
#blog {
	overflow: auto;
	width: 515px;
	height: 420px;
	top: 320px;
	left: 450px;
}
.inner {
	padding: 8px;
}
</style>
<div id="blogbkgd">
	<div id="blog" style="position: relative;">
		<div class="inner">
		<p>Your text goes here.</p>
		<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis aliquet tempor lorem. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Vestibulum sodales tempor neque. Integer nec elit et metus hendrerit adipiscing. Aenean a magna. Quisque condimentum nulla in nisl. Ut sodales, purus non rhoncus posuere, ligula erat pharetra tortor, quis porta mauris mi et purus. Aenean eu sem sit amet lectus dapibus elementum. Suspendisse tincidunt euismod enim. Vestibulum lorem leo, ullamcorper eget, gravida in, volutpat ac, dolor. Maecenas velit lectus, ultrices sed, gravida ac, egestas quis, arcu. Sed tortor neque, sodales ut, commodo viverra, ultrices et, odio. Nullam orci dolor, accumsan vel, interdum ut, dignissim a, lorem.</p>
		</div>
	</div>
</div>

Blumaroo Blog

1024px x 768px

<style type="text/css">
body {
	background-color: #66cc99;
	font: 10pt -blocked- -blocked- -blocked- San-serif;
	color: #1a4d33;
}
table {
	background: transparent;
}
#blogbkgd {
	top: 0px;
	left: 0px;
	background: url("http://i239.photobucket.com/albums/ff190/rita11_11/blogs/blumaroo.jpg") no-repeat;
	width: 1024px;
	height: 768px;
}
#blog {
	overflow: auto;
	width: 585px;
	height: 560px;
	top: 50px;
	left: 50px;
}
.inner {
	padding: 8px;
}
</style>
<div id="blogbkgd" style="position: relative;">
	<div id="blog" style="position: absolute;">
		<div class="inner">
		<p>Your text goes here.</p>
		<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis aliquet tempor lorem. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Vestibulum sodales tempor neque. Integer nec elit et metus hendrerit adipiscing. Aenean a magna. Quisque condimentum nulla in nisl. Ut sodales, purus non rhoncus posuere, ligula erat pharetra tortor, quis porta mauris mi et purus. Aenean eu sem sit amet lectus dapibus elementum. Suspendisse tincidunt euismod enim. Vestibulum lorem leo, ullamcorper eget, gravida in, volutpat ac, dolor. Maecenas velit lectus, ultrices sed, gravida ac, egestas quis, arcu. Sed tortor neque, sodales ut, commodo viverra, ultrices et, odio. Nullam orci dolor, accumsan vel, interdum ut, dignissim a, lorem.</p>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</div>
	</div>
</div>

Hot Air Balloon Blog

1024px x 768px

<style type="text/css">
body {
	background-color: #8db6f3;
	font: 10pt -blocked- -blocked- -blocked- San-serif;
	color: #7b4e8f;
}
table {
	background: transparent;
}
#blogbkgd {
	background: url("http://i239.photobucket.com/albums/ff190/rita11_11/blogs/hotairballoon.jpg") no-repeat;
	width: 1024px;
	height: 768px;
}
#blog {
	overflow: auto;
	width: 485px;
	height: 560px;
	top: 70px;
	left: 500px;
}
.inner {
	padding: 8px;
}
</style>
<div id="blogbkgd">
	<div id="blog" style="position: relative;">
		<div class="inner">
		<p>Your text goes here.</p>
		<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis aliquet tempor lorem. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Vestibulum sodales tempor neque. Integer nec elit et metus hendrerit adipiscing. Aenean a magna. Quisque condimentum nulla in nisl. Ut sodales, purus non rhoncus posuere, ligula erat pharetra tortor, quis porta mauris mi et purus. Aenean eu sem sit amet lectus dapibus elementum. Suspendisse tincidunt euismod enim. Vestibulum lorem leo, ullamcorper eget, gravida in, volutpat ac, dolor. Maecenas velit lectus, ultrices sed, gravida ac, egestas quis, arcu. Sed tortor neque, sodales ut, commodo viverra, ultrices et, odio. Nullam orci dolor, accumsan vel, interdum ut, dignissim a, lorem.</p>
		</div>
	</div>
</div>

King Altador Blog

596px x 450px

<style type="text/css">
body {
	background-color: #ffffde;
	font: 10pt -blocked- -blocked- -blocked- San-serif;
}
table {
	background: transparent;
}
#blogbkgd {
	background: url("http://i239.photobucket.com/albums/ff190/rita11_11/blogs/king-altador.jpg") no-repeat;
	width: 596px;
	height: 450px;
}
#blog {
	overflow: auto;
	width: 255px;
	height: 285px;
	top: 20px;
	left: 20px;
}
.inner {
	padding: 8px;
}
</style>
<div id="blogbkgd">
	<div id="blog" style="position: relative;">
		<div class="inner">
		<p>Your text goes here.</p>
		<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis aliquet tempor lorem. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Vestibulum sodales tempor neque. Integer nec elit et metus hendrerit adipiscing. Aenean a magna. Quisque condimentum nulla in nisl. Ut sodales, purus non rhoncus posuere, ligula erat pharetra tortor, quis porta mauris mi et purus. Aenean eu sem sit amet lectus dapibus elementum. Suspendisse tincidunt euismod enim. Vestibulum lorem leo, ullamcorper eget, gravida in, volutpat ac, dolor. Maecenas velit lectus, ultrices sed, gravida ac, egestas quis, arcu. Sed tortor neque, sodales ut, commodo viverra, ultrices et, odio. Nullam orci dolor, accumsan vel, interdum ut, dignissim a, lorem.</p>
		</div>
	</div>
</div>

Harris "Island Fun" Blog

600px x 434px

<style type="text/css">
body {
	background-color: #e7f6ff;
	font: 10pt -blocked- -blocked- -blocked- San-serif;
}
table {
	background: transparent;
}
#blogbkgd {
	background: url("http://i239.photobucket.com/albums/ff190/rita11_11/blogs/harristree.jpg") no-repeat;
	width: 600px;
	height: 434px;
}
#blog {
	overflow: auto;
	width: 195px;
	height: 326px;
	top: 50px;
	left: 55px;
}
.inner {
	padding: 8px;
}
</style>
<div id="blogbkgd">
	<div id="blog" style="position: relative;">
		<div class="inner">
		<p>Your text goes here.</p>
		<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis aliquet tempor lorem. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Vestibulum sodales tempor neque. Integer nec elit et metus hendrerit adipiscing. Aenean a magna. Quisque condimentum nulla in nisl. Ut sodales, purus non rhoncus posuere, ligula erat pharetra tortor, quis porta mauris mi et purus. Aenean eu sem sit amet lectus dapibus elementum. Suspendisse tincidunt euismod enim. Vestibulum lorem leo, ullamcorper eget, gravida in, volutpat ac, dolor. Maecenas velit lectus, ultrices sed, gravida ac, egestas quis, arcu. Sed tortor neque, sodales ut, commodo viverra, ultrices et, odio. Nullam orci dolor, accumsan vel, interdum ut, dignissim a, lorem.</p>
		</div>
	</div>
</div>

Purple Flotsam Blog

600px x 450px

<style type="text/css">
body {
	background-color: #e7f6ff;
	font: 10pt -blocked- -blocked- -blocked- San-serif;
}
table {
	background: transparent;
}
#blogbkgd {
	background: url("http://i239.photobucket.com/albums/ff190/rita11_11/blogs/flotsam-bubbles.jpg") no-repeat;
	width: 600px;
	height: 450px;
}
#blog {
	overflow: auto;
	width: 320px;
	height: 300px;
	top: 30px;
	left: 255px;
}
.inner {
	padding: 8px;
}
</style>
<div id="blogbkgd">
	<div id="blog" style="position: relative;">
		<div class="inner">
		<p>Your text goes here.</p>
		<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis aliquet tempor lorem. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Vestibulum sodales tempor neque. Integer nec elit et metus hendrerit adipiscing. Aenean a magna. Quisque condimentum nulla in nisl. Ut sodales, purus non rhoncus posuere, ligula erat pharetra tortor, quis porta mauris mi et purus. Aenean eu sem sit amet lectus dapibus elementum. Suspendisse tincidunt euismod enim. Vestibulum lorem leo, ullamcorper eget, gravida in, volutpat ac, dolor. Maecenas velit lectus, ultrices sed, gravida ac, egestas quis, arcu. Sed tortor neque, sodales ut, commodo viverra, ultrices et, odio. Nullam orci dolor, accumsan vel, interdum ut, dignissim a, lorem.</p>
		</div>
	</div>
</div>

Evil Fuzzles Blog

610px x 460px

<style type="text/css">
body {
	background-color: #e7f6ff;
	font: 10pt -blocked- -blocked- -blocked- San-serif;
}
table {
	background: transparent;
}
#blogbkgd {
	background: url("http://i239.photobucket.com/albums/ff190/rita11_11/blogs/evilfuzzles.jpg") no-repeat;
	width: 610px;
	height: 460px;
}
#blog {
	overflow: auto;
	width: 195px;
	height: 396px;
	top: 25px;
	left: 15px;
}
.inner {
	padding: 8px;
}
</style>
<div id="blogbkgd">
	<div id="blog" style="position: relative;">
		<div class="inner">
		<p>Your text goes here.</p>
		<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis aliquet tempor lorem. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Vestibulum sodales tempor neque. Integer nec elit et metus hendrerit adipiscing. Aenean a magna. Quisque condimentum nulla in nisl. Ut sodales, purus non rhoncus posuere, ligula erat pharetra tortor, quis porta mauris mi et purus. Aenean eu sem sit amet lectus dapibus elementum. Suspendisse tincidunt euismod enim. Vestibulum lorem leo, ullamcorper eget, gravida in, volutpat ac, dolor. Maecenas velit lectus, ultrices sed, gravida ac, egestas quis, arcu. Sed tortor neque, sodales ut, commodo viverra, ultrices et, odio. Nullam orci dolor, accumsan vel, interdum ut, dignissim a, lorem.</p>
		</div>
	</div>
</div>

Evil Fuzzles "About Me" Blog

610px x 460px

<style type="text/css">
body {
	background-color: #2c303c;
	font: 10pt -blocked- -blocked- -blocked- San-serif;
	color: #2c303c;
}
table {
	background: transparent;
}
#blogbkgd {
	background: url("http://i239.photobucket.com/albums/ff190/rita11_11/blogs/evilfuzzles2.jpg") no-repeat;
	width: 610px;
	height: 460px;
}
#blog {
	overflow: auto;
	width: 235px;
	height: 290px;
	top: 150px;
	left: 20px;
}
.inner {
	padding: 8px;
}
</style>
<div id="blogbkgd">
	<div id="blog" style="position: relative;">
		<div class="inner">
		<p>Your text goes here.</p>
		<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis aliquet tempor lorem. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Vestibulum sodales tempor neque. Integer nec elit et metus hendrerit adipiscing. Aenean a magna. Quisque condimentum nulla in nisl. Ut sodales, purus non rhoncus posuere, ligula erat pharetra tortor, quis porta mauris mi et purus. Aenean eu sem sit amet lectus dapibus elementum. Suspendisse tincidunt euismod enim. Vestibulum lorem leo, ullamcorper eget, gravida in, volutpat ac, dolor. Maecenas velit lectus, ultrices sed, gravida ac, egestas quis, arcu. Sed tortor neque, sodales ut, commodo viverra, ultrices et, odio. Nullam orci dolor, accumsan vel, interdum ut, dignissim a, lorem.</p>
		</div>
	</div>
</div>

Werelupes' Night Out Blog

600px x 450px

<style type="text/css">
body {
	background-color: #2c303c;
	font: 10pt -blocked- -blocked- -blocked- San-serif;
	color: #2c303c;
}
table {
	background: transparent;
}
#blogbkgd {
	background: url("http://i239.photobucket.com/albums/ff190/rita11_11/blogs/werelupe.jpg") no-repeat;
	width: 600px;
	height: 450px;
}
#blog {
	overflow: auto;
	width: 225px;
	height: 160px;
	top: 10px;
	left: 70px;
}
.inner {
	padding: 8px;
}
</style>
<div id="blogbkgd">
	<div id="blog" style="position: relative;">
		<div class="inner">
		<p>Your text goes here.</p>
		<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis aliquet tempor lorem. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Vestibulum sodales tempor neque. Integer nec elit et metus hendrerit adipiscing. Aenean a magna. Quisque condimentum nulla in nisl. Ut sodales, purus non rhoncus posuere, ligula erat pharetra tortor, quis porta mauris mi et purus. Aenean eu sem sit amet lectus dapibus elementum. Suspendisse tincidunt euismod enim. Vestibulum lorem leo, ullamcorper eget, gravida in, volutpat ac, dolor. Maecenas velit lectus, ultrices sed, gravida ac, egestas quis, arcu. Sed tortor neque, sodales ut, commodo viverra, ultrices et, odio. Nullam orci dolor, accumsan vel, interdum ut, dignissim a, lorem.</p>
		</div>
	</div>
</div>

Uni Rainbow Blog

600px x 450px

<style type="text/css">
body {
	background-color: #b8e7f6;
	font: 10pt -blocked- -blocked- -blocked- San-serif;
	color: #4c1b28;
}
table {
	background: transparent;
}
#blogbkgd {
	background: url("http://i239.photobucket.com/albums/ff190/rita11_11/blogs/uni-rainbow.jpg") no-repeat;
	width: 600px;
	height: 450px;
}
#blog {
	overflow: auto;
	width: 330px;
	height: 320px;
	top: 75px;
	left: 250px;
}
.inner {
	padding: 8px;
}
</style>
<div id="blogbkgd">
	<div id="blog" style="position: relative;">
		<div class="inner">
		<p>Your text goes here.</p>
		<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis aliquet tempor lorem. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Vestibulum sodales tempor neque. Integer nec elit et metus hendrerit adipiscing. Aenean a magna. Quisque condimentum nulla in nisl. Ut sodales, purus non rhoncus posuere, ligula erat pharetra tortor, quis porta mauris mi et purus. Aenean eu sem sit amet lectus dapibus elementum. Suspendisse tincidunt euismod enim. Vestibulum lorem leo, ullamcorper eget, gravida in, volutpat ac, dolor. Maecenas velit lectus, ultrices sed, gravida ac, egestas quis, arcu. Sed tortor neque, sodales ut, commodo viverra, ultrices et, odio. Nullam orci dolor, accumsan vel, interdum ut, dignissim a, lorem.</p>
		</div>
	</div>
</div>

Uni Rainbow Blog

450px x 338px

<style type="text/css">
body {
	background-color: #b8e7f6;
	font: 10pt -blocked- -blocked- -blocked- San-serif;
	color: #4c1b28;
}
table {
	background: transparent;
}
#blogbkgd {
	background: url("http://i239.photobucket.com/albums/ff190/rita11_11/blogs/uni-rainbow-md.jpg") no-repeat;
	width: 450px;
	height: 338px;
}
#blog {
	overflow: auto;
	width: 250px;
	height: 240px;
	top: 60px;
	left: 180px;
}
.inner {
	padding: 8px;
}
</style>
<div id="blogbkgd">
	<div id="blog" style="position: relative;">
		<div class="inner">
		<p>Your text goes here.</p>
		<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis aliquet tempor lorem. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Vestibulum sodales tempor neque. Integer nec elit et metus hendrerit adipiscing. Aenean a magna. Quisque condimentum nulla in nisl. Ut sodales, purus non rhoncus posuere, ligula erat pharetra tortor, quis porta mauris mi et purus. Aenean eu sem sit amet lectus dapibus elementum. Suspendisse tincidunt euismod enim. Vestibulum lorem leo, ullamcorper eget, gravida in, volutpat ac, dolor. Maecenas velit lectus, ultrices sed, gravida ac, egestas quis, arcu. Sed tortor neque, sodales ut, commodo viverra, ultrices et, odio. Nullam orci dolor, accumsan vel, interdum ut, dignissim a, lorem.</p>
		</div>
	</div>
</div>

Snowmen Blog

350px x 300px

<style type="text/css">
body {
	background-color: #ffffff;
	font: 10pt -blocked- -blocked- -blocked- San-serif;
	color: #4c1b28;
}
table {
	background: transparent;
}
#blogbkgd {
	background: url("http://i239.photobucket.com/albums/ff190/rita11_11/blogs/snowmen-md.jpg") no-repeat;
	width: 350px;
	height: 300px;
}
#blog {
	overflow: auto;
	width: 200px;
	height: 260px;
	top: 20px;
	left: 10px;
}
.inner {
	padding: 8px;
}
</style>
<div id="blogbkgd">
	<div id="blog" style="position: relative;">
		<div class="inner">
		<p>Your text goes here.</p>
		<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis aliquet tempor lorem. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Vestibulum sodales tempor neque. Integer nec elit et metus hendrerit adipiscing. Aenean a magna. Quisque condimentum nulla in nisl. Ut sodales, purus non rhoncus posuere, ligula erat pharetra tortor, quis porta mauris mi et purus. Aenean eu sem sit amet lectus dapibus elementum. Suspendisse tincidunt euismod enim. Vestibulum lorem leo, ullamcorper eget, gravida in, volutpat ac, dolor. Maecenas velit lectus, ultrices sed, gravida ac, egestas quis, arcu. Sed tortor neque, sodales ut, commodo viverra, ultrices et, odio. Nullam orci dolor, accumsan vel, interdum ut, dignissim a, lorem.</p>
		</div>
	</div>
</div>

Snowmen "Season's Greetings" Blog

350px x 300px

<style type="text/css">
body {
	background-color: #ffffff;
	font: 10pt -blocked- -blocked- -blocked- San-serif;
	color: #4c1b28;
}
table {
	background: transparent;
}
#blogbkgd {
	background: url("http://i239.photobucket.com/albums/ff190/rita11_11/blogs/snowmen-sg.jpg") no-repeat;
	width: 350px;
	height: 300px;
}
#blog {
	overflow: auto;
	width: 200px;
	height: 260px;
	top: 20px;
	left: 10px;
}
.inner {
	padding: 8px;
}
</style>
<div id="blogbkgd">
	<div id="blog" style="position: relative;">
		<div class="inner">
		<p>Your text goes here.</p>
		<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis aliquet tempor lorem. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Vestibulum sodales tempor neque. Integer nec elit et metus hendrerit adipiscing. Aenean a magna. Quisque condimentum nulla in nisl. Ut sodales, purus non rhoncus posuere, ligula erat pharetra tortor, quis porta mauris mi et purus. Aenean eu sem sit amet lectus dapibus elementum. Suspendisse tincidunt euismod enim. Vestibulum lorem leo, ullamcorper eget, gravida in, volutpat ac, dolor. Maecenas velit lectus, ultrices sed, gravida ac, egestas quis, arcu. Sed tortor neque, sodales ut, commodo viverra, ultrices et, odio. Nullam orci dolor, accumsan vel, interdum ut, dignissim a, lorem.</p>
		</div>
	</div>
</div>

Grey skies are going to clear up....

350px x 300px

<style type="text/css">
body {
	background-color: #9eaab9;
	margin: 0 auto;
}
table {
	background: transparent;
}
#content {
	background: url("http://i239.photobucket.com/albums/ff190/rita11_11/blogs/greyday-blog2.jpg") no-repeat top center;
	margin: 0 auto;
	height: 100%;
}
#header {
	width: 770px;
	height: 617px;
	margin: 0 auto;
	background-position: top center;
}
#blog {
	top: 100px;
	left: 440px;
	width: 273px;
	height: 400px;
	overflow: auto;
	font: -blocked- Verdana;
	color: white;
	background-color: transparent;
}
</style>
<div id="content">
<div id="header">
	<div id="blog" style="position: relative;">
	<p>Your text goes here.</p>
	<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis aliquet tempor lorem. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Vestibulum sodales tempor neque. Integer nec elit et metus hendrerit adipiscing. Aenean a magna. Quisque condimentum nulla in nisl. Ut sodales, purus non rhoncus posuere, ligula erat pharetra tortor, quis porta mauris mi et purus. Aenean eu sem sit amet lectus dapibus elementum. Suspendisse tincidunt euismod enim. Vestibulum lorem leo, ullamcorper eget, gravida in, volutpat ac, dolor. Maecenas velit lectus, ultrices sed, gravida ac, egestas quis, arcu. Sed tortor neque, sodales ut, commodo viverra, ultrices et, odio. Nullam orci dolor, accumsan vel, interdum ut, dignissim a, lorem.</p>
	</div>
</div>
</div>

NEOPETS, characters, logos, names and all related indicia
are trademarks of Neopets, Inc., © 1999-2012.
® denotes Reg. US Pat. & TM Office. All rights reserved.
PRIVACY POLICY | Safety Tips | Contact Us | About Us | Press Kit
Use of this site signifies your acceptance of the Terms and Conditions