Grown Up Kid (Ft. Chris Brown)

Designer's Comments

Look carefully for specific instructions

Leave the credits on. DO NOT JOCK! I made the style sheet myself so please don't edit it in anyway. If you don't like the images & colors than use someone else's.

If you have any questions, don't be afraid to ask. =)

thanks for who pointed it out to me but it's made for 1024x768.

NOTE: there is a background color on the sidebar, it doesn't show up for the places after the but it can be fixed.

Layout Code

Copy and paste to Template HTML

Help

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; ` grown up, KID? *)</title>
<style type="text/css">
body {
background-color:#000000; 
background-image: url('http://i180.photobucket.com/albums/x66/msxalluring/layouts/VicBG.png');
background-position: left bottom; 
color: #000000; 
font-family: Georgia; 
font-size: 8pt;
scrollbar-face-color: #A68064; 
scrollbar-shadow-color: #052452; 
scrollbar-highlight-color: #052452; 
scrollbar-3dlight-color: #052452; 
scrollbar-arrow-color: #FFFFFF;
scrollbar-darkshadow-color: #052452; 
scrollbar-track-color: #052452
}

b, strong {
	color: #A68064;
	font-weight: bold;
	font-family : tahoma;
    font-size : 11px;
    line-height : 10px;
    letter-spacing:0px;
	word-spacing:1px;
    text-transform: none;} 
i {
	font-family: Verdana;
	font-size: 8pt;
	color: #A68064;
	font-weight: none;
	text-decoration: none; 
	line-height: 15px;}
s {
	color: #052452;
	font-family : tahoma;
    font-size : 9px;
    font-weight: bold;
    letter-spacing:-1px;
	word-spacing:1px;
    text-transform: uppercase;}
u {
	font-family: tahoma;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	border-bottom: 2px solid #052452;
	line-height: 15px;
	}

div.content {
position: absolute; 
overflow: none; 
left: 582px; 
top: 245px; 
width: 413px;
padding : 4px;
margin-top : 0;
margin-left : 0;
margin-right : 0;
margin-bottom : 10px;
background-color: #EFEFEF;
border-top: 0px solid #000000;
border-left: 0px solid #000000;
border-right: 0px solid #000000;
border-bottom: 0px solid #000000;

}
div.side-content {
position: absolute; 
overflow: none;
padding : 4px;
margin-top : 0;
margin-left : 0;
margin-right : 0;
margin-bottom : 10px;
border-top: 0px solid #000000;
border-left: 0px solid #000000;
border-right: 0px solid #000000;
border-bottom: 0px solid #000000;
left: 345px;	 
}
h1 {
color: #2e4d7b;
font-size: 8pt;
line-height: 10px;
font-weight: bold;
background-color: #A68064;
letter-spacing:0px;
text-align: right;
margin-top: -2px;
margin-bottom: 3px; 
border-left: 0px solid #000;
border-right: 6px solid #000;
border-top: 0px solid #000;
border-bottom: 0px solid #000;
padding-right: 3px;
padding-bottom: 5px;
padding-top: 5px;
text-transform: uppercase;
}
h2 {
font-family: Tahoma;
font-size: 9pt;
color: #000;
font-weight: bold;
background-color: #A68064;
letter-spacing:0px;
line-height: 10px;
margin-top: -2px;
margin-bottom: 3px; 
border-left: 8px solid #2e4d7b;
border-right: 8px solid #2e4d7b;
padding-bottom: 4px;
padding-top: 4px;
text-align: center;
text-transform: lowercase;

}
h3 {
color: #000000;
background-color: #FFFFFF;
font-size: 5pt;
line-height: 7px;
font-family: small fonts;
font-weight: normal;
letter-spacing:0px;
text-align: right;
margin-top: -2px;
margin-bottom: 2px; 
margin-left: 0px;
margin-right: 0px;
padding-left: 0px;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 0px;
text-transform: uppercase;
}

h4 {
font-family: Tahoma;
font-size: 9pt;
color: #000;
font-weight: bold;
background-color: #A68064;
letter-spacing:0px;
line-height: 10px;
margin-top: -2px;
margin-bottom: 3px; 
border-left: 8px solid #2e4d7b;
border-right: 8px solid #2e4d7b;
padding-bottom: 4px;
padding-top: 4px;
text-align: center;
text-transform: lowercase;
width: 200px;
}

#updates {
width: 200px;
background-color: #EFEFEF;
}

#calendar {
width: 200px;
background-color: #EFEFEF;
}

blockquote { 
color: #fd267d;
background-color: #fff;
font-size: 10pt;
text-align: justify; 
border-bottom : 1px solid #c0c0c0;
border-top : 1px solid #c0c0c0;
border-right : 1px solid #c0c0c0;
border-left : 7px solid #f1f1f1;
padding: 6px;
}
#banner {position: absolute; 
top: 0px; 
left: 0px}

input, submit, textarea {
font-family: georgia;
font-size: 8pt;
text-transform: none;
color: #000000;
background-color: #ffffff;
border: 3px solid #000000;
}

.title{
color: #000000;
background-color: #FFFFFF;
font-size: 8pt;
font-family: georgia;
font-weight: bold;
letter-spacing:0px;
text-align: center;
width: 30px;
height: 15px;
text-transform: lowercase;
}

/* Links & Navigation*/

#hmenu {
width: 675px;
margin-top: 0px;
margin-left: 6px;
margin-right: 0;
padding: 5px;
}

a:active, a:link, a:visited {	
	color: #052452; 
	font-weight: bold;
	text-decoration: none;
	}

a:hover {
	color: #000;
	cursor: crosshair; 
    text-transform: none;
    font-weight: none;
    text-decoration: none;
        }

#navigation3 {
   list-style: none;
   margin: 0; 
   padding: 0;
}
#navigation3 li {
   float: center;
}
#navigation3 li a {
   font-family: georgia;
   font-size: 9px;
   text-transform: lowercase;
   display: block;
   background: #2e4d7b;
   width: 140px;
   text-align: center;
   color: #ffffff;
   padding: 4px;
}
#navigation3 li a:hover {
   background: #000;
   color: #A68064;
   text-transform: uppercase;
   border-right: 7px solid #FFFFFF;
   border-left: 7px solid #FFFFFF;
   letter-spacing: 2px;
}
</style>

</head>

<div id="banner" style="position: absolute; left: 163px; top: 1px; height:500px; width:675px">
<img src="http://i180.photobucket.com/albums/x66/msxalluring/layouts/grownupkid.png">
</div>
<div id="side-content" style="position: absolute; left: 176px; top: 505px; width: 175px; height: 281px; background-color:#EFEFEF">
<h2>About me</h2>
<h3>I'm awesome.</h3>
Place the oh so awesome facts about you here. Maybe even a picture with a width 
of something no bigger than 175px. Don't want a sloppy site do you?<br><br>

<h2>title</h2>
<h3>description</h3>
Here you can put whatever you want here. Make sure it's not sloppy or overly 
big.<br>
<br>

<h2>Navigation</h2>
<h3>find your way around</h3>
<center><ul id="navigation3">
			<li><a href="http://www.whatever.com">LINK</a></li>
			<li><a href="http://www.whatever.com">LINK</a></li>

<h2>Affies</h2>
<h3>more stuff.</h3>
<center><ul id="navigation3">
			<li><a href="http://www.whatever.com">LINK</a></li>
			<li><a href="http://www.whatever.com">LINK</a></li>
			<li><a href="http://www.whatever.com">LINK</a></li>
			<li><a href="http://www.whatever.com">LINK</a></li>
			<li><a href="http://www.whatever.com">LINK</a></li>
</ul></center><br>

<h2>CBOX</h2>
<h3>chit-chat</h3>
Go Grab a <a href="http://www.cbox.ws/">CBOX</a> and make sure it isn't any bigger than 175px.&nbsp; The color 
codes are [blue: #2E4D7B]; [brown: #A68064]; [grey: #EFEFEF].<br>
&nbsp;<h2>Credits</h2>
<h3>All the little people.</h3>
Layout &amp; Coding Done By:<br>

<center><a href="http://www.soo-alluring.net"><img src="http://i180.photobucket.com/albums/x66/msxalluring/linkage/88x31cc.jpg" border="0"></a></center>
Background: <a href="http://www.freaknation.co.nr/">Freak Nation</a><br>
Images: <a href="http://chrisbrown-online.net/">Chris Brown Online</a><br>
<i>*Do Not Remove!</i>
<br>
</div>

<div class="content" style="position: absolute; left: 375px; top: 505px; width:449px; height:8px">
<h1>Blog</h1>
<b>TEST.</b> <i>test.</i> <u>Test.</u> <s>tEST.</s> Test.

<b>TEST.</b> <i>test.</i> <u>Test.</u> <s>tEST.</s> Test.
<b>TEST.</b> <i>test.</i> <u>Test.</u> <s>tEST.</s> Test.

</head>
</html>

Layout Comments

Showing latest 6 of 6 comments

i really wish this was a MySpace Layout...

By MrsChrisBrown7 on Sep 5, 2009 10:42 am

I think the image quality isn't too great, but the colors and everything else is great. Nice work!

By futura on Apr 14, 2008 6:23 pm

Your blending is just amazing.
But the effects you used overpowered the image.
I dont know if you were going for the vintage effect or the washed out effect, but it seems as though you used too much and it completely destroyed the image, making it too dark and hard to see.

By guccci on Mar 1, 2008 10:13 am

Very neat; I like it ^^

By sweetalacrity on Feb 27, 2008 12:56 am

I LOVE THIS!!!!!
IM USING IT!!!
I LOVE YOU FOR MAKING THIS! your awesome!

By Jess-Dot-Net on Feb 26, 2008 3:53 pm

It only works for one size screen.

Its not centered.

By Maccabee on Feb 26, 2008 12:56 pm

Layout Details

Designer	xpunkesque
Submitted on	Feb 25, 2008
Page views	8,795
Favorites	30
Comments	6
Reviewer	miyashu
Approved on	Feb 26, 2008

Grown Up Kid (Ft. Chris Brown)

Designer's Comments

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates