click click boom

Designer's Comments

Look carefully for specific instructions

myspace.com/digitalfragrance | designer's portfolio

Remember! - Replace ***YOUR USER ID HERE*** with your myspace ID number. This includes erasing the asterisks! Those are found throughout the layout code (The links, the comment form, your personal information) - make sure you replace all of them!

To find your Myspace User ID number:
1. Click "View Profile" from your home page.
2. Then copy the numbers on the end of the URL in the address box.
3. TADA! It's your Myspace User ID number.

To Change Your "No Pic" scrolling Pictures (Friends):
1. Go to a friend's site.
2. Right Click their profile picture. Click "Properties" and Copy the URL (internet address) of the picture.
3. Go to your code. Paste the URL where the current "No Pic" image is in the "marquee" code.
4. Go back to your same friend's site. Copy their site's internet address in the address bar.
5. Go to your code, and paste where this - ***MYSPACE FRIEND URL HERE*** - is dsiplayed.
6. Viola! Now you're done. Just repeat these steps with the rest of the pictures.

To Change your Profile Picture
The same thing applys to this as well. Copy the URL (internet address) of the picture you want to use, and paste that where the current .jpg file is. This is located in after your scrolling marquee code for your friends pictures and is before your "NAME, FACT, ...etc"!

IMPORTANT. If you add a lot more stuff to you content area, increase the height of your first div layer (the first part of the Who I'd Like To Meet") from 1300 px to a larger value.

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>
div div select, div div form {display:none !important;}
select { filter:alpha(opacity=0); }
</style><style>
a.navigate:link,a.navigate:active,a.navigate:visited{
	padding:4px;
	color:0e0e0e;
	font-size:10px;
	text-indent:10px;
	font-weight:normal;
	letter-spacing:1.5px;
        border: 1px solid;
        border-color: 0e0e0e;
	font-family:arial;
	text-decoration:none;
	text-transform:uppercase;
	background-color:3F3D42;
	line-height:15px;
        display:block;
        text-align: center;
	
}
a.navigate:hover{
	padding:4px;
	color:FDA6B7;
	font-size:10px;
        text-align: center;
	text-indent:10px;
	font-weight:normal;
	letter-spacing:1.5px;
	font-family:arial;
	text-decoration:none;
	text-transform:uppercase;
	line-height:15px;
        background: url(http://cbimg9.com/layouts/07/07/27/20006aa.gif) 0e0e0e bottom left no-repeat;
       display:block;
	
}

</style>

</style>

</style>

.redlink, .orangetext15, .btext {
COLOR: 000000;
FONT-SIZE: 1;
}

table table { 
border:none;
background-color:A5C6F3; 
width:420px;
padding:1;
} 
table table table table td{width:400; 
background-color: transparent;}

table table table table{ 
border: none;
width:420px;
background-color:transparent; 
align:right;
padding:1;}

div div table td td font {visibility: hidden;}

p, table, tr, td, th, div{
border: 0px;
background:ffffff;
FONT: century gothic; COLOR: ffffff; 
LETTER-SPACING: 0px; TEXT-ALIGN: justify
}

body {
cursor: normal; align: center;
SCROLLBAR-FACE-COLOR:0e0e0e; 
SCROLLBAR-HIGHLIGHT-COLOR:3F3D42;
SCROLLBAR-SHADOW-COLOR:3F3D42; 
SCROLLBAR-3DLIGHT-COLOR:3F3D42; 
SCROLLBAR-ARROW-COLOR:3F3D42; 
SCROLLBAR-TRACK-COLOR:3F3D42;
SCROLLBAR-DARKSHADOW-COLOR:3F3D42;
background-color: 3F3D42;
overflow-x: hidden;
background-attachment: repeat-y;
}
font {background-color: transparent}

}
textarea
{
background: transparent;
font: 10px century gothic;
color: FFFFFF;
}
P {FONT: 12px century gothic; COLOR:ffff; 
LETTER-SPACING: 0px; TEXT-ALIGN: justify}
.blacktext10 {FONT: 12px times new romaN; 
COLOR:000000; LETTER-SPACING: 0px; TEXT-ALIGN:
justify; display:block;}

a, a:link,a:active {FONT: 11px century gothic;
COLOR:656565; 
TEXT-DECORATION: none
Letter-spacing: 2.5px;
Text-transform: lowercase;
font-weight: bold;
}

a:visited{FONT: 11PX century gothic; 
COLOR:656565; 
TEXT-DECORATION: none
Letter-spacing: 2.5px;
Text-transform: lowercase;
}
A:hover {FONT: 11px century gothic; 
COLOR:656565; 
TEXT-DECORATION: none
Letter-spacing: 2.5px;
Text-transform: lowercase;
}

li, h1, h2, .redtext, font, .navbar, .lightbluetext8, .blacktext12,  .whitetext12,.orangetext12, .nametext{FONT: 11px/11px arial; COLOR:000000; LETTER-SPACING: 0px; TEXT-ALIGN: justify;}

.blacktext10 {
FONT-WEIGHT: normal; FONT-SIZE: 18; PADDING-BOTTOM:
2pt; PADDING-TOP: 0pt; COLOR:ffffff; border-bottom:000000 0px solid; FONT-FAMILY: arial; 
TEXT-DECORATION: none;  text-align: center; 
letter-spacing: 0.0em;
}

a:hover.pic img {filter:alpha(opacity=80);}
a.pic img {filter:none;}

b, strong, .btext {
  font: 12px century gothic; 
  font-weight: heavy; 
  color: FDA6B7; 
  text-align: justify;
  }

i, em, .itext  {
  font-family: century gothic; 
  font-size: 12px;
  color: FEF5D6;
  text-align: justify;
  }

u, s, .stext, .sbtext, .swtext {
  font-family: century gothic; 
  font-size: 12px;
  color: 94526E;
  text-align: justify;
  }

</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<b>Name:</b> Your name
<br>
<b>Facts:</b> some facts
<br>
<b>Likes:</b> I like.... a lot of things
<br>
<b>Dislikes:</b> I dislike somethings 
<br><br>
You can put <i>anything</i> here as well - and as

much stuff as you want because this part can scroll
and therefore not move <u>anything</u> on your page
or offest anything!  See, digital.fragrance thinks 
of everything!<br><br>

<i>Layout Designer:</i> <a 
href="http://myspace.com/digitalfragrance">digitalfragrance</a><br><a href="http://myspace.com/digitalfragrance"><img src="http://img404.imageshack.us/img404/8843/sunlightbanneradvertisela6.gif" border=0 alt="digitalfragrance myspace layouts"></a>
<br>Music is <b>optional.</b><br>

The code is located below this text.
<br>To remove, just delete. :)<br>

<center>
<form method="post" 
action="http://comments.myspace.com/index.cfm?fusea
ction=user.ConfirmComment">
<input name="friendID" value="***YOUR USER ID 
HERE***" type="hidden">
<textarea name="f_comments" cols="25" rows="5" class="comment">
Yes this comment box works! I assure 
you.   All you have to do is replace "XXXXXXXX" with your own Myspace USER ID. Then, you can edit this message!
Yes, that includes getting rid of the asterisks.
</textarea>
<br>
<input value="Submit"type="Submit" 
style="background-color: 5E5E5E; color:000000; font: 14px 
century gothic; font-weight: bold; text-transform: 
lowercase; border: 0px solid 000000;"></input>
<input value="Reset"type="reset"style="background-color:
5E5E5E; color:000000; font: 14px century gothic; 
font-weight: bold; text-transform: 
lowercase; border: 0px solid 000000;"></input>
</form><center>
</div>

Pictures are 75x75 pixels in size.<br><br>

</tr>
</table>
</marquee>
</div>

<a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj0NCg0KdXNlcg=="class="navigate">Home</a></td>
<td>
<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX"class="navigate">Add Me</a></td>
<td>
<a href="http://mail5.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX"class="navigate">Msg Me</a></td></tr>
<tr><td>
<a href="http://blog.myspace.com/***YOUR USER ID  HERE***"class="navigate">My Blog</a></td>
<td>
<a href="http://home.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=XXXXXXXX&MyToken=0688b345-500b-4cb9-a51d-9bbb563406f1"class="navigate">My Friends</a></td>
<td>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=XXXXXXXX"class="navigate">My Photos</a></td></tr>
<tr><td>
<a
href="http://www.myspace.com/index.cfm?fuseaction=user.homeComments&friendID=XXXXXXXX"class="navigate">My Comments</a></td>
<td>
<a 
href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX&MyToken=53fa8f6b-18ae-4997-9ed0-3c6fd6f71079"class="navigate">Add 
Cmnts</a></td>
<td>
<a 
href="http://myspace.com/digitalfragrance"class="navigate">digitalfragrance</a></td></tr></table>

</div>
<style>
.a { hide friends and comments }
.friendsAndComments {display:none;}
.a { unhide edit link and submit button }
table table table table table div {display:block

!important;}
</style>
</td></tr></table>
</td></tr></table>
<div class="friendsAndComments">
<table><tr><td>
<table><tr><td>

Layout Comments

Showing latest 10 of 28 comments

Lightning! cool ! i love it !~ FFXIII ~

By rimaxritsu on Dec 9, 2009 2:31 am

Aweeesomee!

By XbreathlessWhispersX on Feb 17, 2009 5:28 pm

awesomest layout i've seen in my life!

FF7 and FF13 fan XD

By Jenni on Nov 22, 2008 11:40 pm

i cant get rhe msg and the home one to work
checked for spaces but cant find any
can someone tell me where to look specifficcly>

By vietanh on Aug 23, 2008 8:49 pm

ok...i'm sorry if i'm a complete and total noob at this, but i can't get the links for home - add comnts to work.
How do i fix them?

By lioslynn on Apr 24, 2008 6:00 pm

To Rikku92 - make sure there aren't any unnecessary space in those link codes - that's usually the culprit.

By digitalfragrance on Feb 26, 2008 3:30 pm

hey the only two buttons that dont work are home and message. could you help, because home dosnt need a code to imput, so how would that work?

By rikku92 on Feb 26, 2008 3:22 pm

ok ive used this layout on my friends page and everything works but one thing and thats the home button idk why though so its weird could ya help me out here

By cloud76 on Sep 12, 2007 6:19 am

how can i use this for an artist page? plz help!!

By Click59 on Sep 9, 2007 5:00 pm

the layout works great:]..but is anybody else seeing a huge white box below the layouy that give out you general info(status..here for..stc)

By Natsuru on Aug 21, 2007 11:46 pm

View all »

Layout Details

Designer	digitalfragrance
Submitted on	Jul 27, 2007
Page views	27,357
Favorites	145
Comments	28
Reviewer	digitalfragrance
Approved on	Jul 27, 2007

Layout Tags

, saliva, ffxiii, lightning, final fantasy, ffx2, final fantasy 13, girls, gray, pink, hot

Layout Tools

Layout Affiliates

Here I Stand Layouts