The Sky

Xanga Layouts / Basic

Designer's Comments

Look carefully for specific instructions

Width: 100%
alignment: center
background color: #ffffff

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

scrollbar-arrow-color: #CBE1FC;
scrollbar-track-color: #CBE1FC;
scrollbar-shadow-color: #ffffff;
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-3dlight-color: #CBE1FC;}

/* edits the date */
div.blogheader, .caption 
{background-image: url();
background-repeat:no-repeat;
background-position:center;
font-family: tahoma;
text-transform:none;
font-size:14px;
line-height:14px;
font-weight:normal;
color:#77ADF7;
letter-spacing:1px;
background-color:#ffffff;
text-align:center;
border:1px solid #A4C9FD;}

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

input, select, textarea, iframe.htmleditor, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
border: 2px solid #CBE1FC;
font:normal 10px tahoma;
background-color: #ffffff;
font-color:#A6D1FC;}

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

table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
background-image: url();
background-color:none;
color: #CBE1FC;
font: bold 8pt tahoma;
text-transform: none;
text-align:center;
border: #A6D1FC 2px solid;}
 
table.left { 
/* this edits the menu module */
width:180px;
color:000000;
background-color:#COLOR CODE;
BORDER: #COLOR CODE #px solid;}

font,td,p,xmp
{color:#77ADF7;
font-face: Tahoma;
font-weight:normal;
font-size:8pt;
text-align:justify;}

table.blogbody tr td { 
/* this edits the left margin of blog */ 
width:0px; 
padding-left: 0px;}

table.blogbody {
/* this edits the other the place where the  blog is */
background-color:transparent;
family-font: tahoma;
BORDER: #A4C9FD 1px solid;
width:235px;} /* <-- The width for this should be around 5-15 pixels less then the width for your blog's div layer. */

a:link
{line-height: 8pt; 
font-family: Tahoma;
font-weight:normal; 
color:#77ADF7; 
text-transform:none;
font-size:8pt; 
cursor:crosshair;}

a:active
{font-family: tahoma; 
color:#CBE1FC; 
text-transform:none;
font-size:8pt; 
cursor:crosshair;}

a:visited
{font-family: tahoma; 
color:#A6D1FC; 
text-transform:none;
text-decoration:strikeout;
font-size:8pt;
cursor: crosshair;}

A:hover {font-family:tahoma;
color:#CBE1FC;
text-transform: uppercase; 
cursor: crosshair; 
font-weight:bold;
font-size:8pt}</style>

Layout Comments

Showing latest 5 of 5 comments

I love this layout, good job.

By brokenkisses21 on Jun 3, 2007 11:14 pm

I like that...'cept I'll let you know that the blog area is a little is maybe 150 px to the left of where it should be on Mozilla.

By levileh on May 31, 2005 6:54 pm

i LOOOOOOOOOOOOOVE it!! great job making it!

By mushroom22 on May 31, 2005 6:33 pm

It looks really nice. Very soothing and calming. Great job

By LiLbLueangeL1223 on May 7, 2005 6:12 pm

OOI LOVE ITI'VE ADOPT IT AS MY XANGA SKINTHX

By katrinalam on May 6, 2005 12:39 am

Layout Details

Designer	XKali_chik_4_lifeX
Submitted on	Apr 30, 2005
Page views	25,732
Favorites	59
Comments	5

The Sky

Designer's Comments

Using This Layout

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates