Random welcome banners you can use.

So I wanted a lookup with a layout that is kinda different, and after a lot of tries I finally came up with one I liked and I made a bunch of different versions of it.
The images on here can be dragged up to see them bigger!

Feel free to change any of the code, you don't need to ask me! I don't even care if you make your own premades using my code as a base since I'm too lazy to make graphics really. I'd just like if credit me on the petpage or something haha.

Please mail me if anything is misaligned or broken and I'll fix it!

These user lookups do not work in IE, there's nothing I can do about it hah. They should be fine in chrome in FF though.

5/5/12- Hi sorry I lost the site or a bit out of stupidity hah thank you to sylviau for helping me find out how to get the code back (:

Also I changed the pet lookup to be less boring looking since yeah. It's still basically the same code though.

~INSTRUCTIONS~
After you paste the code, you need to replace two parts. Use Ctrl+F and find (style) and (/style).

Simple:

<div id="white"></div>
<div id="av"><table width="190"><tr align="center">
<td>
<b>Newest:</b><br><img src="http://images.neopets.com/neoboards/avatars/default.gif">
</td>
<td>
<b>Want:</b><br><img src="http://images.neopets.com/neoboards/avatars/default.gif">
</td>
<td>
<b>Favorite:</b><br><img src="http://images.neopets.com/neoboards/avatars/default.gif">
</td>
</tr></table></div>
<div id="links">
<a href="/myaccount.phtml">my account</a><a href="/games/arcade.phtml">games</a><a href="/explore.phtml">explore</a><a href="/nf.phtml">news</a><a href="/neoboards/index.phtml">boards</a><a href="/mall/index.phtml">nc mall</a><a href="/~ginn">credit</a>
</div>
<div id="about">

words go in here k? This box scrollssss.<br><br>
You can change the Welcome image above to whatever, as long as the height's 100px and the width's not over 295px.<br><br>
Ctrl+f for #2AABCB to change the blue text, #98D62C to change the green borders.

</div>
</div>
(style)
#white {
	position: absolute;
	top: -12px;
	left: -15px;
	background: #fff;
	width: 1040px;
	height: 627px;
}
#userneopets .contentModuleHeaderAlt, #habitarium, #ncmall, #userneohome, #header, #footer, #ban, .brand-mamabar, .contentModuleHeaderAlt, .contentModuleHeader, hr, .content div b, .content div a img {
	display: none !important;
}
.contentModule div a img, .contentModule div b, #side img, #about img {
	display: inline !important;
}
h1 {
	font: 24px verdana;
	font-style: italic;
}
b, #about b, #av b {
	font-weight: bold;
	color: #2AABCB;
	display: inline !important;
}
a:link, a:visited, a:visited b, a:active b {
	font-weight: bold;
	font-style: italic;
	color: #2AABCB;
}
#about a:hover, a:hover, a:hover b {
	color: #fff;
}
body {
	background: #efefef;
}
#main {
	margin-top: 0px;
	position: absolute;
	top: 25px;
	left: 150px;
}
#main, .contentModule, .contentModuleTable, .contentModuleContent {
	background: none;
	border: none;
}
#links {
	position: absolute;
	left: 480px;
	top: 0px;
	width: 530px;
	height: 30px;
	padding-top: 10px;
	z-index: 900;
}
#links a {
	border-bottom: 3px solid #98D62C;
	padding: 5px;
	color: #6B6B6B;
	font: 14px verdana;
	font-style: italic;
	letter-spacing: 2px;
}
#links a:hover {
	color: #2AABCB;
}
#av {
	position: absolute;
	left: -7px;
	top: 0px;
}
#about {
	width: 295px;
	position: absolute;
	left: 175px;
	top: 0px;
	padding: 5px;
	z-index: 99;
}
#desc {
	height: 295px;
	overflow: auto;
padding-right:5px;
}
#userinfo .contentModuleTable {
	position: absolute;
	left: 480px;
	top: 40px;
	height: 241px;
	width: 307px;
	z-index: 105;
	background: #fff;
}
#usershop .contentModuleTable {
	background: #fff;
	position: absolute;
	width: 307px;
	left: 480px;
	top: 300px;
	height: 100px;
}
#usercollections .contentModuleTable {
	height: 359px;
	width: 220px;
	position: absolute;
	left: 790px;
	top: 40px;
	background: #fff;
}
#usertrophies {
	padding: 5px;
	border-top: 3px solid #98D62C;
	width: 822px;
	position: absolute;
	top: 407px;
	left: 180px;
	background: #fff;
	height: 180px !important;
	overflow: auto !important;
}
#userneopets .contentModuleTable {
	background: #fff;
	position: absolute;
	top: 75px;
	left: 0px;
	width: 170px;
	height: 516px;
}
#userneopets td td {
	width: 160px;
	height: 121px;
	padding-top: 3px;
	display: table !important;
	text-align: center;
}
#userneopets a {
	width: 150px;
	height: 65px;
	overflow: hidden;
	display: block;
	margin-bottom: -8px;
	margin-left: auto;
	margin-right: auto;
	border: 2px solid #ddd;
}
#userneopets img {
	margin-top: -30px;
}
#usershop img {
	float: left;
	width: 90px;
	height: auto;
	margin-left: 8px;
}
(/style)

Simple w/ habi:

</div>
</div>
(style)
#white {
	position: absolute;
	top: -12px;
	left: -15px;
	background: #fff;
	width: 1040px;
	height: 627px;
}
#userneopets .contentModuleHeaderAlt, #usershop img, #ncmall, #userneohome, #header, #footer, #ban, .brand-mamabar, .contentModuleHeaderAlt, .contentModuleHeader, hr, .content div b, .content div a img {
	display: none !important;
}
.contentModule div a img, .contentModule div b, #side img, #about img {
	display: inline !important;
}
h1 {
	font: 24px verdana;
	font-style: italic;
}
b, #about b, #av b {
	font-weight: bold;
	color: #2AABCB;
	display: inline !important;
}
a:link, a:visited, a:visited b, a:active b {
	font-weight: bold;
	font-style: italic;
	color: #2AABCB;
}
#about a:hover, a:hover, a:hover b {
	color: #fff;
}
body {
	background: #efefef;
}
#main {
	margin-top: 0px;
	position: absolute;
	top: 25px;
	left: 150px;
}
#main, .contentModule, .contentModuleTable, .contentModuleContent {
	background: none;
	border: none;
}
#links {
	position: absolute;
	left: 480px;
	top: 0px;
	width: 530px;
	height: 30px;
	padding-top: 10px;
	z-index: 900;
}
#links a {
	border-bottom: 3px solid #98D62C;
	padding: 5px;
	color: #6B6B6B;
	font: 14px verdana;
	font-style: italic;
	letter-spacing: 2px;
}
#links a:hover {
	color: #2AABCB;
}
#av {
	position: absolute;
	left: -7px;
	top: 0px;
}
#about {
	width: 295px;
	position: absolute;
	left: 175px;
	top: 0px;
	padding: 5px;
	z-index: 99;
}
#desc {
	height: 295px;
	overflow: auto;
padding-right:5px;
}
#userinfo .contentModuleTable {
	position: absolute;
	left: 480px;
	top: 40px;
	height: 241px;
	width: 307px;
	z-index: 105;
	background: #fff;
}
#usershop .contentModuleTable {
	background: #fff;
	position: absolute;
	width: 170px;
	left: 617px;
	top: 290px;
	height: 100px;
}
#usercollections .contentModuleTable {
	height: 359px;
	width: 220px;
	position: absolute;
	left: 790px;
	top: 40px;
	background: #fff;
}
#usertrophies {
	padding: 5px;
	border-top: 3px solid #98D62C;
	width: 822px;
	position: absolute;
	top: 407px;
	left: 180px;
	background: #fff;
	height: 180px !important;
	overflow: auto !important;
}
#userneopets .contentModuleTable {
	background: #fff;
	position: absolute;
	top: 75px;
	left: 0px;
	width: 170px;
	height: 516px;
}
#userneopets td td {
	width: 160px;
	height: 121px;
	padding-top: 3px;
	display: table !important;
	text-align: center;
}
#userneopets a {
	width: 150px;
	height: 65px;
	overflow: hidden;
	display: block;
	margin-bottom: -8px;
	margin-left: auto;
	margin-right: auto;
	border: 2px solid #ddd;
}
#userneopets img {
	margin-top: -30px;
}
#habitarium .contentModuleTable {
	position: absolute;
	left: 480px;
	top: 300px;
	width: 120px;
}
#habitarium img{width:130px; height:auto;border: 2px solid #ddd;}
(/style)

Purple:

<div id="av"><table width="190"><tr align="center">
<td>
<b>Newest:</b><br><img src="http://images.neopets.com/neoboards/avatars/default.gif">
</td>
<td>
<b>Want:</b><br><img src="http://images.neopets.com/neoboards/avatars/default.gif">
</td>
<td>
<b>Favorite:</b><br><img src="http://images.neopets.com/neoboards/avatars/default.gif">
</td>
</tr></table></div>
<div id="links">
<a href="/myaccount.phtml">my account</a><a href="/games/arcade.phtml">games</a><a href="/explore.phtml">explore</a><a href="/nf.phtml">news</a><a href="/neoboards/index.phtml">boards</a><a href="/mall/index.phtml">nc mall</a><a href="/~ginn">credit</a>
</div>
<div id="about">
<img src="http://i.imgur.com/mn3lL.gif"><br><div id="desc">

words go in here k? This box scrollssss.<br><br>
You can change the Welcome image above to whatever, as long as the height's 100px and the width's not over 295px.

</div>
</div>

(style)
#userneopets .contentModuleHeaderAlt, #habitarium, #ncmall, #userneohome, #header, #footer, #ban, .brand-mamabar, .contentModuleHeaderAlt, .contentModuleHeader, hr, .content div b, .content div a img {
	display: none !important;
}
.contentModule div a img, .contentModule div b, #side img, #about img {
	display: inline !important;
}
h1 {
	font: 24px verdana;
	font-style: italic;
}
b, #about b, #av b {
	font-weight: bold;
	color: #340330;
	display: inline !important;
}
a:link, a:visited, a:visited b, a:active b {
	font-weight: bold;
	font-style: italic;
	color: #340330;
}
#about a:hover, a:hover, a:hover b, #usershop b, #usershop, #usershop a, #userneopets .medText, #userneopets b {
	color: #fff;
}
body {
	background: #fff;
}
#main {
	margin-top: 0px;
	position: absolute;
	top: 25px;
	left: 150px;
}
#main, .contentModule, .contentModuleTable, .contentModuleContent {
	background: none;
	border: none;
}
#links {
	background: url("http://i.imgur.com/UU2TG.gif") top left;
	position: absolute;
	left: 480px;
	top: 0px;
	width: 530px;
	height: 30px;
	padding-top: 10px;
	z-index: 900;
}
#links a {
	padding: 5px;
	color: #fff;
	font: 16px verdana;
	font-style: italic;
}
#links a:hover {
	color: #340330;
}
#av {
	position: absolute;
	left: -10px;
	top: 0px;
}
#about {
	width: 295px;
	position: absolute;
	left: 175px;
	top: 0px;
	padding: 5px;
	z-index: 99;
}
#desc {
	height: 295px;
	overflow: auto;
}
#userinfo .contentModuleTable {
	position: absolute;
	left: 480px;
	top: 40px;
	height: 241px;
	width: 307px;
	z-index: 105;
	background: #fff;
}
#usershop .contentModuleTable {
	background: url("http://i.imgur.com/qYfSy.gif");
	position: absolute;
	width: 307px;
	left: 480px;
	top: 303px;
	height: 100px;
}
#usercollections .contentModuleTable {
	height: 359px;
	width: 220px;
	position: absolute;
	left: 790px;
	top: 40px;
	background: url("http://i.imgur.com/o5PWT.png");
}
#usertrophies {
	padding: 5px;
	border-top: 6px solid #6a2461;
	width: 822px;
	position: absolute;
	top: 407px;
	left: 180px;
	background: url("http://i.imgur.com/o5PWT.png");
	height: 173px !important;
	overflow: auto !important;
}
#userneopets .contentModuleTable {
	background: url("http://i.imgur.com/b4YLy.gif");
	position: absolute;
	top: 75px;
	left: 0px;
	width: 170px;
	height: 516px;
}
#userneopets td {
	width: 160px;
	height: 121px;
	padding-top: 5px;
	display: table !important;
	text-align: center;
}
#userneopets a {
	width: 150px;
	height: 57px;
	overflow: hidden;
	display: block;
	margin-bottom: -8px;
	margin-left: auto;
	margin-right: auto;
	border: 2px solid #fff;
}
#userneopets img {
	margin-top: -40px;
}
#usershop img {
	float: left;
	width: 87px;
	height: auto;
	margin-left: 8px;
}
(/style)

Blue:

words go in here k? This box scrollssss.<br><br>
You can change the Welcome image above to whatever, as long as the height's 100px and the width's not over 295px.

</div>
</div>

(style)
#userneopets .contentModuleHeaderAlt, #habitarium, #ncmall, #userneohome, #header, #footer, #ban, .brand-mamabar, .contentModuleHeaderAlt, .contentModuleHeader, hr, .content div b, .content div a img {
	display: none !important;
}
.contentModule div a img, .contentModule div b, #side img, #about img {
	display: inline !important;
}
h1 {
	font: 24px verdana;
	font-style: italic;
}
b, #about b, #av b {
	font-weight: bold;
	color: #bd1665;
	display: inline !important;
}
a:link, a:visited, a:visited b, a:active b {
	font-weight: bold;
	font-style: italic;
	color: #bd1665;
}
#about a:hover, a:hover, a:hover b, #usershop b, #usershop, #usershop a, #userneopets .medText, #userneopets b {
	color: #fff;
}
body {
	background: #fff;
}
#main {
	margin-top: 0px;
	position: absolute;
	top: 25px;
	left: 150px;
}
#main, .contentModule, .contentModuleTable, .contentModuleContent {
	background: none;
	border: none;
}
#links {
	background: url("http://i.imgur.com/uXJWl.gif") top left;
	position: absolute;
	left: 480px;
	top: 0px;
	width: 530px;
	height: 30px;
	padding-top: 10px;
	z-index: 900;
}
#links a {
	padding: 5px;
	color: #fff;
	font: 16px verdana;
	font-style: italic;
}
#links a:hover {
	color: #bd1665;
}
#av {
	position: absolute;
	left: -10px;
	top: 0px;
}
#about {
	width: 295px;
	position: absolute;
	left: 175px;
	top: 0px;
	padding: 5px;
	z-index: 99;
}
#desc {
	height: 295px;
	overflow: auto;
}
#userinfo .contentModuleTable{
	position: absolute;
	left: 480px;
	top: 40px;
	height: 241px;
	width: 307px;
	z-index: 105;
	background:#fff;
}
#usershop .contentModuleTable {
	background: url("http://i.imgur.com/bBKcw.gif");
	position: absolute;
	width: 307px;
	left: 480px;
	top: 303px;
	height: 100px;
}
#usercollections .contentModuleTable {
	height: 359px;
	width: 220px;
	position: absolute;
	left: 790px;
	top: 40px;
	background: url("http://i.imgur.com/o5PWT.png");
}
#usertrophies {
	padding: 5px;
	border-top: 6px solid #34a7c8;
	width: 822px;
	position: absolute;
	top: 407px;
	left: 180px;
	background: url("http://i.imgur.com/o5PWT.png");
	height: 173px !important;
	overflow: auto !important;
}
#userneopets .contentModuleTable {
	background: url("http://i.imgur.com/EFrSY.gif");
	position: absolute;
	top: 75px;
	left: 0px;
	width: 170px;
	height: 516px;
}
#userneopets td {
	width: 160px;
	height: 121px;
	padding-top: 5px;
	display: table !important;
	text-align: center;
}
#userneopets a {
	width: 150px;
	height: 57px;
	overflow: hidden;
	display: block;
	margin-bottom: -8px;
	margin-left: auto;
	margin-right: auto;
	border: 2px solid #fff;
}
#userneopets img {
	margin-top: -40px;
}
#usershop img {
	float: left;
	width: 87px;
	height: auto;
	margin-left: 8px;
}
(/style)

Dark:

words go in here k? This box scrollssss.<br><br>
You can change the Welcome image above to whatever, as long as the height's 100px and the width's not over 295px.

</div>
</div>

(style)
#userneopets .contentModuleHeaderAlt, #habitarium, #ncmall, #userneohome, #header, #footer, #ban, .brand-mamabar, .contentModuleHeaderAlt, .contentModuleHeader, hr, .content div b, .content div a img {
	display: none !important;
}
.contentModule div a img, .contentModule div b, #side img, #about img {
	display: inline !important;
}
h1 {
	font: 24px verdana;
	font-style: italic;
}
b, #about b, #av b {
	font-weight: bold;
	color: #8a0f23;
	display: inline !important;
}
a:link, a:visited, a:visited b, a:active b {
	font-weight: bold;
	font-style: italic;
	color: #8a0f23;
}
#about a:hover, a:hover, a:hover b, #usershop b, #usershop, #usershop a, #userneopets .medText, #userneopets b {
	color: #fff;
}
body {
	background: #fff;
}
#main {
	margin-top: 0px;
	position: absolute;
	top: 25px;
	left: 150px;
}
#main, .contentModule, .contentModuleTable, .contentModuleContent {
	background: none;
	border: none;
}
#links {
	background: url("http://i.imgur.com/3PYMY.gif") top left;
	position: absolute;
	left: 480px;
	top: 0px;
	width: 530px;
	height: 30px;
	padding-top: 10px;
	z-index: 900;
}
#links a {
	padding: 5px;
	color: #fff;
	font: 16px verdana;
	font-style: italic;
}
#links a:hover {
	color: #8a0f23;
}
#av {
	position: absolute;
	left: -10px;
	top: 0px;
}
#about {
	width: 295px;
	position: absolute;
	left: 175px;
	top: 0px;
	padding: 5px;
	z-index: 99;
}
#desc {
	height: 295px;
	overflow: auto;
}
#userinfo .contentModuleTable{
	position: absolute;
	left: 480px;
	top: 40px;
	height: 241px;
	width: 307px;
	z-index: 105;
	background:#fff;
}
#usershop .contentModuleTable {
	background: url("http://i.imgur.com/bFDpO.gif");
	position: absolute;
	width: 307px;
	left: 480px;
	top: 303px;
	height: 100px;
}
#usercollections .contentModuleTable {
	height: 359px;
	width: 220px;
	position: absolute;
	left: 790px;
	top: 40px;
	background: url("http://i.imgur.com/o5PWT.png");
}
#usertrophies {
	padding: 5px;
	border-top: 6px solid #3e3e3e;
	width: 822px;
	position: absolute;
	top: 407px;
	left: 180px;
	background: url("http://i.imgur.com/o5PWT.png");
	height: 173px !important;
	overflow: auto !important;
}
#userneopets .contentModuleTable {
	background: url("http://i.imgur.com/FSayT.gif");
	position: absolute;
	top: 75px;
	left: 0px;
	width: 170px;
	height: 516px;
}
#userneopets td {
	width: 160px;
	height: 121px;
	padding-top: 5px;
	display: table !important;
	text-align: center;
}
#userneopets a {
	width: 150px;
	height: 57px;
	overflow: hidden;
	display: block;
	margin-bottom: -8px;
	margin-left: auto;
	margin-right: auto;
	border: 2px solid #fff;
}
#userneopets img {
	margin-top: -40px;
}
#usershop img {
	float: left;
	width: 87px;
	height: auto;
	margin-left: 8px;
}
(/style)

Pink:

words go in here k? This box scrollssss.<br><br>
You can change the Welcome image above to whatever, as long as the height's 100px and the width's not over 295px.

</div>
</div>

(style)
#userneopets .contentModuleHeaderAlt, #habitarium, #ncmall, #userneohome, #header, #footer, #ban, .brand-mamabar, .contentModuleHeaderAlt, .contentModuleHeader, hr, .content div b, .content div a img {
	display: none !important;
}
.contentModule div a img, .contentModule div b, #side img, #about img {
	display: inline !important;
}
h1 {
	font: 24px verdana;
	font-style: italic;
}
b, #about b, #av b {
	font-weight: bold;
	color: #a50e2f;
	display: inline !important;
}
a:link, a:visited, a:visited b, a:active b {
	font-weight: bold;
	font-style: italic;
	color: #a50e2f;
}
#about a:hover, a:hover, a:hover b, #usershop b, #usershop, #usershop a, #userneopets .medText, #userneopets b {
	color: #fff;
}
body {
	background: #fff;
}
#main {
	margin-top: 0px;
	position: absolute;
	top: 25px;
	left: 150px;
}
#main, .contentModule, .contentModuleTable, .contentModuleContent {
	background: none;
	border: none;
}
#links {
	background: url("http://i.imgur.com/9g1dG.gif") top left;
	position: absolute;
	left: 480px;
	top: 0px;
	width: 530px;
	height: 30px;
	padding-top: 10px;
	z-index: 900;
}
#links a {
	padding: 5px;
	color: #fff;
	font: 16px verdana;
	font-style: italic;
}
#links a:hover {
	color: #a50e2f;
}
#av {
	position: absolute;
	left: -10px;
	top: 0px;
}
#about {
	width: 295px;
	position: absolute;
	left: 175px;
	top: 0px;
	padding: 5px;
	z-index: 99;
}
#desc {
	height: 295px;
	overflow: auto;
}
#userinfo .contentModuleTable{
	position: absolute;
	left: 480px;
	top: 40px;
	height: 241px;
	width: 307px;
	z-index: 105;
	background:#fff;
}
#usershop .contentModuleTable {
	background: url("http://i.imgur.com/RdTVS.gif");
	position: absolute;
	width: 307px;
	left: 480px;
	top: 303px;
	height: 100px;
}
#usercollections .contentModuleTable {
	height: 359px;
	width: 220px;
	position: absolute;
	left: 790px;
	top: 40px;
	background: url("http://i.imgur.com/o5PWT.png");
}
#usertrophies {
	padding: 5px;
	border-top: 6px solid #E01F3C;
	width: 822px;
	position: absolute;
	top: 407px;
	left: 180px;
	background: url("http://i.imgur.com/o5PWT.png");
	height: 173px !important;
	overflow: auto !important;
}
#userneopets .contentModuleTable {
	background: url("http://i55.tinypic.com/255non9.gif");
	position: absolute;
	top: 75px;
	left: 0px;
	width: 170px;
	height: 516px;
}
#userneopets td {
	width: 160px;
	height: 121px;
	padding-top: 5px;
	display: table !important;
	text-align: center;
}
#userneopets a {
	width: 150px;
	height: 57px;
	overflow: hidden;
	display: block;
	margin-bottom: -8px;
	margin-left: auto;
	margin-right: auto;
	border: 2px solid #fff;
}
#userneopets img {
	margin-top: -40px;
}
#usershop img {
	float: left;
	width: 87px;
	height: auto;
	margin-left: 8px;
}
(/style)

^If you want me to make a certain color of these ask me or feel free to edit the images yourself.

Cutesy:

words go in here k? This box scrollssss.<br><br>
You can change the Welcome image above to whatever, as long as the height's 100px and the width's not over 295px.
<br><br><img src="http://images.neopets.com/template_images/yurble_flower_pluck.gif">
</div>
</div>

background:#f4eddc;
}
#white {
	position: absolute;
	top: -13px;
left:-22px;
background:#fff;
width:1050px;
height:625px;
}
#main {
	margin-top: 0px;
	position: absolute;
	top: 25px;
	left: 150px;
}
#main, .contentModule, .contentModuleTable, .contentModuleContent {
	background: none;
	border: none;
}
#links {
	background: url("http://i.imgur.com/02kqo.gif") top left;
	position: absolute;
	left: 480px;
	top: 0px;
	width: 530px;
	height: 30px;
	padding-top: 10px;
	z-index: 900;
}
#links a {
	padding: 5px;
	color: #fff;
	font: 16px verdana;
	font-style: italic;
}
#links a:hover {
	color: #857D8C;
}
#av {
	position: absolute;
	left: -10px;
	top: 0px;
}
#about {
	width: 295px;
	position: absolute;
	left: 175px;
	top: 0px;
	padding: 5px;
	z-index: 99;
}
#desc {
	height: 295px;
	overflow: auto;
}
#userinfo .contentModuleTable {
	position: absolute;
	left: 480px;
	top: 40px;
	height: 241px;
	width: 307px;
	z-index: 105;
	background: #fff;
}
#usershop .contentModuleTable {
	background: #CC4A4C;
	position: absolute;
	width: 307px;
	left: 480px;
	top: 305px;
	height: 90px;
}
#usercollections .contentModuleTable {
	height: 359px;
	width: 220px;
	position: absolute;
	left: 790px;
	top: 40px;
	background: url("http://i.imgur.com/JwNn1.png");
}
#usertrophies {
	padding: 5px;
	border-top: 6px solid #f4b153;
	width: 822px;
	position: absolute;
	top: 407px;
	left: 180px;
	background: url("http://i.imgur.com/JwNn1.png");
	height: 173px !important;
	overflow: auto !important;
}
#userneopets .contentModuleTable {
	background: url("http://i.imgur.com/1eEub.gif");
	position: absolute;
	top: 75px;
	left: 0px;
	width: 170px;
	height: 516px;
}
#userneopets td {
	width: 160px;
	height: 121px;
	padding-top: 5px;
	display: table !important;
	text-align: center;
}
#userneopets a {
	width: 150px;
	height: 57px;
	overflow: hidden;
	display: block;
	margin-bottom: -8px;
	margin-left: auto;
	margin-right: auto;
	border: 0px solid #fff;
}
#userneopets img {
	margin-top: -40px;
}
#usershop img {
	float: left;
	width: 90px;
	height: auto;
	margin-left: 8px;
	margin-top: -4px;
}
(/style)

Flowery:

<div id="flowers"><img src="http://i.imgur.com/Rvdsq.png"></div>
<div id="av"><table width="190"><tr align="center">
<td>
<b>Newest:</b><br><img src="http://images.neopets.com/neoboards/avatars/default.gif">
</td>
<td>
<b>Want:</b><br><img src="http://images.neopets.com/neoboards/avatars/default.gif">
</td>
<td>
<b>Favorite:</b><br><img src="http://images.neopets.com/neoboards/avatars/default.gif">
</td>
</tr></table></div>
<div id="links">
<a href="/myaccount.phtml">my account</a><a href="/games/arcade.phtml">games</a><a href="/explore.phtml">explore</a><a href="/nf.phtml">news</a><a href="/neoboards/index.phtml">boards</a><a href="/mall/index.phtml">nc mall</a><a href="/~ginn">credit</a>
</div>
<div id="about">
<img src="http://i.imgur.com/jDjnC.gif"><br><div id="desc">

words go in here k? This box scrollssss.<br><br>
You can change the Welcome image above if you want, just as long as the height is 100px and the width is not over 295px.<br>
</div>
</div>
(style)
#flowers {
	position: absolute;
	top: -20px;
	left: -150px;
}
#userneopets .contentModuleHeaderAlt, #habitarium, #ncmall, #userneohome, #header, #footer, #ban, .brand-mamabar, .contentModuleHeaderAlt, .contentModuleHeader, hr, .content div b, .content div a img {
	display: none !important;
}
.contentModule div a img, .contentModule div b, #side img, #about img {
	display: inline !important;
}
h1 {
	font: 24px verdana;
	font-style: italic;
}
b, #about b, #av b {
	font-weight: bold;
	color: #6fcccc;
	display: inline !important;
	font-style: italic;
}
a:link, a:visited, a:visited b, a:active b {
	font-weight: bold;
	font-style: italic;
	color: #6fcccc;
}
#about a:hover, a:hover, a:hover b {
	color: #fff;
}
body {
	background: url("http://i.imgur.com/A10RA.gif");
}
#main {
	margin-top: 0px;
	position: absolute;
	top: 25px;
	left: 150px;
}
#main, .contentModule, .contentModuleTable, .contentModuleContent {
	background: none;
	border: none;
}
#links {
	position: absolute;
	left: 480px;
	top: 0px;
	width: 530px;
	height: 30px;
	padding-top: 10px;
	z-index: 900;
}
#links a {
	border-bottom: 3px solid #cce487;
	padding: 5px;
	color: #ddd;
	font: 14px verdana;
	font-style: italic;
	letter-spacing: 2px;
}
#links a:hover {
	color: #98d62c;
}
#av {
	position: absolute;
	left: -7px;
	top: 0px;
}
#about {
	width: 295px;
	position: absolute;
	left: 175px;
	top: 0px;
	padding: 5px;
	z-index: 99;
}
#desc {
	height: 295px;
	overflow: auto;
padding-right:5px;
}
#userinfo .contentModuleTable {
	position: absolute;
	left: 480px;
	top: 40px;
	height: 241px;
	width: 307px;
	z-index: 105;
	background: #fff;
}
#usershop .contentModuleTable {
	background: #fff;
	position: absolute;
	width: 307px;
	left: 480px;
	top: 300px;
	height: 100px;
}
#usercollections .contentModuleTable {
	height: 359px;
	width: 220px;
	position: absolute;
	left: 790px;
	top: 40px;
	background: #fff;
}
#usertrophies {
	padding: 5px;
	border-top: 3px solid #cce487;
	width: 822px;
	position: absolute;
	top: 407px;
	left: 180px;
	background: #fff;
	height: 180px !important;
	overflow: auto !important;
}
#userneopets .contentModuleTable {
	background: #fff;
	position: absolute;
	top: 75px;
	left: 0px;
	width: 170px;
	height: 516px;
}
#userneopets td td {
	width: 160px;
	height: 121px;
	padding-top: 3px;
	display: table !important;
	text-align: center;
}
#userneopets a {
	width: 150px;
	height: 65px;
	overflow: hidden;
	display: block;
	margin-bottom: -8px;
	margin-left: auto;
	margin-right: auto;
	border: 2px solid #ddd;
}
#userneopets img {
	margin-top: -30px;
}
#usershop img {
	float: left;
	width: 90px;
	height: auto;
	margin-left: 8px;
}
(/style)

Flowery w/ habi:

words go in here k? This box scrollssss.<br><br>
You can change the Welcome image above if you want, just as long as the height is 100px and the width is not over 295px.<br>
</div>
</div>
(style)
#flowers {
	position: absolute;
	top: -20px;
	left: -150px;
}
#userneopets .contentModuleHeaderAlt,  #usershop img, #ncmall, #userneohome, #header, #footer, #ban, .brand-mamabar, .contentModuleHeaderAlt, .contentModuleHeader, hr, .content div b, .content div a img {
	display: none !important;
}
.contentModule div a img, .contentModule div b, #side img, #about img {
	display: inline !important;
}
h1 {
	font: 24px verdana;
	font-style: italic;
}
b, #about b, #av b {
	font-weight: bold;
	color: #6fcccc;
	display: inline !important;
	font-style: italic;
}
a:link, a:visited, a:visited b, a:active b {
	font-weight: bold;
	font-style: italic;
	color: #6fcccc;
}
#about a:hover, a:hover, a:hover b {
	color: #fff;
}
body {
	background: url("http://i.imgur.com/A10RA.gif");
}
#main {
	margin-top: 0px;
	position: absolute;
	top: 25px;
	left: 150px;
}
#main, .contentModule, .contentModuleTable, .contentModuleContent {
	background: none;
	border: none;
}
#links {
	position: absolute;
	left: 480px;
	top: 0px;
	width: 530px;
	height: 30px;
	padding-top: 10px;
	z-index: 900;
}
#links a {
	border-bottom: 3px solid #cce487;
	padding: 5px;
	color: #ddd;
	font: 14px verdana;
	font-style: italic;
	letter-spacing: 2px;
}
#links a:hover {
	color: #98d62c;
}
#av {
	position: absolute;
	left: -7px;
	top: 0px;
}
#about {
	width: 295px;
	position: absolute;
	left: 175px;
	top: 0px;
	padding: 5px;
	z-index: 99;
}
#desc {
	height: 295px;
	overflow: auto;
padding-right:5px;
}
#userinfo .contentModuleTable {
	position: absolute;
	left: 480px;
	top: 40px;
	height: 241px;
	width: 307px;
	z-index: 105;
	background: #fff;
}
#usershop .contentModuleTable {
	background: none;
	position: absolute;
	width: 170px;
	left: 617px;
	top: 290px;
	height: 100px;
}
#usercollections .contentModuleTable {
	height: 359px;
	width: 220px;
	position: absolute;
	left: 790px;
	top: 40px;
	background: #fff;
}
#usertrophies {
	padding: 5px;
	border-top: 3px solid #cce487;
	width: 822px;
	position: absolute;
	top: 407px;
	left: 180px;
	background: #fff;
	height: 180px !important;
	overflow: auto !important;
}
#userneopets .contentModuleTable {
	background: #fff;
	position: absolute;
	top: 75px;
	left: 0px;
	width: 170px;
	height: 516px;
}
#userneopets td td {
	width: 160px;
	height: 121px;
	padding-top: 3px;
	display: table !important;
	text-align: center;
}
#userneopets a {
	width: 150px;
	height: 65px;
	overflow: hidden;
	display: block;
	margin-bottom: -8px;
	margin-left: auto;
	margin-right: auto;
	border: 2px solid #ddd;
}
#userneopets img {
	margin-top: -30px;
}
#habitarium .contentModuleTable {
	position: absolute;
	left: 480px;
	top: 300px;
	width: 120px;
}
#habitarium img{width:130px; height:auto;border: 2px solid #ddd;}
(/style)

Editable Version:

<div id="av"><table width="186"><tr align="center">
<td>
<b>Newest:</b><br><img src="http://images.neopets.com/neoboards/avatars/default.gif">
</td>
<td>
<b>Want:</b><br><img src="http://images.neopets.com/neoboards/avatars/default.gif">
</td>
<td>
<b>Favorite:</b><br><img src="http://images.neopets.com/neoboards/avatars/default.gif">
</td>
</tr></table></div>
<div id="links">
<a href="/myaccount.phtml">my account</a><a href="/games/arcade.phtml">games</a><a href="/explore.phtml">explore</a><a href="/nf.phtml">news</a><a href="/neoboards/index.phtml">boards</a><a href="/mall/index.phtml">nc mall</a><a href="/~ginn">credit</a>
</div>
<div id="about">
<img src="http://i.imgur.com/mn3lL.gif"><br><div id="desc">

