Switchfoot

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

<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.cbimg4.com/xanga/16/3869.jpg" alt="Switchfoot"><br><br><img src="http://images.cbimg4.com/xanga/16/3869a.jpg">
<br><a href="http://www.xanga.com">xanga</a> - 
<a href="http://www.xanga.com/claf">look&feel</a> - 
<a href="http://xanga.com/private/home.aspx">private</a> - 
<a href="http://xanga.com/private/subs.aspx"> subs</a> - 
<a href="http://www.xanga.com/Private/SubscribeTo.aspx?user=USERNAME">add me</a> -
 <a href="http://www.xanga.com/Private/profilebasic.aspx">edit pro</a> - 
<a href="http://www.createblog.com">createblog</a><br><img src="http://images.cbimg4.com/xanga/16/3869a.jpg">

<div style="overflow: auto; width: 520px; height: 100%; margin-top: 10px; margin-left: -20px;"> 
<style type="text/css">
table.navigation, table.footer { display:none; }
</style>
<style type="text/css">
.#rblEprops{display:none;}
#pnlEnabled table, #htmleditor, #lblTimeZone,
/* width of the comment page */
{width:245px;}
.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer 
{display: none;} 
</style>
<style type="text/css">
/* Name of Your Skin - By You*/
body 
{background-image: url(http://images.cbimg4.com/xanga/16/3869b.jpg);
background-repeat: repeat;
background-position: center;
background-repeat: repeat;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-face-color: #D0CECE;
scrollbar-highlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-3dlight-color: #000000;}

/* edits the date */
div.blogheader, .caption 
{background-image: url();
background-repeat:no-repeat;
background-position:center;
font-family: Georgia;
font:bold;
font-size:22px;
line-height:25px;
font-weight:normal;
color:#000000;
letter-spacing:-1px;
background-color:transparent;
text-align:center;
border:0px solid #000000;
border-top-width: 1px;
 border-right-width: 1px;
 border-bottom-width: 4px;
 border-left-width: 1px;
width: 500px;}

.blogbody b, .standard b, p b, strong {
/* edits bolded text in your entry */
font-weight: bold;
color: #ffffff;}

input, select, textarea, iframe.htmleditor, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
border: 1px solid #000000;
font:normal 8px times new roman;
background-color: #transparent;
font-color:#000000;}

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

.left, table.footer, .standard, .leftmodulefontcolor, p, td {
 /*site text*/
 font:normal 14px times new roman;
 color:black;
 text-align:justify;
 text-transform: normal;
 }

table.blogbody {
/* this edits the other the place where the  blog is */
background-color:8F8F8F;

BORDER: #D0CECE 4px solid;
border-top-width: 4px;
 border-right-width: 0px;
 border-bottom-width: 0px;
 border-left-width: 0px;
width:500px;} /* <-- The width for this should be around 5-15 pixels less then the width for your blog's div layer. */

hr {
 /* horizontal divider */
 {display: none}

a:link
{line-height: 8pt; 
font-family: times new roman;
font-weight:normal; 
color:#EBEBEB; 
text-transform:none;
font-size:10pt; 
cursor:crosshair;}

a:active
{font-family: times new roman; 
color:#686868; 
text-transform:none;
font-size:10pt; 
cursor:crosshair;}

a:visited
{font-family: times new roman; 
color:#4C4C4C; 
text-transform:none;
text-decoration:strikeout;
font-size:12pt;
cursor: crosshair;}

A:hover {font-family:times new roman;
color:#FFFFFF;
text-transform: uppercase; 
cursor: crosshair; 
font-weight:bold;
font-size:#pt}</style>

Layout Comments

Showing latest 8 of 8 comments

it looks good. nice job.

By OhXiet_ItzDonnA on Aug 15, 2005 5:49 pm

i LOVE SWITCHFOOT! gah! and i love this layout. simple. but maybe too many pics of the band at the top. the black and white pic kinda clashes w/ the colored ones. just a thoguth. i may use it, though.

By coldplayphreak on Aug 15, 2005 5:48 pm

i love switchfoot... nice layout!!!

By vclovesgc on Aug 13, 2005 1:02 pm

^ I said 'MIGHT' lol <3333333333333go make me one with hawt guys then I "MIGHT" use it

By [Scr3amin][Horror] on Aug 13, 2005 12:07 am

Thnak you I aprreciate your comments.Liz you better use it.

By Kenado on Aug 12, 2005 3:02 pm

WHOA WHOA WHOAI went a switchfoot concert once.Anyway, I like this layout. The whole grundgy thing.

By -------------------- on Aug 12, 2005 12:55 pm

Switchfoot is awsome! and the layouts awsome too!!

By blahfreak24 on Aug 12, 2005 10:42 am

Awwwwwwwwww its cute KennyI might use it

By [Scr3amin][Horror] on Aug 12, 2005 1:34 am

Layout Details

Designer	FroZenCloud104
Submitted on	Aug 11, 2005
Page views	7,241
Favorites	0
Comments	8

Switchfoot

Using This Layout

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates