Unfriended got their homepage at Neopets.com

links & rules user profiles pet lookups petpages resources credits

Linkage & Rules

Listed At

Affiliated With

Rules For Using My Premades

Updated on October 22, 2009 | General Information »

This page is full of coding that I have put here for those of you who want it. They're pretty easy to edit and change so that you get the look you want. But there are some rules. Please show respect for me and my work by following them. :)

01. You are allowed to use them or I wouldn't have put them here, but you have to give the credit that I made them with the link back to this page.

02. You are allowed to change things but you need to give credit to me for having done the original coding. Editing a premade is still using a premade.

03. You can take my coding and look at it, tear it down, and learn from it or how to do things. TNT said so here. But please do not use it and take credit for coding it, because you didn't, I did.

Coding Information

Updated on October 22, 2009 | General Information »

How to use the coding:

01. Left click on the pink box that contains the coding.

02. On your keyboard, press Ctrl + A (or command + A on a Mac), and then Ctrl + C (or command + C).

03. Now go to the the place where you edit the coding for your lookup, pet-lookups, petpages, shop, or gallery (this is dependent upon what you are trying to edit) and paste (Ctrl + V) the coding into the HTML editing box provided.

User Profiles

style d'un

This section is where you can type up or place anything you want to! Feel free to customized this lookup by changing the colors, but remember to always leave my credit for doing the coding. Make sure the page links back to /~Unfriended either through a link or by a button. Thank you, and enjoy the lookup!

<br><br><a href="/~Unfriended"><img src="http://img34.imageshack.us/img34/2014/linkback.png" border="0"></a><br><br>
</td>
</table>
<table class="b">
<td> 
<table><tr>
<td class="coloru" style="background: #B9D7D9;"></td> 
<td class="coloru" style="background: #668284;"></td> 
<td class="coloru" style="background: #2A2829;"></td> 
<td class="coloru" style="background: #493736;"></td> 
<td class="coloru" style="background: #7B3B3B;"></td>  
</tr></table>
</td>
<td> 
<textarea cols="30" rows="3"><style>
#main {
	background: none;
	border: 0px;
	width: 100%;
}
#header, #footer, hr {
	display: none;
}
body {
	background: #493736;
}
#main a, a b {
	text-decoration: none;
	color: #B9D7D9;
}
#main a:hover, a b:hover {
	color: #668284;
}
body, td, font, p, a, .medText {
	font: 9px verdana;
	color: #000;
	line-height: 17px;
	letter-spacing: 1px;
}
#nav {
	width: 700px;
	text-align: center;
}
#nav a {
	color: #FFF;
	font: 15pt verdana;
	display: inline;
	padding: 18px;
}
.contentModule img {
	border: 1px solid #1B0606;
	padding: 2px;
}
.contentModule, .contentModuleTable {
	border: 0px;
}
.contentModuleContent {
	background: none;
}
.contentModuleHeader, .contentModuleHeaderAlt {
	color: #F5D0A5;
	background-color: #493736;
	text-transform: lowercase;
	font: 15px Century Gothic;
	border-top: 1px solid #F5D0A5;
	height: 10px;
	line-height: 10px;
	text-align: left;
	letter-spacing: 3px;
}
#userneohome {
	display: none;
}
#usershop img {
	width: 120px;
	height: 120px;
}
#userneopets img {
	width: 100px;
	height: 100px;
}
</style>
<div id="nav"> 
<a href="/myaccount.phtml">❶</a> 
<a href="/customise/">❷</a>
<a href="/games/arcade.phtml">❸</a>
<a href="/explore.phtml">❹</a>
<a href="/nf.phtml">❺</a>
<a href="/petcentral.phtml">❻</a>
<a href="/neoboards/index.phtml">❼</a>
<a href="/objects.phtml">❽</a>
<a href="/mall/index.phtml">❾</a>
<a href="/~Unfriended">*</a> 
</div>
<br><div style="width: 780px; padding: 10px;">
<table>
<td width="20"></td>
<td width="20"></td>
<td width="20"></td>
<td width="20"></td>
<td style="">

<br><br><a href="/~Unfriended"><img src="http://img34.imageshack.us/img34/2014/linkback.png" border="0"></a><br><br>
</td>
</table>
<table class="b">
<td> 
<table><tr>
<td class="coloru" style="background: #E8DDCB;"></td> 
<td class="coloru" style="background: #CDB380;"></td> 
<td class="coloru" style="background: #036564;"></td> 
<td class="coloru" style="background: #033649;"></td> 
<td class="coloru" style="background: #031634;"></td>  
</tr></table>
</td>
<td> 
<textarea cols="30" rows="3"><style>
#main {
	background: none;
	border: 0px;
	width: 100%;
}
#header, #footer, hr {
	display: none;
}
body {
	background: #E8DDCB;
}
#main a, a b {
	text-decoration: none;
	color: #033649;
}
#main a:hover, a b:hover {
	color: #036564;
}
body, td, font, p, a, .medText {
	font: 9px verdana;
	color: #000;
	line-height: 17px;
	letter-spacing: 1px;
}
#nav {
	width: 700px;
	text-align: center;
}
#nav a {
	color: #031634;
	font: 15pt verdana;
	display: inline;
	padding: 18px;
}
.contentModule img {
	border: 1px solid #CDB380;
	padding: 2px;
}
.contentModule, .contentModuleTable {
	border: 0px;
}
.contentModuleContent {
	background: none;
}
.contentModuleHeader, .contentModuleHeaderAlt {
	color: #031634;
	background-color: #E8DDCB;
	text-transform: lowercase;
	font: 15px Century Gothic;
	border-top: 1px solid #031634;
	height: 10px;
	line-height: 10px;
	text-align: left;
	letter-spacing: 3px;
}
#userneohome {
	display: none;
}
#usershop img {
	width: 120px;
	height: 120px;
}
#userneopets img {
	width: 100px;
	height: 100px;
}
</style>
<div id="nav"> 
<a href="/myaccount.phtml">❶</a> 
<a href="/customise/">❷</a>
<a href="/games/arcade.phtml">❸</a>
<a href="/explore.phtml">❹</a>
<a href="/nf.phtml">❺</a>
<a href="/petcentral.phtml">❻</a>
<a href="/neoboards/index.phtml">❼</a>
<a href="/objects.phtml">❽</a>
<a href="/mall/index.phtml">❾</a>
<a href="/~Unfriended">*</a> 
</div>
<br><div style="width: 780px; padding: 10px;">
<table>
<td width="20"></td>
<td width="20"></td>
<td width="20"></td>
<td width="20"></td>
<td style="">

style deux

style trois

Hello. This userlookup was created by Bee (<a href="http://www.neopets.com/userlookup.phtml?user=everlights">everlights</a>). This section is where you can type up or place anything you want to! Feel free to customized this lookup by changing the colors, but remember to always leave my credit for doing the coding. <br><br><b>This is Bold</b><br><i>This is Italic</i><br>
This is underline<br><br>

Enjoy the Lookup!

<table><tr><td>
</td></tr></table>
<table class="b">
<td> 
<table><tr>
<td class="coloru" style="background: #439EC8;"></td> 
<td class="coloru" style="background: #A7DBD8;"></td> 
<td class="coloru" style="background: #A9C66A;"></td> 
<td class="coloru" style="background: #E0E4CC;"></td> 
<td class="coloru" style="background: #F38630;"></td>  
</tr></table>
</td>
<td> 
<textarea cols="30" rows="3"><style>
#main {
	background: none;
	border: 0px;
	width: 100%;
}
#header, #footer, hr {
	display: none;
}
body {
	background: #E0E4CC;
}
#main a, a b {
	text-decoration: none;
	color: #F38630;
}
#main a:hover, a b:hover {
	color: #FA6900;
}
body, td, font, p, a, .medText {
	font: 9px verdana;
	color: #000;
}
b {
	color: #439EC8;
}
u {
	color: #A9C66A;
}
#nav {
	width: 700px;
	height: 50px;
	text-align: center;
	background: #A7DBD8;
}
#nav a {
	color: #FFF;
	font: 11px Verdana;
	display: inline;
	background-color: #A7DBD8;
	padding: 14px;
	letter-spacing: 3px;
	margin: 1px;
	font-weight: bold;
}
#nav a:hover {
	color: #439EC8;
}
.contentModule, .contentModuleTable {
	border: 0px;
}
.contentModuleContent {
	background: none;
}
.contentModuleHeader, .contentModuleHeaderAlt {
	color: #2B2825;
	background-color: #fff;
	text-transform: lowercase;
	font: 13px Century Gothic;
	text-align: left;
	letter-spacing: 3px;
	border-bottom: 3px double #A9C66A;
}
#userneohome {
	display: none;
}
#userneopets img {
	width: 120px;
	height: 120px;
}
</style>
<center>
<div style="width: 720px; padding: 10px; background: #fff;">
<div id="nav">
<a href="/myaccount.phtml">My Account</a> 
<a href="/explore.phtml">Explore</a> 
<a href="/objects.phtml">Shops</a>
<a href="/nf.phtml">News</a> 
<a href="/~Unfriended">Premades</a> 
</div>
<br>

Enjoy the Lookup!

<table><tr><td>
</td></tr></table>
<table class="b">
<td> 
<table><tr>
<td class="coloru" style="background: #E34680;"></td> 
<td class="coloru" style="background: #9BC246;"></td> 
<td class="coloru" style="background: #EEFFD1;"></td> 
<td class="coloru" style="background: #B4AF59;"></td> 
<td class="coloru" style="background: #86AD98;"></td>  
</tr></table>
</td>
<td> 
<textarea cols="30" rows="3"><style>
#main {
	background: none;
	border: 0px;
	width: 100%;
}
#header, #footer, hr {
	display: none;
}
body {
	background: #EEFFD1;
}
#main a, a b {
	text-decoration: none;
	color: #B4AF59;
}
#main a:hover, a b:hover {
	color: #9E971E;
}
body, td, font, p, a, .medText {
	font: 9px verdana;
	color: #000;
}
b {
	color: #E34680;
}
u {
	color: #9BC246;
}
#nav {
	width: 700px;
	height: 50px;
	text-align: center;
	background: #86AD98;
}
#nav a {
	color: #FFF;
	font: 11px Verdana;
	display: inline;
	background-color: #86AD98;
	padding: 14px;
	letter-spacing: 3px;
	margin: 1px;
	font-weight: bold;
}
#nav a:hover {
	color: #fff;
}
.contentModule, .contentModuleTable {
	border: 0px;
}
.contentModuleContent {
	background: none;
}
.contentModuleHeader, .contentModuleHeaderAlt {
	color: #2B2825;
	background-color: #fff;
	text-transform: lowercase;
	font: 13px Century Gothic;
	text-align: left;
	letter-spacing: 3px;
	border-bottom: 3px double #9BC246;
}
#userneohome {
	display: none;
}
#userneopets img {
	width: 120px;
	height: 120px;
}
</style>
<center>
<div style="width: 720px; padding: 10px; background: #fff;">
<div id="nav">
<a href="/myaccount.phtml">My Account</a> 
<a href="/explore.phtml">Explore</a> 
<a href="/objects.phtml">Shops</a>
<a href="/nf.phtml">News</a> 
<a href="/~Unfriended">Premades</a> 
</div>
<br>

Enjoy the Lookup!

style quatre

quatre cinq six

Pet Lookups

style d'un

style deux

Petpages

style d'un

<h1>This is a Header</h1>

This section is where you can type up or place anything you want to! Feel free to customized this petpage by changing the colors, but remember to always leave my credit for doing the coding. Make sure the page links back to /~Unfriended either through a link or by a button. Currently the credit is located near the bottom. Thank you, and enjoy!<br><br><center>
<b>This is bold</b><br><i>This is italic</i><br>
This is underlined<br><a href="/~Unfriended">This is a link</a><br><br>
</center>

Text Text Text Text Text Text Text Text Text Text Text Text 
Text Text Text Text Text Text Text Text Text Text Text Text 
Text Text Text Text Text Text Text Text Text Text Text Text 
Text Text Text Text Text Text Text Text Text Text Text Text 
Text Text Text Text Text Text Text Text Text Text Text Text 
Text Text Text Text Text Text Text Text Text Text Text Text 
Text Text Text Text Text Text Text Text Text Text Text Text 
Text Text Text Text Text Text Text Text Text Text Text Text 
Text Text Text Text Text Text Text Text Text Text Text Text 
Text Text Text Text Text Text Text Text Text Text Text Text 
Text Text Text Text Text Text Text Text Text Text Text Text 
Text Text Text Text Text Text Text Text Text Text Text Text 
Text Text Text Text Text Text Text Text Text Text Text Text

</div>
<div style="width: 500px; height: 4px; background: #DDE8AC; padding: 0px;"></div>
<div style="width: 500px; height: 9px; background: #DB3A3F; padding: 0px;"></div>
</div>
<font style="font-size: 5pt; font-family: small fonts; text-transform: uppercase;">
Petpage CSS by <a href="/userlookup.phtml?user=everlights">Bee</a>. Get your own <a href="/~Unfriended">here</a>.
</font>
</center>

Resources

Under Construction! Coming soon:

Bullets
Home, Back, Back to Top, Comment, Rate, open & closed buttons ect.
Brushes
Patterns
Textures
Link Back Button outlines and backgrounds
Small Pixel Fonts
Pixels - Envelopes, Stars ect.

Credits

Page layout and coding by me (beiven).
Last button by umbra.
Some resources where made by me and some where not.
I do not take credit for those made by others!

Updates

Linkback

Listed At

Affiliated With

Rules For Using My Premades

Coding Information

style d'un

style deux

style trois

style quatre

style d'un

style deux

style d'un