Avril Lavigne

Designer's Comments

Look carefully for specific instructions

Please do not alter the images in any way and leave the credits as they are.

Edit the navigation/content/etc as you want.

Tested in Firefox and Internet Explorer.

Should work in most screen resolutions.

Enjoy!

Layout Code

Copy and paste to Template HTML

Help

<html>
<head>
<title>Avril Lavigne</title>

<style>

.head { display: block;
	background-image: url(http://cbimg6.com/layouts/07/07/04/19073ac.png);
	background-repeat: no-repeat;
	font-size: 20px;
	height: 31px;
	text-align: center;
	letter-spacing: 3px;
	color: #833d00;
	margin: 0;

</style>
<style>
	.navhead { display: block;
	background-image: url(http://cbimg6.com/layouts/07/07/04/19073ad.png);
	background-repeat: no-repeat;
	font-size: 16px;
	height: 30px;
	text-align: center;
	letter-spacing: 1px;
	color: #833d00;
	margin: 0;
	padding-right: 13px;
	padding-top: 6px;

</style>

</head>

<body>

<div style="position: absolute; left: 36px; top: 110px; width: 550px">
Header Title Goes Here
This is where your main content will go. Fill up as much or as little as you want! XD It's all up to you!

Please do not alter the images/layout in any way. And it goes without saying.... do not remove the credit. I mean... I've taken the ultra long time to code this, so the least you can do is leave the credit there. But of course.... you may edit the navigation, contents, and such to suit your website needs. ^^

I think you'd need some basic knowledge of html to be able to fully make use of this layout. But it's nothing too complicated. There are plenty of tutorials on the web, and even some on <a href="http://www.createblog.com" target="_blank">CreateBlog</a> too.

This layout was tested in both Internet Explorer and Firefox. In Firefox, the font of the text will be slightly different. Other than that, it works perfectly fine.... compatible in both browsers. ^^

Oh, and it works in all resolutions too. :) Hope you enjoy it!

Header Title Goes Here
content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content

content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content

Header Title Goes Here

content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content

Header Title Goes Here

content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content

</div>

<div style="position: absolute; left: 600px; top: 400px; width: 155px">
<center>
About Me
 Name: yourname 
Age: yourage 
Birthday: yourbirthdate 
Interests: yourinterests 
Likes: whatyoulike 
Dislikes whatyoudislike 
Current Mood: yourmood

Content
 <a href="#">Link here</a> 
<a href="#">Link here</a> 
<a href="#">Link here</a> 
<a href="#">Link here</a> 
<a href="#">Link here</a> 
<a href="#">Link here</a> 
<a href="#">Link here</a> 
<a href="#">Link here</a> 
<a href="#">Link here</a>

Links Out
 <a href="http://www.createblog.com" target="_blank">CreateBlog</a> 
<a href="#" target="_blank">Link here</a> 
<a href="#" target="_blank">Link here</a> 
<a href="#" target="_blank">Link here</a>

Credits
 Layout By: <a href="http://dreamgurl36.createblog.com" target="_blank">dreamgurl36</a> 
Image From: <a href="http://www.alavigne.com.br" target="_blank">Alavigne</a> 
	
</center>

</div>
<div id="footer">

</div>

</body>
</html>

Layout Comments

Showing latest 3 of 3 comments

i think its amazing, iv added it to my favourites, the colours match and the images are great. x

By charlg93 on Aug 18, 2007 7:26 am

I really love the content area! Good work!

By YourSuperior on Jul 13, 2007 3:30 am

i think this layout looks pretty good! great job

By Chicago on Jul 5, 2007 10:46 pm

Layout Details

Designer	dreamgurl36
Submitted on	Jul 4, 2007
Page views	6,084
Favorites	14
Comments	3
Reviewer	freeflow
Approved on	Jul 4, 2007

Avril Lavigne

Designer's Comments

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates