Hollister DIV

Designer's Comments

Look carefully for specific instructions

Make sure that you delete all your old codes before using this layout. Replace all XXXXXXXX's with your friend ID. And in the besties section replace the XXXPUTFRIENDSIDHEREXXXX's with your friend's friend ID, also put their name where it says BESTIE NAME

oh and sorry about all the messed up things. its my first div(:

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>body{
background-color:FF6666;
background-image:url();
background-position:top left;
 background-repeat:repeat;
 background-attachment:scroll;
scrollbar-arrow-color:ffffff;
scrollbar-track-color:5e7c86;
scrollbar-shadow-color:000000;
scrollbar-face-color:042d45;
scrollbar-highlight-color:000000;
scrollbar-darkshadow-color:5e7c86;
scrollbar-3dlight-color:5e7c86;}

.div{
position: absolute; 
left: 50%;
margin-left:-315px; 
padding-bottom:20px;
top: 170px;  
z-index: 0;}

.section1{
position: absolute; 
left: 52%; 
margin-left:-285px; 
top: 240px; 
z-index:5; 
width:  306px; 
height: 265px; 
overflow: auto;
scrollbar-arrow-color:e2f0ea;
scrollbar-track-color:e2f0ea;
scrollbar-shadow-color:000000;
scrollbar-face-color:042d45;
scrollbar-highlight-color:000000;
scrollbar-darkshadow-color:e2f0ea;
scrollbar-3dlight-color:e2f0ea;}

.section3{
position: absolute; 
left: 54%; 
margin-left:84px; 
top: 410px; 
z-index:5; 
width:  150px; 
height: 100px; 
overflow: auto;
scrollbar-arrow-color:e2f0ea;
scrollbar-track-color:e2f0ea;
scrollbar-shadow-color:000000;
scrollbar-face-color:042d45;
scrollbar-highlight-color:000000;
scrollbar-darkshadow-color:e2f0ea;
scrollbar-3dlight-color:e2f0ea;}

.section4{
position: absolute; 
left: 54%; 
margin-left:85px; 
top: 230px; 
z-index:5; 
width:  150px; 
height: 126px; 
overflow: auto;
scrollbar-arrow-color:e2f0ea;
scrollbar-track-color:e2f0ea;
scrollbar-shadow-color:000000;
scrollbar-face-color:042d45;
scrollbar-highlight-color:000000;
scrollbar-darkshadow-color:e2f0ea;
scrollbar-3dlight-color:e2f0ea;}

body,table, td, li, p, div
{
font:normal 10px arial; 
color:eec77a; 
font-weight:none; 
border:0px; 
text-transform: none; 
line-height:15px;}

textarea{
background-color: transparent; 
background-image:url();
color: ffff; 
font:20px verdana; 
text-transform:none;
letter-spacing: -3px;
border: solid 1px 000;}

a:active,a:visited,a:link,a{
	color:eec77a;
	font-size:10px;
	margin-top:1px;
	cursor:default;
	font-weight:normal;
	letter-spacing:1px;
	font-family:tahoma;
	text-decoration:none;
	text-transform:uppercase;
}

a:hover{
	color:000;
	font-size:10px;
	margin-top:1px;
	cursor:default;
	font-weight:normal;
	letter-spacing:1px;
	font-family:tahoma;
	text-decoration:none;
	text-transform:uppercase;}
	
a.nav:link, a.nav:visited, a.nav:active {border: none; border-left:none; border-bottom:none;color:fff; text-transform:uppercase; letter-spacing: 0px; padding-top:2px; padding:4px;font-size: 9px; background-image:url(); background-color:042d45; width:100%; display:block;background-position:right; background-repeat:no-repeat; text-align:center; font:7px small fonts; font-weight:normal;}
a.nav:hover {border: none; border-left:none; border-bottom:none;color:fff; text-transform:uppercase; letter-spacing: 0px; padding:4px;font-size: 9px; background-image:url(); background-color:5e7c86; width:100%; display:block;background-position:right; background-repeat:no-repeat; text-align:center; font:7px small fonts; font-weight:normal;}

.standard b, p b, B, strong {
font-family:small fonts; 
font-size:8px; 
line-height:23px;
color:042d45; 
font-weight:none;
font-weight:normal;
letter-spacing:-1px;
border:0px; 
text-transform: uppercase; }

table table div form {display:inline !important;}
.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,.btext,.redtext,.redbtext{display:none;height:0px;!important;visibility:hidden}
td td td td{border:0px;width:0px;text-align:left;}
table,td,tr{padding:0px;width:;background-color:transparent}
table table table{padding:1px;height:.01%;width:100%;}
table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important}
a.text,table div font a,table div div,.navbar font,tr td font{visibility:hidden;display:none;height:0px;!important;}
td.text table table{display:inline;visibility:visible;}
table td table tr td.text table{visibility:hidden;}
table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;}
table div div{visibility:hidden;!important;}
table table table table,table table table table td.text, td.text td.text table{display:none;}
body div div form {display:none !important;}td td embed, td td embed, td td object{position:absolute;top:0px;right:0px;width:45px;}div div div select {position:absolute !important;  margin-left:-1000px !important; left:0px !important; display:none !important; }div div table div {display:none;} .clearfix table div div {display:block;} 
tr td div, div td ,div tr, div table {background-color:transparent !important;}
.profile, div ul {display:none !important;}.clearfix{top:1px; position:relative;}
.clearfix{margin-top:-1px !important; position:relative !important;}div div table div, div.clearfix a {
  visibility:hidden;
  background: transparent !important; }
  </style>
<div class="div">

<div class="section1"><center>
write whatever you want here. write your favorite color, food, sports, anything!! write whatever you want here. write your favorite color, food, sports, anything!! write whatever you want here. write your favorite color, food, sports, anything!! write whatever you want here. write your favorite color, food, sports, anything!! write whatever you want here. write your favorite color, food, sports, anything!! write whatever you want here. write your favorite color, food, sports, anything!! write whatever you want here. write your favorite color, food, sports, anything!! write whatever you want here. write your favorite color, food, sports, anything!! write whatever you want here. write your favorite color, food, sports, anything!! write whatever you want here. write your favorite color, food, sports, anything!! write whatever you want here. write your favorite color, food, sports, anything!! write whatever you want here. write your favorite color, food, sports, anything!! write whatever you want here. write your favorite color, food, sports, anything!! write whatever you want here. write your favorite color, food, sports, anything!! write whatever you want here. write your favorite color, food, sports, anything!! write whatever you want here. write your favorite color, food, sports, anything!!
</center> 
</div>

<div class="section4">
<br>
<a href="http://home.myspace.com/index.cfm?fuseaction=user">Home</a>
<br>
<a href="http://friends.myspace.com/index.cfm?fuseaction=invite.addfriend_confirm&statusCD=1&friendID=XXXXXXXX">Add</a>
<br>
<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX">Comment</a>
<br>
<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX">Message</a>
<br>
<a href="http://messaging.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX">Block</a>
<br>
<a href="http://friends.myspace.com/index.cfm?fuseaction=user.viewfriends2&friendID=XXXXXXXX">Friends</a>
<br>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX">Pictures</a>
</div>

<div class="section3">
<a href="www.myspace.com/XXXXPUTFRIENDSIDHEREXXX">BESTIE NAME</a>
<br /> <a href="www.myspace.com/XXXXPUTFRIENDSIDHEREXXXXX">BESTIE NAME</a>
<br /> <a href="www.myspace.com/XXXPUTFRIENDSIDHEREXXXXXX">BESTIE NAME</a>
<br />
<a href="www.myspace.com/XXXXPUTFRIENDSIDHEREXXXXX">BESTIE NAME</a>
</div>

Layout Comments

Showing latest 10 of 17 comments

Lovely layout!
The colors don't go well though. The background color is just like.."Where did that color come from?!" and the next is very hard to read.
I really like it though *faves*

By RainFallAtUryo on May 9, 2009 1:36 am

Hollister should be kind of proud. I mean the text. Come-on who can read that?

By koobecaf on Apr 20, 2009 8:09 pm

i love hollister!! thx :)

By QUEENB09 on Mar 17, 2009 8:29 pm

you submitted this layout on my birthday.
lol.
but its cute.

By CHAN3LxiD0Rk on Sep 30, 2008 11:57 am

love everything,except how do you change the color of the text,it's orange and it's to bright to be able to read,please reply....^_^

By savath on Jul 28, 2008 4:26 am

i was wondering why my fonts isnt working. Reply please =)

By quyen-heart on Jul 17, 2008 11:18 pm

i like the idea, but the background color is much too bright for the rest of the layout. i do like the font choise though. :o)

By amazinganna08 on Jul 4, 2008 11:40 am

The color scheme is very pretty, but the text is nearly impossible to read for my poor eyes! You should make the Hollister pattern orange and the text navy blue- I think that would improve it a ton! Also, it just gets cut off. You should add a 1-3px border to the picture, and look for a small pattern for the background to give some more texture- squidfingers.com has really nice ones. ;)

By shmuggy on Jul 4, 2008 8:18 am

I used that background in my So Lovely Scrapbooking. I can provide you a better quality I hope. Feel free to ask.

By Katinka on Jul 4, 2008 1:23 am

the hollister background is fuzzy.
where did you get the brush for that? ^_^

By sarcasticserenity on Jul 4, 2008 12:23 am

View all »

Layout Details

Designer	doubledutchlyts08
Submitted on	Jul 2, 2008
Page views	28,233
Favorites	153
Comments	17
Reviewer	karmakiller
Approved on	Jul 2, 2008

Hollister DIV

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates