The North Front (better)

Designer's Comments

Look carefully for specific instructions

Delete everything out of your myspace before putting the code in.
Replace the ****** with your FRIEND ID

For the marquee
replace "Friend" with their name and "Friend URL" with the URL to their page starting with http://

FOR THE MUSIC PLAYER:
to get different songs or skin just go to myflashfetish.com
add the music or change the player and paste the code at the end of the "who i'd like to meet section"
**in between "div class="player"" and before "/div"**
***If you change the skin it may not fit so i would recommend NOT to change the skin.

support! support! support! support! support! support!
meaning, DON'T TAKE THE CREDIT OFF, I WILL FIND YOU, so be a good myspacer and don't take off the credit.

i don't use image mapping, so this took awhile. (new layouts i make will all have rollovers... hopefully)

add: www.myspace.com/thealaskancoast

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>
table table,table table table table,table table {
background-color:transparent;
width:270px;
border:0px;
} 
table, td, p, span, li, div{font-family:arial; font-size: 11px; color:000; font-weight: none; text-decoration: none; letter-spacing: 0px; text-transform: none; padding: 0px; line-height: 17px; background-color: transparent; border: 0px solid;}
b, strong {font-family:arial; font-size: 17px; color:2B424A; font-weight: none; text-decoration: uppercase; letter-spacing: -1px; line-height:5px; text-transform: none;}
</style><style>

div,table,tr,td,th {
background-color:transparent;
text-align:left;
border:0px;
}

a.navbar,font,.whitetext12,.btext,.orangetext15,.redbtext,.redtext,.blacktext12,.lightbluetext8,strong,.blacktext10, .nametext,div b font font, div font font u,table table table
table, table table table table td.text, td.text td.text table,table.contacttable {
display:none;
}

div table form tr td,td.text table,a.text, table div font a, table div div {
visibility:hidden;
di-splay:none;
}

td.text table table {
display:inline; 
visibility:visible;
}
embed {
position:absolute;
top:0px;
left:0px;
display:block;
width:0px;
height:0;}

embed {
position:absolute; 
margin-top:1100px; 
margin-left:420px; 
height:55px; 
width:300px;}

a:active, a:visited, a:link {
cursor:default; 
font-family:arial; 
color:333333; 
font-size:28px;
letter-spacing:-2pt;
font-weight:bold;
text-transform:uppercase;
}
a:hover { 
font-family:arial; 
color:333333; 
font-size:28px; 
text-decoration:none; 
letter-spacing:5pt; 
margin-bottom: 0px;
background-color:999F81;
border:0px solid;
border-color:;
font-weight:bold;
cursor:default; 
text-transform:lowercase;
}

body {
background-color: ffffff; 
overflow: auto;
cursor:crosshair;
}

div {
}

.title {
color: 000000;
font: 14pt gill sans;
font-weight: none;
letter-spacing:2px;
line-height: 2pt;
padding: 4px;
background-color: transparent;
background-image url:;
background-repeat:repeat;
text-align:center;
text-transform:;
border-bottom: 6px solid;
border-top: 2px solid;
border-color: A7AE8D;
display: block;}

.title2 {
color: 333333;
font: 14pt gill sans;
font-weight: none;
letter-spacing:2px;
line-height: 2pt;
padding: 4px;
background-color: transparent;
background-image url:;
background-repeat:repeat;
text-align:center;
text-transform:;
border-bottom: 6px solid;
border-top: 2px solid;
border-color: 955252;
display: block;}

.title3 {
color: 888888;
font: 14pt gill sans;
font-weight: none;
letter-spacing:2px;
line-height: 2pt;
padding: 4px;
background-color: transparent;
background-image url:;
background-repeat:repeat;
text-align:center;
text-transform:;
border-bottom: 6px solid;
border-top: 2px solid;
border-color: 527E8D;
display: block;}

.layout {
position:absolute; 
left:50px; 
top:190px; 
visibility:visible;
}

.content {
position:absolute; 
left:335px; 
top:480px;
width:465px; 
height:450px; 
overflow:auto;
visibility:visible;
padding: 15px;
}

.interests {
position:absolute;
left:133px; 
top:730px;
width:150px; 
height:240px; 
overflow:auto;
visibility:visible;
padding: 11px;
}

.pics {
position:absolute; 
left:845px; 
top:490px;
width:330px; 
height:215px; 
overflow:hidden;
visibility:visible;
}

.name{
position:absolute; 
left:845px; 
top:840px;
width:330px; 
height:30px; 
overflow: auto; 
}

.player{
position:absolute; 
left:510px; 
top:-200px;
width:330px; 
height:140px; 
overflow: none; 
}

</style>
<style>
.add{display:block;width:150px;height:95px; background-color:transparent; background-image:url("http://cbimg6.com/layouts/08/08/30737aa.png"); background-repeat:no-repeat; background-position:top left; }

.add:hover {display:block;width:150px;height:95px; background-color:transparent; background-image:url("http://cbimg6.com/layouts/08/08/30737ab.png"); background-repeat:no-repeat; background-position:top left;}

.pic{display:block;width:150px;height:95px; background-color:transparent; background-image:url("http://cbimg6.com/layouts/08/08/30737ac.png"); background-repeat:no-repeat; background-position:top left; }

.pic:hover {display:block;width:150px;height:95px; background-color:transparent; background-image:url("http://cbimg6.com/layouts/08/08/30737ad.png"); background-repeat:no-repeat; background-position:top left;}

.msg{display:block;width:150px;height:95px; background-color:transparent; background-image:url("http://cbimg6.com/layouts/08/08/30737ae.png"); background-repeat:no-repeat; background-position:top left; }

.msg:hover {display:block;width:150px;height:95px; background-color:transparent; background-image:url("http://cbimg6.com/layouts/08/08/30737af.png"); background-repeat:no-repeat; background-position:top left;}

.cmt{display:block;width:250px;height:55px; background-color:transparent; background-image:url("http://cbimg6.com/layouts/08/08/30737ag.png"); background-repeat:no-repeat; background-position:top left; }

.cmt:hover {display:block;width:250px;height:55px; background-color:transparent; background-image:url("http://cbimg6.com/layouts/08/08/30737ah.png"); background-repeat:no-repeat; background-position:top left;}

.layout{display:block;width:150px;height:95px; background-color:transparent; background-image:url("http://cbimg6.com/layouts/08/08/30737ai.png"); background-repeat:no-repeat; background-position:top left; }

.layout:hover {display:block;width:150px;height:95px; background-color:transparent; background-image:url("http://cbimg6.com/layouts/08/08/30737aj.png"); background-repeat:no-repeat; background-position:top left;} 
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="content"><span class="title">About Myself...</span><br /> 
About yourself... ayadayadayadayadayadayad ayadayadayadayadayadayadayadaya dayadayadayadayadayadayadayadayaday adayadayadaya dayad ayadayad ayadayadaya dayadayadayadayadayaday adayadayaday adayadayadayadaya dayadayadayadayadayaday adayadaya dayaday adayaday adayadayaday adayadayadayadayadaya dayadayada yadayadayaday adayadayadayadayadayaday adayadayadayadayadayad ayadayadayadayad ayadayadayadayadaya dayadayadayadayadayada
 
<br><br><span class="title2">I Enjoy Things like...</span><br />
Your interests... ayadayadayadayadayadayad ayadayadayadayadayadayadayadaya dayadayadayadayadayadayadayadayaday adayadayadaya dayad ayadayad ayadayadaya dayadayadayadayadayaday adayadayaday adayadayadayadaya dayadayadayadayadayaday adayadaya dayaday adayaday adayadayaday adayadayadayadayadaya dayadayada yadayadayaday adayadayadayadayadayaday adayadayadayadayadayad ayadayadayadayad ayadayadayadayadaya dayadayadayadayadayada

<br><br><span class="title3">And Also...</span><br />
ayadayadayadayadayadayad ayadayadayadayadayadayadayadaya dayadayadayadayadayadayadayadayaday adayadayadaya dayad ayadayad ayadayadaya dayadayadayadayadayaday adayadayaday adayadayadayadaya dayadayadayadayadayaday adayadaya dayaday adayaday adayadayaday adayadayadayadayadaya dayadayada yadayadayaday adayadayadayadayadayaday adayadayadayadayadayad ayadayadayadayad ayadayadayadayadaya dayadayadayadayadayada
</div>

<div class="interests"><br />
<b>Name:</b> Shelby<br>
<b>Age:</b> 17<br>
<b>Height:</b> 5'3"?<br>
<b>Weight:</b> 115ish lbs.<br>
<b>Hometown:</b> 393!<br>
<b>State:</b> 508!<br>
<b>Horoscope::</b> Leo<br>
<b>Birthday:</b> July 26, 1991<br>
<b>Drink/Smoke:</b> No/No<br><br><center>
<i>"Hey, look, put a quote here if you'd like!"</a>
</div>

<div class="pics"><span class="title2">Top Friends</span>
<marquee direction="down"><center>
<a href="FRIEND URL">Friend</a><br><br><br><br>
<a href="FRIEND URL">Friend</a><br><br><br><br>
<a href="FRIEND URL">Friend</a><br><br><br><br>
<a href="FRIEND URL">Friend</a><br><br><br><br>
<a href="FRIEND URL">Friend</a><br><br><br><br>
<a href="FRIEND URL">Friend</a><br><br><br><br>
<a href="FRIEND URL">Friend</a><br><br><br><br>
</marquee></div>

<div class="name"><span class="title">Music</span></div>
<div class="player"><br>
<center><p style="visibility:visible;"><embed src="http://assets.myflashfetish.com/swf/mp3/minime.swf" quality="high" wmode="transparent" flashvars="myid=11968412&path=2008/08/19&mycolor=707070&mycolor2=8CAD6D&mycolor3=734378&autoplay=true&rand=0&f=4&vol=100&pat=0&grad=false" width="160" height="68" name="myflashfetish" align="middle"type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" border="0" /><img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://cbimg6.com/layouts/08/08/30737al.gif" />
</div>

Layout Comments

Showing latest 10 of 12 comments

this is verrry cute. simple but in a very nice way. =]

By AliAlaska on Oct 2, 2008 4:38 pm

i love it all.

By leeshaleeann on Sep 12, 2008 11:32 am

great layout. i am having some problems with the music player. on the older edition of this i was able to enter my project playlist player and it worked just fine in the music section.

now i used the flashfetish player and the project playlist and neither will show up in the box even though they are small. they are either hidden altogether or at the top center of the window. any suggestions?

By sailortot on Aug 28, 2008 12:23 am

just delete where it starts with "< b >" and ends in "< / a >" before the < /d i v >

By ShelbyLeeJohnson on Aug 22, 2008 9:24 pm

I have a question about this layout. in the box where you put your name, age ect. is there any way I could put something else in there and it still show up in the box. I tried and i couldnt find a way to keep what I put in the box. Please help.
Thanks =)

By XxJessicaLaurenxX on Aug 22, 2008 6:03 pm

all the ***** or XXXXX in the "i'd like to meet code".

By ShelbyLeeJohnson on Aug 22, 2008 4:34 pm

where do i put my friend id??? i can't find the place to insert it!
helpp pleaseeeee

By julicancan on Aug 22, 2008 3:21 pm

cute roll overs. and i ♥ daft punk ^-^

By xDarkHope on Aug 21, 2008 5:42 pm

i really like the colors. i like the song too.

By smash on Aug 21, 2008 2:52 am

i need assisstance!! lol it wont work for the 'top friends' portion...andd my music player or the one that came with the layout doesnt work either... HELP!

By SportylilChica1 on Aug 21, 2008 12:57 am

View all »

Layout Details

Designer	ShelbyLeeJohnson
Submitted on	Aug 19, 2008
Page views	27,774
Favorites	218
Comments	12
Reviewer	schizo
Approved on	Aug 20, 2008

Layout Colors

Layout Tags

abstract, colorful, cute, emotions, fantasy, minimal, music, nature, objects, retro, seasonal, bird, colors, plants, vine, simple, pattern

Layout Tools

Layout Affiliates

Here I Stand Layouts