Summer 2004 :: Beach Vector

Xanga Layouts / Basic

Designer's Comments

Look carefully for specific instructions

Background: #0080BF
Trim: #FFFFFF
Alignment: MIDDLE
Width: FULL SCREEN
Show Search Bar: NO

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">
/* Skin created by Xquizit_442 - http://xanga.com/xquizit_442 */
#rblEprops, #pnlEnabled table, #pnlEprops table { 
width: auto !important; 
}
table.header, table.main, table.navigation{
/* edit width */
width:290;
}
table.blogbody, div.blogheader, .caption{
width:290;
}
td.maincenter {
text-align:center;
}
body {
background:#0080BF url(http://skins.cbstaff.com/xquizit/summer/summberbg.gif) fixed;
scrollbar-Arrow-Color: #0080BF;
scrollbar-Track-Color: #FFFFFF; 
scrollbar-Shadow-Color: #FFFFFF;
scrollbar-Face-Color: #FFFFFF; 
scrollbar-Highlight-Color: #FFFFFF; 
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-3dLight-Color: #FFFFFF;
font-family: arial;
font-size:10px;
}
texttable.left, td.mainleft, table.left, table.navigation, table.footer, table.search, hr {
display: none;
} 
.module, .left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p, font, .content, .smalltext {
/* edits main text */
font:normal 10px arial;
color: #FFFFFF;
text-align:justify;
}
table.blogbody tr td {
/* entry margins */
width:0px;
}
a:link{
/* edit the links */
color: #004C7D;
text-decoration: none;
font:normal 10px arial;
}
a:visited{
/* edit visited links */
color: #004C7D;
text-decoration: none;
font:normal 10px arial;
}
a:hover {
color:#022A3F;
font:normal 10px arial;
}
.blogbody td{
width: 0px;
padding-left: 0px
}
input, select, textarea, .textfield, .button{
/* this edits buttons, drop down menus etc. */
border: 1px solid #004C7D;
font:normal 10px arial #004C7D;
background-color: #FFFFFF;
color:#004C7D;
}
form{
margin:0;
padding:0;
}
div.blogheader, .caption {
/* edit the dates */
font-family:arial;
font-size:11px;
color:#004C7D;
text-transform:uppercase;
background-color: transparent;
text-align: left;
font-weight:bold;
padding-left:4px;
padding-bottom:2px;
}
table.blogbody {
/* edits your blog or entry space */
border: 0px;
background-color:transparent;
}
.smalltext{
text-align:right;
}
table.search{
/* edits search bar */
border:#004C7D solid 1px;
background-color:#FFFFFF;
}
table.right { 
/* this edits the menu module */
width:280;
background-color: transparent;
border:0px;
}
table.right th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
background-color: transparent;
width:280;
font: 11px arial;
color: #004C7D;
border: 0px;
text-align: left;
font-weight:bold;
padding-top:0;
padding-bottom:0;
}
table.right TD {
/* on your menu module, this edits the body part of it */
background-color: transparent;
color: #FFFFFF;
border: 0px;
width:280;
text-align:left;
}
table.search td{
background-color:#FFFFFF;
}
table.container{
width:298;
border:0px;
background-color:#72D2F4;
border:4px solid #FFFFFF;
}
td.banner{
text-align:center;
border:0px;
}
td.blogtext{
background-color:#72D2F4;
border:0px;
padding-bottom:2px;
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#72D2F4,EndColorStr=#BAE9FA);
}
</style>
<table class="container" align="center" cellspacing="0" cellpadding="0" width="298">
<tr>
  <td class="banner" align="center"> <img src="http://skins.cbstaff.com/xquizit/summer/summer.gif" alt="Summer '04" width="298" height="200" border=0 usemap="#Map"> 
    <map name="Map">
      <area shape="rect" coords="161,162,297,172" href="http://xanga.com/xquizit_442" target="_blank">
    </map> 
	</td>
</tr>
<tr><td valign="top" align="left" class="blogtext">

Layout Code

Copy and paste to Website Stats

Help

<div align="center">Designed by <a href="http://xanga.com/xquizit_442" target="_blank">Xquizit</a></div>
</td></tr></table></td></tr></table><br>

<a href="http://xanga.com">Xanga</a>
<a href="http://www.xanga.com/private/home.aspx">Private</a>
<a href="http://www.xanga.com/CLAF/default.asp">CLAF</a>
<a href="http://www.xanga.com/profile.aspx?user=YOURXANGA">Profile</a>
<a href="http://www.xanga.com/Private/SubscribeTo.aspx?user=YOURXANGA">Subscribe</a>
<a href="http://www.xanga.com/Private/subs.aspx">Friends</a>
<a href="http://www.xanga.com/Private/feedback.aspx">Feedback</a>
<a href="http://www.xanga.com/signin.aspx">Signin</a>
<a href="http://www.xanga.com/logout.aspx">Logout</a>

var newWords = new Array(
       "bird",
       "bee",
       "<3"
);

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 3 of 3 comments

oh my god. the animation, the banner, the background, WONDERFUL, it's just way too small :(

By emberfly on Mar 20, 2008 3:52 pm

yeah.. i agree with amy.. 0_=

By xcorphz on Aug 2, 2007 8:42 am

You are defintely one of the most talented on here, that's for sure! This layout is so beautiful...but is there any way you can update it to Summer 05? :) It's so lovely, please don't get me wrong, but it's just out of date.Wonderful j

By Amy_540 on Jul 26, 2005 9:38 pm

Layout Details

Designer	xquizit
Submitted on	Apr 10, 2005
Page views	17,513
Favorites	30
Comments	3

Summer 2004 :: Beach Vector

Designer's Comments

Using This Layout

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates