Hollister Summer

Designer's Comments

Look carefully for specific instructions

1. Replace YOUR USERNAME HERE with your username.
2. Do not remove the my credit link(s).
3. Hide the horrid searchbar!

To view a preview on an actual xanga site, click HERE.

Using This Layout

For specific instructions read designer's comments

1. Disable Xanga themes (edit theme -> uncheck make this your active theme -> save)
2. Log into xanga.com (look & feel)
3. Copy (ctrl c) and paste (ctrl v) code to the specified fields

Layout Code

Copy and paste to Header HTML

Help

<p><a href="http://www.createblog.com/xanga-layouts/" title="Grab Xanga Layouts and Xanga Codes"><img src="http://www.createblog.com/images/link1.gif" border="0" alt="Xanga Layouts" style="position:absolute;top:0px;left:0px;width:10px;height:27px;" /></a></p><script type="text/javascript">
/* AD REMOVER BY: EMBERFLY_LAYOUTS */
    if (window.initAds) {
        initAds(0); initAds(1);
    };
</script>

}
ol, ul, li {
font:normal 11px arial;
line-height:14px;
color: #1C1C1C;
letter-spacing:0px;
}
.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p, div, span, table.left, table.left TD {
/* MAIN TEXT */
font:normal 11px arial;
line-height:14px;
color: #FFFFFF;
letter-spacing:0px;
text-align:center;
}
u {
/*UNDERLINED TEXT*/
font-weight:normal; 
letter-spacing: 0px;
color: #ebd184;
border-bottom: 0pt solid #0080ff;
}
em, i {
/*ITALIC TEXT*/
font-weight:normal; 
lefter-spacing: 0px; 
font-family: arial; 
color:#e5c27e;
}
b, strong {
color:#f9dc85;
}
div.blogheader, .caption {
/* DATES */
font-family: arial;
font-style: normal;
font-size:15pt;
font-weight:normal;
line-height: 14pt;
color: #e5c27e;
letter-spacing:-1px;
background-color: #;
text-align: left;
width:460px;
border: 0px dashed #f6b771;
border-bottom: 1px dashed #FFFFFF;
}
a:link, .footernav.link, a.footernav:link, a.footernav:active, a:visited, a.footernav:visited {
/* Edits links */
background-color: transparent;
color: #e5c27e;
cursor:hand;
text-transform: normal;
font: normal 11px arial;
line-height:14px;
letter-spacing: 0px;
text-decoration: none;
border-left: 0px solid #141414;
border-right: 0px solid #141414;
}
a:hover {
/* edits when user mouseovers the links */
color: #f9dc85;
text-transform: normal;
text-decoration: none;
letter-spacing:0px;
background-color: #;
line-height: 14px;
border-left: 0px solid #4bb5c1;
border-right: 0px solid #4bb5c1;
}
input, select, textarea, .textfield, .button {
/* Buttons, textarea, etc. © EMBERFLY_LAYOUTS */
border: 1px solid #FFFFFF;
scrollbar-arrow-color: #FFFFFF;
 scrollbar-track-color: #e5c27e;
 scrollbar-shadow-color: #e5c27e;
 scrollbar-face-color: #c48a4f;
 scrollbar-highlight-color: #e5c27e;
 scrollbar-darkshadow-color: #e5c27e;
 scrollbar-3dlight-color: #e5c27e;
font:normal 11px arial;
background-color: #e5c27e;
color:#ffffff;
}
table.left { 
/* Menu Module */
background-color: #BF8040;
width:200px;
}
table.blogbody {
/* Blog entry / entries  */
background-image: url();
background-attachment: fixed;
background-repeat: repeat;
background-position: bottom left;
background-color:transparent;
border:0px;
border-bottom: 1px dashed #dbc999;
width:100%;
}
table.left th {
/* Title of side modules */
font-family: arial;
font-style: normal;
font-size:14pt;
font-weight:normal;
line-height: 12pt;
color: #e5c27e;
letter-spacing:-1px;
background-color:#BF8040;
text-align: center;
border: 0px dashed #400000;
border-bottom:1px dashed #FFFFFF;
}
table.left TD {
/* Left Module Body */
background-image: url();
background-attachment: fixed;
background-repeat: repeat;
background-position: bottom left;
background-color:#BF8040;
border:0px;
border-bottom: 1px dashed #dbc999;
}
table.search TD, table.search, table.announcements {
/* Search Bar */
background-color: #BF8040;
border:1px dashed #e5c27e;
}
table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
border-left: 1px dashed #e5c27e;
border-bottom: 1px dashed #e5c27e;
}
hr {
/* horizontal divider */
border: 1px dashed #9eed63;
width:100%;
size:1px;
color:#242424;
display:none;
}
div {
/* DIV SCROLLBARS - XANGA.COM/EMBERFLY_LAYOUTS */
scrollbar-arrow-color: #FFFFFF;
 scrollbar-track-color: #BF8040;
 scrollbar-shadow-color: #BF8040;
 scrollbar-face-color: #e5c27e;
 scrollbar-highlight-color: #BF8040;
 scrollbar-darkshadow-color: #BF8040;
 scrollbar-3dlight-color: #BF8040;
}
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops {
width:450px !important;
}
</style>
<BODY style="border-bottom: #DF2020
0t solid; border-top: #DF2020
0t solid; border-left: #FFFFFF
0t solid; border-right: #ffffff
0t solid"></TBODY>
</style>

Layout Code

Copy and paste to Website Stats

Help

<div style="text-align:right"><a href="http://www.xanga.com/emberfly_layouts" target="_self">Layout by emberfly_layouts</a></div>

<td id="customRight" style="display:none" vAlign="top" width="170" border="0">
 

<table class="left" cellSpacing="0" cellPadding="4" width="100%" border="0">
 <tr><th class="center" vAlign="top" align="center">About Me</th></tr>
<tr><td class="center" vAlign="top">

<B>Name</b>: your name
<BR><B>age</b>: your age
<BR><B>Location</b>: location
<BR>add whatever you want to this section. Do whatever you want here. replace name, age, location with what you want. add what you want.

</div>
</td></tr>
</table><Br>

<table class="left" cellSpacing="0" cellPadding="4" width="100%" border="0">
 <tr><th class="left" vAlign="top" align="center">Navigation</th></tr>

<a href="http://www.xanga.com/private/yourhome.aspx" class="emberfly">private</a>

<a href="http://www.xanga.com/Private/SubscribeTo.aspx?user=YOUR USERNAME HERE" class="emberfly">subscribe</a>

<a href="http://www.xanga.com/Private/subs.aspx" class="emberfly">Subscriptions</a>

<a href="http://www.xanga.com/emberfly_Layouts" class="emberfly" alt="light up your site™">-Layout Credit</a>

</div>
</td></tr>
</table><Br>

<table class="left" cellSpacing="0" cellPadding="4" width="100%" border="0">
 <tr><th class="left" vAlign="top" align="center">Custom Module</th></tr>

place whatever you want in here. You can write about anything you want, place links in this section, talk about yourself some more (I know you could do that for days :P). Ya, just place anything here.

</div>
</td></tr>
</table><Br>

</td>
<script>
extra=false;
j=document.getElementById('MoreoverModule1_lblModuleTitle')
if(j){extra=true}
index=0;
var mytds = document.getElementsByTagName('td');
var i = 0;
for(i=0;i<mytds.length-1;i++){
 if(mytds[i].width=="200"){
  index++;
  if(index==(extra ? 2 : 1)){break;}}
}
var sidebar = (extra ? mytds[i]: mytds[i].parentNode)
var tsibpc = document.getElementById('customRight');
var rightSide = tsibpc.cloneNode(true);
rightSide.style.display = "block";
sidebar.appendChild(rightSide);
</script>

Layout Comments

Showing latest 7 of 7 comments

i love this layout! you should make it for myspace though, then id use it! :]

By mollymary on Apr 29, 2009 5:38 pm

so awesome layout, i love it and currently use it, thanx so much

By uttchanno1 on Jul 31, 2008 8:28 am

LOVEEE IT~

By mkarag3 on Jul 24, 2008 10:06 pm

please make this myspace! id totally use it!

By omg-layouts on Jun 13, 2008 3:36 pm

this is a very nice layout. i don't really like hollister but nice job.

By aaayotiffany on Jun 8, 2008 12:45 pm

GEEEEZ you have a big screen :D

By emberfly on Jun 6, 2008 10:03 pm

I despise Hollister (smells weird in there, if you ask me), but this is a nice layout. The background image is only about half the size of my screen though. :(

By schizo on Jun 6, 2008 6:09 pm

Layout Details

Designer	emberfly
Submitted on	Jun 5, 2008
Page views	14,981
Favorites	38
Comments	7
Reviewer	Synesthesia
Approved on	Jun 6, 2008

Hollister Summer

Designer's Comments

Using This Layout

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates