Avril Lavigne

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

Find this layout and more on my website and my MySpace

---
Font Credit: Dafont
Brush Credit: Lush

Using This Layout

For specific instructions read designer's comments

This is a div overlay layout, html knowledge required!
1. Log into myspace.com
2. Click on Edit Profile (Profile 1.0)
3. Copy (ctrl c) and paste (ctrl v) code to the specified fields

Update Friend ID

Input Friend ID to automagically update code

Layout Code

Copy and paste to About Me

Help

<p><a href="http://www.createblog.com/myspace-layouts/" title="Grab Myspace Layouts and Myspace Codes"><img src="http://www.createblog.com/images/link1.gif" border="0" alt="Myspace Layouts" style="position:absolute;top:0px;left:0px;width:10px;height:27px;" /></a></p><style>td td object {position:absolute; left:1px; top:1px; display:block; width:0px; height:0px;}</style><style type="text/css">. {removes top links and navbar}div table form tr td, a.navbar, font{visibility:hidden!important; height:0px!important;}.{hiding the bottom links}table tr td div div {visibility:hidden;border:0px!important;background-color:transparent;}. {hiding the copyright}table div font a, table div div {visibility:hidden; display:none;border:0px!important;background-color:transparent;}    table, tr, td {background:transparent;}    table table table table, table table table table td.text, table.contactTable {display:none;}    td.text table, .orangetext15 {visibility:hidden;}    td.text table table {display:inline; visibility:visible;}    td.text td.text table {display:none;}    div b font font, div font font u {display:none;}.whitetext12 { display: none; }.nametext { display:none;}. {hiding the copyright}table div font a, table div div {visibility:hidden; display:none;border:0px!important;background-color:transparent;}</style></STYLESHEET><style type=text/css>body {background-color: ffffff;background-image: url("");background-position: bottom right;background-repeat: repeat;background-attachment: scroll;scrollbar-arrow-color: dd4e9b;scrollbar-track-color: ffffff;scrollbar-face-color: ffffff;scrollbar-shadow-color: ffffff;scrollbar-highlight-color: ffffff;scrollbar-darkshadow-color:ffffff;scrollbar-3dlight-color:ffffff;overflow:auto!important;cursor:normal;}table, tr, td {background-color: transparent; border: 0px; padding:2;}table table {border: 0px;}table table table table{border: 0px;}{sets the default style for the body, table data, list data, divisions and text areas}body,table, td, li, p, div, textarea  {font:normal 8px century gothic; color:ffffff; font-weight:none; border:0px; text-transform: none; line-height:12px;}{class for the basic font for the page}.text {font:normal 8px century gothic; color:ffffff; font-weight:none; border:0px; text-transform: none; line-height:12px;}  .blacktext12{font-family: century gothic, serif; color:ffffff; font-weight: bold; font-size: 20px; letter-spacing: 0px; line-height:20px; text-align:left;}{This is how all anchor points will be displayed; anchor points appear before all links.}  a{font-family:century gothic; font-size:8px; color:ffffff; font-weight:none;border:0px; text-transform: none; text-decoration:bold;}  a:link{font-family:century gothic; font-size:8px; color:ffffff; font-weight:none;border:0px; text-transform: none; text-decoration:none;}  a:active{font-family:century gothic; font-size:8px; color:ffffff; font-weight:none;border:0px; text-transform: none; text-decoration:none;}  a:visited{font-family:century gothic; font-size:8px; color:ffffff; font-weight:none;border:0px; text-transform: none; text-decoration:none;}  a:hover{font-family:century gothic; font-size:8px; color: dd4e9b; font-weight:none;border:0px; text-transform: none; text-decoration:none; cursor:normal;}  {View all friends and invite more link style}  a.redlink{font-family:century gothic; font-size:8px; color: ffffff; font-weight:none;border:0px; text-transform: none; text-decoration:none;}  a.redlink:link{font-family:century gothic; font-size:8px; color: ffffff; font-weight:none;border:0px; text-transform: none; text-decoration:none;}a.redlink:active{font-family:century gothic; font-size:8px; color: ffffff; font-weight:none;border:0px; text-transform: none; text-decoration:none;}a.redlink:visited{font-family:century gothic; font-size:8px; color: ffffff; font-weight:none;border:0px; text-transform: none; text-decoration:none;}a.redlink:hover{font-family:century gothic; font-size:8px; color: dd4e9b; font-weight:none;border:0px; text-transform: none;letter-spacing: 2; text-decoration:none; cursor:normal;}{2 links in very top on the left, and the 13 links above your picture with make the navigation bar}a.navbar, a.navbar:link, a.navbar:active, a.navbar:visited, a.navbar:hover, font{font-family:century gothic; font-size:8px; color: ffffff; font-weight:none;border:0px; text-transform: none; text-decoration:underline;}  {Default Links}a:link, a.man,a:active, a:visited{font-family:century gothic; font-size:8px; color: ffffff; font-weight:none;border:0px; text-transform: none; text-decoration:none;}a:hover{font-family:century gothic; font-size:8px; color: dd4e9b; font-weight:none;border:0px; text-transform: none; text-decoration:none; cursor:normal;}{bolded words}.standard b, p b, B, strong {font-weight:heavy; }</style></DIV BACKGROUND><div class="bg" style="position: absolute; left:100px; top:100px; width:800px; height:800px; overflow: hidden; border: 0px solid; border-color: 000000; Z-INDEX:1;background-color: transparent; overflow-x:hidden!important;"><img src=" http://i144.photobucket.com/albums/r186/hospitalhorror/divs/avrilDIV.jpg" width="800" height="800" border="0" alt="" usemap="#avril_Map"><map name="avril_Map"><area shape="rect" alt="" coords="2,2,53,48" href=http://www.myspace.com/hello_dear_lyts></map></div>}a.nav:link, a.nav:visited, a.nav:active { text-decoration: none; font-family: century gothic; font-size: 8px; line-height: 10px; color: # DD4E9B; background-color: white; cursor: default; display: block;        text-align:center; text-transform: none; margin: 4px;        padding: 4px;        border-bottom:0px solid #000000;        border-right: 0px solid #000000;        border-left: 0px solid #000000;}a.nav:hover { font-family: century gothic; font-size: 8px; line-height: 10px;        font-weight: none; color: #DD4E9B;        text-align: center; background-color: #ffffff; cursor: default; display: block; text-transform: none; margin: 4px;        padding: 4px;        border-bottom:0px solid #000000;        border-right: 0px solid #000000;        border-left: 0px solid #000000;}

Layout Code

Copy and paste to I'd Like to Meet

Help

</DIV CONTENT><div class="content" style="position: absolute; left:164px;  top:261px; width:368px; height:296px; overflow: auto; Z-INDEX:2; background-color: transparent; overflow-x:auto!important;"><p align=center><center>WRITE YOUR ABOUT ME HERE ! WRITE YOUR ABOUT ME HERE !<br>WRITE YOUR ABOUT ME HERE ! WRITE YOUR ABOUT ME HERE !<br>WRITE YOUR ABOUT ME HERE ! WRITE YOUR ABOUT ME HERE !<br></div></p><div class="content" style="position: absolute; left:562px;  top:257px; width:318px; height:119px; overflow: auto; Z-INDEX:2; background-color: transparent; overflow-x:auto!important;"><p align=center><center><a href=http://home.myspace.com/index.cfm?fuseaction=user>home</a> <a href=http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=YOURFRIENDID>add me</a> <a href=http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=YOURFRIENDID>message me</a> <a href=http://collect.myspace.com/index.cfm?fuseaction=RateImage.UserRating&UserID=YOURFRIENDID>block me</a> <br><a href=http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=YOURFRIENDID>pictures</a> <a href=http://home.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=YOURFRIENDID>view my friends</a> <a href=http://comments.myspace.com/index.cfm?fuseaction=user.HomeComments&friendID=YOURFRIENDID>view my comments</a> <a href=http://www.myspace.com/_apatheticlayouts>layout credit</a></div></p><div class="content" style="position: absolute; left:561px;  top:455px; width:321px; height:115px; overflow: auto; Z-INDEX:2; background-color: transparent; overflow-x:auto!important;"><p align=center><center>COMMENT BOX ! go here to get the comment box used in preview !  http://photobucket.com/practice/?id=eoz9w</div></p>