Nick Black

Designer's Comments

Look carefully for specific instructions

Change all 'username's to your username
Change the 'about me here's into your About Me Section
Change the 'CONTACT INFO HERE's to your contact details or change/delete the section completely :]

There is one 'createblogidnumber' which you need to change
To find yours, find a post you have made in the forums and click on your picture (or click on your username > view subprofile)
Get the last few numbers in the url

FOR EXAMPLE:
Mine would be
http://www.createblog.com/forums/index.php?showuser=653128

Put that number into the code

Using This Layout

For specific instructions read designer's comments

This is a Div Overlay layout, HTML knowledge required!
1. Log into createblog.com (customize)
2. Copy (ctrl c) and paste (ctrl v) code to the specified fields

Layout Code

Copy and paste to Header HTML

Help

body {
	background-color: #000000;
	background-image: url('http://cbimg6.com/layouts/09/07/35312ab.png'); 
	background-repeat: repeat-x;
	background-position: top;
	background-attachment: scroll;
	color:#B0B0B0;
	font-family:verdana;
	scrollbar-face-color: #000000;
	scrollbar-shadow-color: #000000; 
	scrollbar-base-color: #000000; 
	scrollbar-3dlight-color: #000000; 
	scrollbar-arrow-color: #B0B0B0; 
	scrollbar-highlight-color: #000000;
}

h1 {
    	color: #919191;
    	font-family: small fonts;
    	font-size: 14px;
	letter-spacing: 2px;
	font-weight: (bold);
	word-spacing:4px;
	line-height: 17px;
	border-bottom-color: #B0B0B0;
	border-bottom-style: solid;
	border-bottom-width: 3px;
	background-color: black;
}

h2 {
   	color: #919191;
    	font-family: small fonts;
    	font-size: 13px;
	font-weight: normal;
	line-height: 14px;
	border-bottom-color: #B0B0B0;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	background-color: black;
}

body,table, td, li, p, div{font-size: 9px; font-family: small fonts; color: #999999;}
a, a:link{font:normal 12px  small fonts; color:#ffffff !important;}
a:active{font:normal 12px small fonts; color:#ffffff !important;}
a:visited{font:normal 12px small fonts; color:#ffffff !important;}
a:hover{font:normal 14px small fonts; color:#B0B0B0 !important;}

a.navi:active, a.navi:visited, a.navi:link{
	display:block;
    	width:150px;
   	height:13px;
   	color:white;
    	font-family:small fonts;
    	font-size:12px;
    	font-weight:normal;
    	text-decoration:none;
    	letter-spacing:2px;
    	line-height:12px;
    	background-color:black;
    	border-left-width:4px;
    	border-left-style:solid;
    	border-left-color:#131313;
}

a.navi:hover {
    	display:block;
    	width:150px;
    	height:13px;
    	color:white;
    	font-family:arial;
    	font-size:12px;
    	font-weight:normal;
   	text-decoration:none;
	text-transform: uppercase;
    	letter-spacing:3px;
    	line-height:12px;
    	background-color:black;
    	border-left-width:4px;
    	border-left-style:solid;
    	border-left-color:#B0B0B0;
}

#profile div#splash{display:none !important;}
#profile div#bestfriends{display:none !important;}
#profile div#contactme{display:none !important;}
#profile div#comments{display:none !important;}
#profile div#links{display:none !important;}
#profile div#stats{display:none !important;}
#profile div#recententries{display:none !important;}
#profile div#recentphotos{display:none !important;}
#profile div#favorites{display:none !important;}
#profile div#skills{display:none !important;}
#profile div#aboutme{display:none !important;}
#profile div#submissions{display:none !important;}
#header{display:none;}
#footer{display:none;}

#side{position: absolute; left: 50%; margin-left: 200px; margin-top: 210px; width: 150px; height: auto; z-index:1;}

#content{position: absolute; left: 50%; margin-left: -320px; margin-top: 210px; width: 500px; height: auto; z-index:1;}

</style>

<div id= "content">
<h1>About Me</h1>
ABOUT ME HERE ABOUT ME HERE ABOUT ME HERE ABOUT ME HERE ABOUT ME HERE ABOUT ME HERE ABOUT ME HERE ABOUT ME HERE ABOUT ME HERE ABOUT ME HERE ABOUT ME HERE ABOUT ME HERE ABOUT ME HERE ABOUT ME HERE ABOUT ME HERE ABOUT ME HERE ABOUT ME HERE ABOUT ME HERE ABOUT ME HERE ABOUT ME HERE ABOUT ME HERE ABOUT ME HERE ABOUT ME HERE ABOUT ME HERE ABOUT ME HERE ABOUT ME HERE ABOUT ME HERE ABOUT ME HERE ABOUT ME HERE ABOUT ME HERE ABOUT ME HERE ABOUT ME HERE ABOUT ME HERE ABOUT ME HERE ABOUT ME HERE ABOUT ME HERE<br><br>
<h1>Contact Information</h1>
CONTACT INFO HERE CONTACT INFO HERE CONTACT INFO HERE CONTACT INFO HERE CONTACT INFO HERE CONTACT INFO HERE CONTACT INFO HERE CONTACT INFO HERE CONTACT INFO HERE CONTACT INFO HERE CONTACT INFO HERE CONTACT INFO HERE CONTACT INFO HERE CONTACT INFO HERE CONTACT INFO HERE CONTACT INFO HERE CONTACT INFO HERE CONTACT INFO HERE CONTACT INFO HERE CONTACT INFO HERE CONTACT INFO HERE<br><br>

<h1>Comment</h1><br>

<div id= "side">
<h1>Links</h1>
<a href="http://www.createblog.com" class="navi" >Home</a>
<a class="navi" href="http://www.createblog.com/home">Your Account</a>
<a class="navi" href="http://www.createblog.com/forums/index.php?act=Msg&CODE=4&MID=createblogidnumber">Message</a>
<a class="navi" href="http://username.createblog.com/friends/add.php?height=100&width=300&nocache=1228524817">Add</a>
<a class="navi" href="http://nickblack.net">Nick Black</a>
<a class="navi" href="http://zachyRAWR.createblog.com">Credit</a>
<br>
<h1>Submissions</h1>
<a class="navi" href="http://USERNAME.createblog.com/graphics">Graphics</a>
<a class="navi" href="http://USERNAME.createblog.com/layouts">Layouts</a>
<a class="navi" href="http://USERNAME.createblog.com/scripts">Scripts</a>
<a class="navi" href="http://USERNAME.createblog.com/tutorials">Tutorials</a>
<br>
<h1>Sorry.</h1><br>
<object width="150" height="120"><param name="movie" value="http://www.youtube.com/v/2nBY6o3G83Q&hl=en&fs=1&color1=0x3a3a3a&color2=0x999999&border=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/2nBY6o3G83Q&hl=en&fs=1&color1=0x3a3a3a&color2=0x999999&border=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="150" height="120"></embed></object>
</div>

Layout Comments

Showing latest 8 of 8 comments

I absolutly LOVE Nick Black! This is awesome

By CottonCandieCarnage on Jul 29, 2009 4:51 pm

Ehh..it's not really that great. You should lower the font size some if you're going to use small fonts, esp. on the nav. Also, the header isn't aligned for me and it's a bit plain. I think you could've done more to the image. :\

By Mikeplyts on Jul 29, 2009 2:11 am