Back Home :: Yellowcard

Designer's Comments

Look carefully for specific instructions

Alignment: Center
Width: 100 percent
Background color: Transparent
Background pic: http://images.cbimg6.com/xanga/05/1232_bg.gif
Background settings: top left, repeat in all directions, scroll with page
Search bar: No
Trim color: #BF6000

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><img src="http://images.cbimg3.com/xanga/05/1232_img.jpg">
<div style="overflow: auto; width: 137px; height: 465px; margin-top: -475px; margin-left: 372px;">
<b>Navigation</b><br>
<a href="http://www.xanga.com/">/xanga</a><br>
<a href="http://www.xanga.com/private/home.aspx?">/yours</a><br>
<a href="http://www.xanga.com/claf">/claf</a><br>
<a href="http://www.xanga.com/private/SubscribeTo.aspx?user=YOURUSERNAMEHERE">/add me</a><br>
<a href="http://www.xanga.com/jelly_bean516">/thanks</a><br>
<a href="http://www.xanga.com/logout.aspx">/log out</a><p>

<b>About Me</b>
<br>Name: Aimee<br>
Age: 15<br>Birthday: May 16<sup>th</sup><br>
Hobbies: making skins<Br>
Expertise: making skins<p>

<b>Misc.</b><br>
Put whatever else you want here!
</div>
<div style="overflow: auto; width: 560px; height: 465px; margin-top: -465px; margin-left: -357px;"> 
<style type="text/css">
table.navigation, table.footer { display:none; }
</style>
<style type="text/css">
.#rblEprops{display:none;}
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops 
/* width of the comment page */
{width:300px;}
.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer 
{display: none;} 
</style>
<style type="text/css">
/* Back Home - (c) Aimee*/
div {
filter:chroma(color=#00FF00); /* here you are defining which color you want to be transparent in your scrollbars */
scrollbar-arrow-color: #804000;
scrollbar-face-color: #00FF00; /* transparent */
scrollbar-3dlight-color: #00FF00; /* transparent */
scrollbar-darkshadow-color: #00FF00; /* transparent */
scrollbar-highlight-color: #00FF00;
scrollbar-shadow-color: #00FF00;
scrollbar-track-color: #00FF00; /* transparent */
}
body 
{background-color: none; transparent;
scrollbar-arrow-color: #804000;
scrollbar-track-color: #EFBF8F;
scrollbar-shadow-color: #8F3030;
scrollbar-face-color: #EFBF8F;
scrollbar-highlight-color: #FFFF80;
scrollbar-darkshadow-color: #804000;
scrollbar-3dlight-color: #EFEFCF;}
/* edits the date */
div.blogheader, .caption 
{font-family: impact;
text-transform:none;
font-size:#45px;
line-height:#2px;
font-weight:normal;
color:#804000;
letter-spacing:2px;
background-color:none; transparent;
text-align:center;
border:0px solid #804000;}
.blogbody b, .standard b, p b, strong {
/* edits bolded text in your entry */
font-weight: bold;
color: #804000;}
input, select, textarea, iframe.htmleditor, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
border: #0px solid #804000;
font:normal #8px tahoma;
background-color: none; transparent;
font-color:#DFBF9F;}

table.footer TD {
/* this makes the footer at the bottom centered */
/* leave it alone unless you know what to do*/
text-align: center;}
table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
background-color:none;
color: #DFBF9F;
font: bold #8pt tahoma;
text-transform: none;
text-align:center;
border: #DFBF9F #0px solid;}
 table.left { 
/* this edits the menu module */
width:180px;
color:8F3030;
background-color:none; transparent;
BORDER: #DFBF9F #0px solid;}
font,td,p,xmp
{color:#8F3030;
font-face: tahoma;
font-weight:normal;
font-size:#8pt;
text-align:left;}
table.blogbody tr td { 
/* this edits the left margin of blog */ 
width:0px; 
padding-left: 0px;} 
table.blogbody {
/* this edits the other the place where the  blog is */
background-color:transparent;
family-font: tahoma;
BORDER: #8F3030 #0px solid;
width:###px;} /* <-- The width for this should be around 5-15 pixels less then the width for your blog's div layer. */ 
a:link
{line-height: #1pt; 
font-family: tahoma;
font-weight:normal; 
color:#804000; 
text-transform:none;
font-size:#8pt; 
cursor:nw-resize;}
a:active
{font-family: tahoma; 
color:#804000; 
text-transform:none;
font-size:#8pt; 
cursor:nw-resize;}
a:visited
{font-family: tahoma; 
color:#804000; 
text-transform:none;
text-decoration:none;
font-size:#8pt;
cursor: nw-resize;}
A:hover {font-family:veranda;
color:#EFEFCF;
text-transform: uppercase; 
cursor: se-resize; 
font-weight:normal;
font-size:#8pt}</style>

Layout Code

Copy and paste to Website Stats

Help

Layout Comments

Showing latest 3 of 3 comments

I love it but is there any way to make it look the same on firefox as is does in IE?

By andieness on Sep 14, 2005 3:05 pm

i<3yellowcard and the color scheme is cool ^_^

By frannay xD on May 1, 2005 8:41 pm

I like it!

By violini on Apr 30, 2005 1:45 pm

Layout Details

Designer	_jelly_bean_
Submitted on	Apr 30, 2005
Page views	12,457
Favorites	39
Comments	3

Back Home :: Yellowcard

Designer's Comments

Using This Layout

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates