Abercrombie & Fitch

Designer's Comments

Look carefully for specific instructions

Directions:
Paste Codes In Correct areas
Replace all the XXXXXX with your friend id
replace all friendurlhere with your friends urls
Replace Default Image links With Your Own Image Links

Description:
This is a Div Overlay in order to use this layout make sure you are good at HTML and know how to read it. I really like this one... it's based on the store Abercrombie & Fitch

Notice
DO NOT STEAL MY CODES! I will just stop contributing if it doesn't stop

The layout was tested in IE and Firefox

Resource Credits:
http://abercrombie.com [Main Image]
http://myspace.com/the_ecc
Insurmountable - Comment Box

Layout Copyright:
IVIike | East Coast Co. | xInfiniti

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 TYPE="text/css">
body {
 background-color: fff;
background-image:url();
	background-attachment: fixed;
	background-position:top-right;
	background-repeat:repeat-y;
 scrollbar-arrow-color: 3f454b;
 scrollbar-face-color:fff;
 scrollbar-3dlight-color: fff;
 scrollbar-darkshadow-color: fff;
 scrollbar-shadow-color: fff;
 scrollbar-highlight-color: fff;
 scrollbar-track-color:fff;
 cursor: crosshair;
}
b, strong {color: 3f454b;}
i, em {color: ffffff;
}
body, p, td, font {
  font-family: verdana; font-size: 9px; color:000000; text-transform: ;}
table, td, tr, th {
  font-family:verdana; font-size: 9px; color: 000000;}
body, td, li, p, div, li, p, br, table {
  font-family: Arial; color: 565453; text-transform:;}
.text {
  font-family: verdana; font-size: 9px; color: 000000; text-align:left;}
.blacktext12 {
  font-family: verdana; font-size: 0px; color: 000000;}
span.blacktext12 {
  background-color: transparent; background-image: url(); width: 437px; height: 77px; display: block;
}.redtext 
{  font-family: verdana; color: 000000; font-size: 9px;
}.redbtext {
  font-family: verdana; color: 000000; font-size: 9px;}
.orangetext15 {
  font-family: verdana; font-size: 9px; color: 000000; text-transform: ;}
.whitetext12 {
  font-family:verdana; font-size: 9px; color: 000000; text-transform:; text-align: center; background-color:transparent; display: block; }
.lightbluetext8 {
  font-family: verdana; font-size: 9px; color: 000000; text-transform: ; text-align: center; background-color: transparent; display: block; }
.btext {
  font-family: verdana; font-size: 9px; color:000000; text-transform: ; text-align: center; background-color: transparent; display: block; }
.blacktext10 {
  font-family:verdana; font-size: 9px; color: 000000; text-transform: ; text-align: center; background-color: transparent; display: block; }
.nametext {
  font-family: verdana; font-size: 9px; color:000000; text-transform: ; text-align: center; background-color:transparent; display: block; }
table, tr, td {
  border: none; background-color: transparent; padding: 0;}
table {
  border: none; background-color: transparent;}
table table {
  border: none; border-color: none; background-color: transparent;}
.header {display: block; visibility: visible; font-family: "times"; color: 000000; text-align:left; font-size: 20px; letter-spacing:-1px; text-transform: none; line-height:16px; font-weight: normal; border-bottom: 1px dashed; border-color:3f454b; background:url() right center no-repeat; }
table table table {
  border: 2px solid; border-color:000000; background-color: transparent; padding: 0;background-image:url();background-repeat:repeat; background-attachment:fixed;}
table table table table {
  border: none; border-color: none;}
.link:hover{display:block; background:url() right center no-repeat; text-align:left; background-color:ffffff; height:16px; padding-top:2px; z-index:6}
a, a:link, a:active, a:visited {font-family: times; font-size: 15pt; color: 3f454b; text-decoration: none; font-weight: normal;}
a:hover {font-family:times; font-size:15pt; color:cccccc; background-color: transparent;} 
a:link img, a:visited img {filter: none;border:0px}
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="about_me" style="position: absolute; left:467px;  top:175px; width:339px; height:511px; overflow: auto; overflow-x:hidden; z-index:2;">
<span class="header">About Me</span>
<img src="http://cbimg6.com/layouts/07/09/21/21711ab.jpg" align="left" /><strong>Name:</strong> Name Here<br><strong>Age:</strong> Age Here<br><strong>Gender:</strong> Gender Here<br><strong>Status:</strong> Single or Taken<br><strong>Here For:</strong> Friends?<br><strong>Zodiac:</strong> Your Sign Here<br><strong>Orientation:</strong> Orientation<br><strong>Ethnicity:</strong> Ethnicity  <br><br>

<span class="header">About Me</span>
Put Information about your self here tell your likes, dislikes, hobbies, friends, anything you want just make sure you keep the credit link on and do NOT redistribute.
Put Information about your self here tell your likes, dislikes, hobbies, friends, anything you want just make sure you keep the credit link on and do NOT redistribute.
Put Information about your self here tell your likes, dislikes, hobbies, friends, anything you want just make sure you keep the credit link on and do NOT redistribute.
<br><br>

<span class="header">Title :]</span>

Put anything you want in here =] <br>
Put anything you want in here =] <br>
Put anything you want in here =] <br>
Put anything you want in here =] <br>
Put anything you want in here =] <br>
Put anything you want in here =] <br>
Put anything you want in here =] <br><br>

<span class="header">Comment Me</span>
<center><form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="XXXXXXXX" type="hidden"><textarea name="f_comments" style="width: 155; height: 34px;" cols="10" rows="7" style="border-width: 1px; border-style: solid; border-color: 000000; font-family: small fonts; text-transform:uppercase; letter-spacing:1pt;font-size: 7px; color: 000000; background-color: ffffff;" style="overflow:auto;">Hey!! </textarea> 
<br> <input value="Go" style="border-width: 1px; border-style: solid; border-color: 000000; width:75px; font-family: small fonts; text-transform:uppercase; letter-spacing:1pt; font-size: 7px; color: 000000; background-color: ffffff;" type="submit"> <input value="No" style="border-width: 1px; border-style: solid; border-color: 000000; width:75px; font-family: small fonts; text-transform:uppercase; letter-spacing:1pt;font-size: 7px; color: 000000;  background-color: ffffff;" type="reset"></form></center>

<span class="header">Friends</span>

<a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX" class="navb">Message</a> <i>|</i>

<a HREF="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=XXXXXXXX" class="navb">View Pictures</a> <i>|</i>

<a HREF="http://blog.myspace.com/XXXXXX" class="nava">Blogs</a> <i>|</i>

<a href="http://www.myspace.com/index.cfm?fuseaction=user.viewComments&friendID=XXXXXXXX">View Comments</a> <i>|</i>

<a HREF="http://collect.myspace.com/index.cfm?fuseaction=user.addToFavorite&friendID=XXXXXXXX" class="nava">Favorites</a> <i>|</i>

<a HREF="http://www.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX" class="navb">Block Me</a>

</div>

Layout Comments

Showing latest 10 of 23 comments

ive been searching for the longest for a simple div and i love the feel of this one. is there anyway to take off the A&F name and logo without messing it up?

By sweetcupcake528 on Oct 24, 2009 4:09 am