words go in here k? This box scrollssss.<br><br>
To change the layout colors ctrl+f for #AAA. To change the colors of the links/bold text ctrl+f for #BBB. Page background is #CCC.<br><br>
You can change the Welcome image above to whatever, as long as it's height is 100px.<br><br>
</div>
</div>
(style)
#userneopets .contentModuleHeaderAlt, #habitarium, #ncmall, #userneohome, #header, #footer, #ban, .brand-mamabar, .contentModuleHeaderAlt, .contentModuleHeader, hr, .content div b, .content div a img {
	display: none !important;
}
.contentModule div a img, .contentModule div b, #side img, #about img {
	display: inline !important;
}
h1 {
	font: 24px verdana;
	font-style: italic;
}
b, #about b, #av b {
	font-weight: bold;
	color: #BBB;
	display: inline !important;
}
a:link, a:visited, a:visited b, a:active b {
	font-weight: bold;
	font-style: italic;
	color: #BBB;
}
#about a:hover, a:hover, a:hover b, #usershop b, #usershop, #usershop a, #userneopets .medText, #userneopets b {
	color: #fff;
}
body {
	background: #CCC;
}
#main {
	margin-top: 0px;
	position: absolute;
	top: 25px;
	left: 150px;
}
#main, .contentModule, .contentModuleTable, .contentModuleContent {
	background: none;
	border: none;
}
#links {
	background: #AAA;
	position: absolute;
	left: 480px;
	top: 0px;
	width: 530px;
	height: 30px;
	padding-top: 10px;
	z-index: 900;
}
#links a {
	padding: 5px;
	color: #fff;
	font: 16px verdana;
	font-style: italic;
}
#links a:hover {
	color: #BBB;
}
#av {
	position: absolute;
	left: -7px;
	top: 0px;
}
#about {
	width: 295px;
	position: absolute;
	left: 179px;
	top: 0px;
	z-index: 99;
}
#desc {
	padding:5px;
	background:#fff;
	height: 287px;
	overflow: auto;
}
#userinfo .contentModuleTable{
	position: absolute;
	left: 480px;
	top: 40px;
	height: 241px;
	width: 307px;
	z-index: 105;
	background:#fff;
}
#usershop .contentModuleTable {
	background: #AAA;
	position: absolute;
	width: 307px;
	left: 480px;
	top: 285px;
	height: 112px;
}
#usercollections .contentModuleTable {
	height: 357px;
	width: 218px;
	position: absolute;
	left: 792px;
	top: 40px;
 	background: #fff;
}
#usertrophies {
	padding: 5px;
	border-top: 6px solid #AAA;
	width: 822px;
	position: absolute;
	top: 403px;
	left: 179px;
	background: #fff;
	height: 172px !important;
	overflow: auto !important;
}
#userneopets .contentModuleTable {
	background: #AAA;
	position: absolute;
	top: 75px;
	left: 0px;
	width: 170px;
	height: 516px;
}
#userneopets td {
	width: 160px;
	height: 121px;
	padding-top: 5px;
	display: table !important;
	text-align: center;
}
#userneopets a {
	width: 150px;
	height: 57px;
	overflow: hidden;
	display: block;
	margin-bottom: -8px;
	margin-left: auto;
	margin-right: auto;
	border: 2px solid #fff;
}
#userneopets img {
	margin-top: -40px;
}
#usershop img {
	float: left;
	width: 95px;
	height: auto;
	margin-left: 8px;
}
(/style)

Eh this one is so you edit it to however you want easier since the other ones use images.

~Pet Lookup~

Follow the same instuctions for the style tags at the top of this page.

<div id="Nav">
<a href="/index.phtml">home </a>/
<a href="/explore.phtml">explore </a>/
<a href="/neoboards/index.phtml">boards </a>/
<a href="/~ginn">credit </a>/
<a href="/~YOURPERNAME">PETPAGE </a>
</div>
<br><div id="scroll">

**This lookup probably doesn't work with BC trophies because I don't have BC pets and have no way to test it, sorry!<br><br>
Write stuff here, this box scrolls. Change anything you want IDC, just leave the credit link. Ctrl+f for #f59737 and #f8b564 to change the orange :).<br><br>

CHANGE YOUR PET'S NAME FOR THE PETPAGE LINK AND HEADER TEXT.<br><br><br>
</div>
</div>
(style)
h1{
height:35px;
font:60px verdana;
margin-top:0px;
font-weight:normal;
}
a,b,a:visited,a:link,a:active{
color: #f59737;
font: 9pt verdana;
font-weight:bold;
}
body{
color:#666;
background: #eee;
}
.sidebar, .user, .nav_image, #footer, #nst, #ban, .brand-mamabar, #template_nav, #header,
.contentModuleHeader, .contentModuleHeaderAlt, .contentModuleContent tbody img, #ad-slug-wrapper, #pet_rating{
display:none;
}
#content {
width:100%;
margin-top:-35px;
}
.contentModuleContent,
.contentModuleTable, .contentModule {
border:none;
background:none;
text-align:left;
}
#CustomNeopetView{
height:345px;
width:345px;
border:5px solid #f59737;
}
#background{
width:1015px;
height:500px;
background:#fff;
border:0px solid #bbb;
z-index:-99;
}
#main{
background:none;
width:640px;
height:500px;
margin-left:100px;
margin-top:50px;
border:none;
}
#about {
padding:10px;
border:none;
text-align:center;
background:none;
height:480px;
width:350px;
}
#scroll{
color:#666;
padding:4px;
padding-right:8px;
height:355px;
overflow:auto;
}
#Nav {
color:#ddd;
background: #f59737;
border:3px solid #f8b564;
border-left:none;
border-right:none;
text-align: center;
padding:2px;
padding-bottom: 4px;
}
#Nav a {
color: #fff;
font: 14pt calibri;
font-weight: normal;
text-transform: lowercase;
font-weight: normal;
}
#Nav a:hover {
font-weight:bold;
}
#about img{display:inline; float:none;}
.content {direction:rtl}
.contentModuleContent{direction: ltr}
.content, .content div a img {visibility:hidden;}
.content td, #about img {visibility:visible;}
.contentModuleContent img{float:right;}
table, table td {
	border: 0px !important;
}
(/style)

byebye

Random welcome banners you can use.

~INSTRUCTIONS~ After you paste the code, you need to replace two parts. Use Ctrl+F and find (style) and (/style).

Simple:

Simple w/ habi:

Purple:

Blue:

Dark:

Pink:

Cutesy:

Flowery:

Flowery w/ habi:

Editable Version:

~Pet Lookup~

~INSTRUCTIONS~
After you paste the code, you need to replace two parts. Use Ctrl+F and find (style) and (/style).