Tranquility

Designer's Comments

Look carefully for specific instructions

Background: #FFFFFF
Trim: #526BA6
Alignment: MIDDLE
Width: 630
Show Search Bar: No

*Don't forget to Replace "YOURXANGA" with your xanga username in the
navigation part of the code. You can also remove the navigation menu if you
wish.

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><style type="text/css">
#rblEprops, #pnlEnabled table, #pnlEprops table {
width: auto !important; 
}
table.blogbody, div.blogheader, .caption{
width:438;
}
td.maincenter {
text-align:center;
}
body {
background-color: #FFFFFF;
background-image:
URL(http://skins.cbstaff.com/xquizit/tranquility/tranquilbg.gif);
background-attachment: fixed;
scrollbar-Arrow-Color: #FFFFFF;
scrollbar-Track-Color: #FFFFFF;
scrollbar-Shadow-Color: #526BA6;
scrollbar-Face-Color: #A8B3CE;
scrollbar-Highlight-Color: #526BA6;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-3dLight-Color: #FFFFFF;
font-family: times new roman;
font-size:12px;
}
table.navigation, table.footer {
display: none;
}
.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p, .content, .smalltext {
/* edits main text */
font:normal 12px times new roman;
line-height: 14px;
color: #526BA6;
text-align:justify;
}
table.blogbody tr td {
/* entry margins */
width:0px;
}
a:link{
/* edit the links */
color: #FFFFFF;
text-decoration: none;
font:normal 12px times new roman;
}
a:visited{
/* edit visited links */
color: #FFFFFF;
text-decoration: none;
}
a:hover {
color:#526BA6;
}
table.footer TD {
/* edits the footer */
text-align: center;
}
.blogbody td{
width: 0px;
padding-left: 0px
}
input, select, textarea, .textfield, .button{
/* this edits buttons, drop down menus etc. */
border: 1px solid #526BA6;
font:normal 11px times new roman #ffffff;
background-color: #A8B3CE;
letter-spacing:0px;
color:#526BA6;
}
form {
margin:0px;
padding:0px;
}
div.blogheader, .caption {
/* edit the dates */
font-family:times new roman;
text-transform:uppercase;
font-size:18px;
color:#526BA6;
background-color: #A8B3CE;
text-align: right;
font-weight:normal;
padding-bottom:3px;
padding-top:3px;
}
table.blogbody {
/* edits your blog or entry space */
border: 0px;
border-top:1px solid #526BA6;
background-color:#C5CCE0;
}
table.left {
/* this edits the menu module */
width:180;
background-color: #C5CCE0;
font-weight:normal;
border:0px;
}
table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
background-color: #A8B3CE;
width:180;
font: 18px times new roman;
text-transform: uppercase;
color: #526BA6;
border: 0px;
text-align: left;
padding:0px;
font-weight:normal;
}
table.left TD {
/* on your menu module, this edits the body part of it */
background-color: #C5CCE0;
color: #526BA6;
border: 0px;
border-top: 1px solid #526BA6;
width:180;
}
hr {
color: #526BA6;
}
table.container{
width:640;
background-color:#A8B3CE;
border:1px solid #526BA6;
}
td.banner{
border-bottom:1px solid #526BA6;
text-align:left;
background:url(http://skins.cbstaff.com/xquizit/tranquility/bannerbg2.gif);
width:640;
height:251;
}
th.left b{
font-weight:normal;
}
</style>
<table class="container" align="center" cellspacing="0" cellpadding="0">
<tr><td class="banner"><img
src="http://skins.cbstaff.com/xquizit/tranquility/tranquil.jpg" alt="Peace of Mind"></td></tr>
<tr><td style="padding:3px;">

<div style="padding:6px;padding-top:5px;float:left">
<form name="jump">
<select name="menu"
onChange="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;"
value="GO" style="background-color:#C5CCE0">
<option value="#">Navigation</option>
<option value="#"></option>
<option value="http://xanga.com">Xanga</option>
<option value="http://xanga.com/YOURXANGANAME">Refresh</option>
<option value="http://www.xanga.com/private/home.aspx">Private</option>
<option
value="http://www.xanga.com/profile.aspx?user=YOURXANGANAME">Profile</option>
<option
value="http://www.xanga.com/guestbook.aspx?user=YOURXANGANAME">Guestbook</option>
<option
value="http://www.xanga.com/Private/SubscribeTo.aspx?user=YOURXANGANAME">Subscribe</option>
<option value="#"></option>
<option value="http://www.xanga.com/signin.aspx">Sign In</option>
<option value="http://www.xanga.com/logout.aspx">Log Out</option>
</select>
</form>
</div>

Layout Code

Copy and paste to Website Stats

Help

<div align="right"><br>Designed by <a href="http://xanga.com/xquizit_442" target="_blank">Xquizit</a>
</div>
</td></tr></table>
<script type="text/javascript">
// This script replaces any given word or text fragment with
// whatever you want: new words and fragments, or even HTML!
function replaceWords()
{
    var oldWords = new Array(
        "Subscriptions",
        "My Blogrings",
        "eprop",
        "comment",
        "Posting Calendar",
        "email it",
        "Get Involved!"
	);

var newWords = new Array(
        "the elite",
        "cliques",
        "prop",
        "whisper",
        "reminisce",
        "make a wish",
        "interact"
	);

allTableData = document.getElementsByTagName('td');
    allTableHeaders = document.getElementsByTagName('th');

var collections = new Array(allTableData,allTableHeaders);

for (var k = 0; k < collections.length; ++k )
    {
        for (var i = 0; i < collections[k].length; ++i )
        {
            if (collections[k][i].innerHTML.indexOf('TABLE') == -1)
            {
                for ( var n = 0; n < oldWords.length; ++n )
                {
                    var indx = collections[k][i].innerHTML.indexOf(oldWords[n])
                    while (indx != -1)
                    {
                        var replacement = '';
                        indx = collections[k][i].innerHTML.indexOf(oldWords[n]);
                        replacement =
collections[k][i].innerHTML.replace(oldWords[n],

newWords[n]);
                        collections[k][i].innerHTML = replacement;
                        break;
                    }
                }
            }
        }
    }
}
replaceWords();
</script>

Layout Comments

Showing latest 6 of 6 comments

This is really relaxing.

By dilligrout on Aug 26, 2009 8:39 pm

great job, xquizit.

By emberfly on Mar 18, 2008 12:18 am

this is pretty... however, i like the pink one better, but just because pink is my favorite color... haha, that's like the song.. PINK... hah :) okay... nice layout :)

By PINKLollyPOP on Sep 19, 2007 11:45 am

i love this color blue and your graphic skills are amazing

By IVIike on Sep 15, 2007 2:21 pm

its so nice~~msz. allison

By synthase on Dec 2, 2005 4:34 pm

None of your picture headers are showing up. ):

By xxsilentlies on May 8, 2005 5:31 pm

Layout Details

Designer	xquizit
Submitted on	Apr 7, 2005
Page views	22,127
Favorites	56
Comments	6

Tranquility

Designer's Comments

Using This Layout

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates