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://cbimg9.com/layouts/07/07/23/19805ah.png);
	background-repeat: no-repeat;
	font-size: 20px;
	font-style: bold;
	height: 32px;
	text-align: center;
	letter-spacing: 4px;
	color: #423b34;
	margin: 0;
	padding-right: 0px;
	padding-top: 3px;

</style>
<style>
	.navhead { display: block;
	background-image: url(http://cbimg9.com/layouts/07/07/23/19805ai.png);
	background-repeat: no-repeat;
	font-size: 20px;
	font-style: bold;
	height: 32px;
	text-align: center;
	letter-spacing: 3px;
	color: #423b34;
	margin: 0;
	padding-right: 8px;
	padding-top: 2px;

</style>

</head>

<body>

<div style="position: absolute; left: 280px; top: 460px; width: 485px">
<body background="http://i79.photobucket.com/albums/j155/dreamgurl36/contentbg.jpg">
<span class="head">Header Title Goes Here</span>
<p>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!

<p>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. ^^

<p>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.

<p>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. ^^

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

<p><span class="head">Header Title Goes Here</span></p>
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

<p>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</p>

<p><span class="head">Header Title Goes Here</span></p>

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

<p>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</p>

<p><span class="head">Header Title Goes Here</span></p>

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

<p>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</p>

</div>

<div style="position: absolute; left: 60px; top: 460px; width: 190px">
<center>
<span class="navhead">About Me</span>
<br><b>Name:</b> yourname<br>
<b>Age:</b> yourage<br>
<b>Birthday:</b> yourbirthdate<br>
<b>Interests:</b> yourinterests<br>
<b>Likes:</b> whatyoulike<br>
<b>Dislikes</b> whatyoudislike<br>
<b>Current Mood:</b> yourmood<br>

<p><span class="navhead">Content</span>
<br><a href="#">Link here</a><br>
<a href="#">Link here</a><br>
<a href="#">Link here</a><br>
<a href="#">Link here</a><br>
<a href="#">Link here</a><br>
<a href="#">Link here</a><br>
<a href="#">Link here</a><br>
<a href="#">Link here</a><br>
<a href="#">Link here</a><br></p>

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

<p><span class="navhead">Credits</span>
<br>Layout By: <br><a href="http://dreamgurl36.createblog.com" target="_blank">dreamgurl36</a><br>
Images: <br><a href="http://www.alavigne.com.br" target="_blank">Alavigne</a><br>
Other Credits: <br><a href="http://streetcarcircus.net" target="_blank">Streetcarcircus</a><br>
<a href="http://www.totallyfreecursors.com" target="_blank">TotallyFreeCursors</a><br>
<a href="http://ex-posed.com" target="_blank">Ex-posed</a><br>
</center>

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

</div>

</body>
</html>

Layout Comments

Showing latest 8 of 8 comments

love it!

By xoeyeox on Oct 6, 2007 7:32 pm

Whoa! This is really pretty! :)

By YourSuperior on Jul 29, 2007 10:21 pm

Lovelovelove!

By luku on Jul 23, 2007 11:31 pm

I agree about the cutouts but it's still really nice ^_^

By FoxLucky on Jul 23, 2007 6:54 pm

very cute .i luv it

By colbydageek on Jul 23, 2007 6:40 pm

i agree on the cutouts but the style is pretty awesome, same with the sepia tones
the content could use a background even if its faded a bit
just so the text can be seen better
outside of the cutouts the layouts nice

By Blaqheartedstar on Jul 23, 2007 5:18 pm

ii like this one
except the avril lavigne cutouts could've
been better

nice job

By dannyordinary on Jul 23, 2007 11:33 am

The banner is covered :X
And why are there weird white things around her hair in the smaller pictures?

It looks really nice though.

By GunsNRachel on Jul 23, 2007 10:54 am

Layout Details

Designer	dreamgurl36
Submitted on	Jul 22, 2007
Page views	9,672
Favorites	28
Comments	8
Reviewer	digitalfragrance
Approved on	Jul 23, 2007

Avril Lavigne

Designer's Comments

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates