Blue and White Stripes

Xanga Layouts / Basic

Designer's Comments

Look carefully for specific instructions

TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE

That is the header code enter whatever you'd like in that area :]

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

<STYLE type="text/css">
body {
background-color: #FFFFFF;
background-image: url("http://cbimg9.com/layouts/08/07/29022aa.gif");
background-repeat: repeat; 
background-attachment: fixed; 
background-position: top center;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #FFFFFF;
scrollbar-shadow-color:#000000;
scrollbar-face-color: #FFFFFF;
scrollbar-highlight-color: #000000;
scrollbar-darkshadow-color:#000000;
scrollbar-3dlight-color:#000000; 
}
.left, .blogbody, table.footer, .standard, td, p {
/* edits main text */
font:normal 11px arial;
color: #0099FF;
letter-spacing:0px;
text-align:left;
}
.blogbody b, .standard b, p b, strong {
/* edits bolded text in your entry */
font-weight: bold;
color:#0099FF;
}
.left b,{
font-weight:bold;
color:#0099FF;
}
.blogbody u, .standard u, {
text-decoration: underline;
font-weight:normal;
color:#0099FF;
}
.blogbody i, .standard i, em {
text-decoration:italic;
color:#0099FF;
font-weight:normal;
}
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 */
font-family: arial;
text-transform: lowercase;
background-color:#FFFFFF;
font-size:19px;
font-weight:none;
line-height: 10px;
letter-spacing:-2px; 
color: #0099FF;
text-align:right;
padding:3px; 
width: 280px;
border:3px groove #0099FF;
}
a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
color:#0099FF;
font:normal 7px small fonts;;
text-decoration: none;
text-spacing:0px;
text-transform: uppercase;
}
a:visited, a.footernav:visited, {
/* edits the links that the user has visited */
color:#0099FF;
font:normal 7px small fonts;
line-height:10px;
text-decoration: none;
text-spacing:0px;
text-transform: uppercase;
}
a:hover {
/* edits when user mouseovers the links */
font:normal 7px small fonts;
text-decoration: none;
color:#0099FF;
letter-spacing:2px;
}
input, select, textarea, iframe.htmleditor, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
border: 1px solid #0099FF;
font:normal 7px small fonts;
background-color:transparent;
letter-spacing:0px;
color:#0099FF;
text-transform: uppercase;
}
table.blogbody {
/* this edits the other the place where the blog is */
border: 1px solid #0099FF;
border-top:1px solid #0099FF;
width: 280px; 
background-color:#FFFFFF
}
table.left { 
/* this edits the menu module */
border: 1px solid #0099FF;
width: 170px;
background-color:#FFFFFF
text-align:center;
}
table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
background-color:#FFFFFF
font: normal 11px arial;
line-height:0px;
text-align:center;
color:#0099FF;
border: 1px solid #0099FF;
letter-spacing:0px;
}
table.left TD {
/* on your menu module, this edits the body part of it */
font:normal 11px arial;
color:#0099FF;
text-align:center;
border-top:1px solid #0099FF;
width: 170px;
background-color:#FFFFFF
}
table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
background-color:#FFFFFF
border: 0px solid #0099FF;
}
table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
border: 1px solid #0099FF;
}
table.navigation, table.main, table.footer {
/* the width of your blog with modules */
width: 470px;
}
hr {
/* horizontal divider */
border:0px #0099FF;
}
</style>

Layout Code

Copy and paste to Website Stats

Help

Layout Comments

Showing latest 3 of 3 comments

My eyes hurt from all the stripes, hahaha. ;P

By dreamgurl36 on Jul 4, 2008 2:12 pm

I just wanted to tell you, instead of actually taking a picture of your screen, you can press the "Prnt Scrn" (Print Screen) button near the top right of your keyboard (near "page up" and "page down"), and then do ctrl+v (paste) into whatever image editing software you use (photoshop, paint shop pro, paint, etc.).
It's much easier, and it gives you a nice picture.
I hope that made sense, haha.

Nice layout too. =]

By SkeleBoy on Jul 3, 2008 12:49 pm

ahaha:) Screen shot love.

By lindseymarieamazing on Jul 2, 2008 4:10 pm

Layout Details

Designer	BreeBree93
Submitted on	Jun 30, 2008
Page views	6,466
Favorites	4
Comments	3
Reviewer	karmakiller
Approved on	Jul 1, 2008

Blue and White Stripes

Designer's Comments

Using This Layout

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates