Avril Lavigne

Website Templates / 2 Columns

Designer's Comments

Look carefully for specific instructions

This is my first layout that i'm posting on CreateBlog. I hope you people like it!

Layout Code

Copy and paste to Template HTML

Help

<html>

<head>
<style>
body
{background-image: url(http://cbimg6.com/layouts/08/09/31622ab.png);
background-repeat: repeat-repeat;
background-color: #000000;
cursor: normal;
		font-family: verdana;
		color: #555555;
		font-size: 11px;
		text-align: left;
		padding-right: 10px;
		padding-left: 5px;
		padding-top: 0px;
		padding-bottom: 3px;
		background-color: transparent;}

scrollbar-arrow-color: #9f9f9f; 
scrollbar-darkshadow-color: #9f9f9f; 
scrollbar-track-color: #9f9f9f; 
scrollbar-face-color: #eddbc1; 
scrollbar-shadow-color: #9f9f9f; 
scrollbar-highlight-color: #9f9f9f; 
scrollbar-3dlight-color: #9f9f9f; }

i{ color: #ffffff;}
em { color:  #222222;}
u { color: #66595f;}
strong{ color:  #222222;}
b { color: #84727b;}
s{ color: #444444;}
strike{ color: #222222;}

a:link,a:visited,a:active { color: #84727b; text-decoration: none; border-bottom: 0px dotted #9f9f9f; border-color:000000;}
a:hover { color: #999999; text-decoration: none; border-bottom: 1px dotted #ffffff; padding-left: 0px; font-weight: normal; border-color:000000;}

.nav{ font-family: times;  font-size: 20px; padding-left: 3px; color: 84727b; text-decoration: none; text-weight; bold;}

.nav:hover{font-family:times; font-size:25px; color:444444; padding-left: 3px; background-color: transparent;text-decoration: none; text-weight; bold;}

img a:link,a:visited,a:active { color: #84727b; text-decoration: none; border-bottom: 0px dotted #9f9f9f; border-color:000000;}
img a:hover { color: #555555; text-decoration: none; border-bottom: 0px;  padding-left: 5px; font-weight: normal; border-color:000000;}

.header {
		color: #999999;
		font-size: 11px;
		font-family: verdana;
		letter-spacing: 2px; 
		text-align: left;
		font-weight: bold;
		padding-right: 3px;
		padding-left: 20px;
		padding-top: 0px;
		padding-bottom: 1px;
		background-color: transparent;
		background-image:url('http://cbimg6.com/layouts/08/09/31622ac.png');
		border-bottom: #ffffff solid 0px;}  
		
tekst {
		color: #555555;
		font-family: verdana;
		font-weight: bold;

div {
		color: #555555;
		font-family: verdana;
		font-size: 11px;
		text-align: left;
		padding-right: 30px;
		padding-left: 5px;
		padding-top: 0px;
		padding-bottom: 3px;
		background-color: transparent;
 }
</style>
</head>

<body>
<div id="panel" style=" position: absolute; left:0; top:0; width:200;">
<FONT style="FONT-WEIGHT: normal; FONT-SIZE: 7px; COLOR:#444444 ; FONT-FAMILY:small fonts ; LETTER-SPACING: 0px; TEXT-TRANSFORM: uppercase">Layout by <a href="http://xJoliien.createblog.com" style="color:444444">xJoliien</a><br></FONT></div>
<img src="http://cbimg6.com/layouts/08/09/31622aa.png">
<div id="panel" style=" position: absolute; left:550; top:295; text-align:right; width:200;">
<a href="link" class="nav">Link 1</a><br>
<a href="link" class="nav">Link 2</a><br>
<a href="link" class="nav">Link 3</a><br>
<a href="link" class="nav">Link 4</a><br>

<div id="panel" style=" position: absolute; left:140; top:580; width:370">
This is where you can put some text.This is where you can put some text.This is where you can put some text.
This is where you can put some text.This is where you can put some text.This is where you can put some text.
This is where you can put some text.This is where you can put some text.This is where you can put some text.
This is where you can put some text.This is where you can put some text.This is where you can put some text.
This is where you can put some text.This is where you can put some text.This is where you can put some text.
This is where you can put some text.This is where you can put some text.This is where you can put some text.<br><br>

Style:<br>
<b>Bold</b><br>
<u>Underlined</u><br>
<s>Striked</s><br>
<i>Italic</i><br>
<a href="link">Link</a><br>

</html>

Layout Comments

Showing latest 10 of 17 comments

I love the vintage feel to the rock star ness of avril.

btw.

someone is stealing your layout. :(
http://electric-mint.piczo .com/

By coutour-robots on Dec 17, 2008 10:15 pm

It looks pretty cool ;)

i mean; pretty dope. lol

By fatmonsterx on Oct 18, 2008 4:49 pm

avril's looking real hot here[:
nice job, i love the vintage look.

By goth-nina on Oct 11, 2008 7:50 am

hey can you add me on myspace, myspace.com/michelg16[leave a note saying its you] i want to talk to you about making a layout similar to this for my layout site. im making a new layout site and its gonna be really popular and i need a god layout for it

By DoItWell on Oct 4, 2008 8:58 pm