Three Cheers for Teenage Years

Xanga Layouts / Basic

Designer's Comments

Look carefully for specific instructions

Change all USERNAMEs to your username and edit the modules however you like.

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><body background="http://img521.imageshack.us/img521/3056/background4ue.jpg"><script type='text/javascript'>
document.title = ('Three Cheers for the Teenage Years!');
</script>
<div align="left"><div style="position:static; margin-left: -10px;margin-top: -20px;border: 0px solid #000000;">
<img src="http://layouts.cbimg8.com/24/12234c.jpg"></div>

<div style="position:static; margin-left:584px;  margin-top: -234px;border: 0px solid #000000; width: 156px; height: 169px; font-family: verdana; font-size: 10px; text-align: right; background: none; overflow: auto;">  
<p class="navhead">Title One</p>Insert any profile or desired information here. 
<p class="navhead">Title Two</p>Lalalalalala....
<p class="navhead">Navigation</p>
<a href="http://www.xanga.com">Xanga</a><br>
<a href="http://www.xanga.com/private">Private</a><br>
<a href="http://www.xanga.com/claf">Design</a><br>
<a href="http://www.xanga.com/profile.asp?user= USERNAME">Profile</a><br>
<a href="http://www.xanga.com/private/subscribeto.aspx?user= USERNAME">Subscribe</a><br>
<a href="http://www.xanga.com/guestbook.asp?user= USERNAME">Guestbook</a>
<p class="navhead">Credits</p>Made by <a href="http://www.arabesque.dramatiq.org">Gypsy Eyes</a> for <a href="http://www.createblog.com">Createblog</a>.</font>
</div>

<div style="position:static; margin-left:150px; margin-top: -148px;border: 0px solid #ffffff; width: 240px; text-align: right; background: none;overflow: visible;">
<style type="text/css">
body {
scrollbar-arrow-color: #000000;
scrollbar-track-color: #C7C7C7;
scrollbar-shadow-color: #C7C7C7;
scrollbar-face-color: #C7C7C7;
scrollbar-highlight-color: #C7C7C7;
scrollbar-darkshadow-color: #000000;
scrollbar-3dlight-color: #C7C7C7; 
}

.#rblEprops{display:none;}
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops 
/* width of the comment page I suggest miking it the same width as the blogbody*/
{width:150px;
}

.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
font:normal 10px verdana;
line-height:11px;
color: #ffffff;
letter-spacing:0px;
}

table.footer TD {
/* this makes the footer at the bottom centered */
/* leave it alone unless you know what to do*/
text-align: center;
}

div.blogheader, .caption {
/* edits the dates */
background-color: #979DA2;
font:bold 14px courier new;
color: #94DAF6;
line-height: 14px;
text-transform: bold lowercase;
text-align: right;
}

a:link, .footernav.link, a.footernav:link, a.footernav:active {
color: #FD6946;
text-decoration: none;
}

a:visited, a.footernav:visited,  {
/* edits the links that the user has visited */
color: #FD6946; 
text-decoration: none;
}

a:hover {
/* edits when user mouseovers the links */
color: #94DAF6;
cursor: crosshair;
text-decoration: none;
}

input, select, textarea, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
border: 1px solid #000000;
font:normal 10px courier;
background-color: #000000;
color: #ffffff;
}

table.left { 
/* this edits the menu module */
border: 1px solid #000000;
width:0px;
 background-color: #000000;
}

table.blogbody {
/* this edits the other the place where the  blog is */
border: 0px solid c0c0c0;
background-color: transparent;
width:242px;
}

table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
background-color: #000000;
font: bold 11px arial;
text-transform: uppercase;
color: #94DAF6;
border: none;
text-align: center;
}
table.left TD {
/* on your menu module, this edits the body part of it */
background-image: url();
background-color: #000000;
border: none;
}
.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer

{display: none;}

table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
background-color: #FCEBFF; 
border: 1px solid #c0c0c0;
}
table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
border: 0px solid #c0c0c0;
}
table.navigation, table.main, table.footer {
/* the width of your blog with modules */
width: 0px;
}
hr {
/* horizontal divider */
border: 1px solid #B9B7B7;
}
.navhead {
background-color: #979DA2;
font:bold 14px courier new;
color: #94DAF6;
line-height: 16px;
text-transform:bold lowercase;
text-align: right;
</style>

Layout Comments

Showing latest 4 of 4 comments

could you please make this a myspace div overlay?? omg i love it so much.

By OMGitsHERx33 on Apr 27, 2008 7:38 pm

aw, this is really nice

By daarons88 on Jul 18, 2007 9:40 pm

This should be a myspace div overlay.It's beautiful.

By twirlxlikexaxlittlexgurl on Oct 2, 2006 10:32 pm

love you pictures ;]

By summabreezeofluv on Aug 11, 2006 2:52 pm

Layout Details

Designer	Gypsy Eyes
Submitted on	Jun 30, 2006
Page views	52,035
Favorites	90
Comments	4

Three Cheers for Teenage Years

Designer's Comments

Using This Layout

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates