Summertime

Xanga Layouts / Basic

Designer's Comments

Look carefully for specific instructions

Background: #FFFFFF
Trim: #FC9B79
Alignment: LEFT
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.footer, table.navigation{
/* edit width */
width:673;
}
table.blogbody, div.blogheader, .caption{
/* edit width of blog */
width:467;
}
table.left{
/* edit width of left modules */
width:186;
}
td.maincenter {
text-align:left;
}
body {
/* edits body background and scrollbars */
background:#2B2927 url(http://xquizit.cbstaff.com/summertime/summertimebg.gif);
scrollbar-Arrow-Color: #FEDBC9;
scrollbar-Track-Color: #FFFFFF; 
scrollbar-Shadow-Color: #FEDBC9;
scrollbar-Face-Color: #FFFFFF; 
scrollbar-Highlight-Color: #FEDBC9; 
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-3dLight-Color: #FFFFFF;
}
table.navigation, table.footer {
/* remove default navigation and footer */
display: none;
} 
.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p, .content, .smalltext {
/* edits main text */
font:normal 11px arial;
color: #FC9B79;
text-align:left;
}
b, strong{
color:#F56D79;
}
a:link, a:active, a:visited{
color:#F56D79;
text-decoration:none;
}
a:hover{
/* edit link hover */
color:#FC9B79;
}
input, select, textarea, .textfield, .button{
/* this edits buttons, drop down menus etc. */
border: 1px solid #FC9B79;
font:normal 10px arial #FFFFFF;
background-color: #FDAD92;
letter-spacing:0px;
color:#FFFFFF;
}
div.blogheader, .caption {
/* edit the blog dates */
font-family:arial;
font-size:18px;
color:#F56D79;
background-color: #FFE9BC;
text-align: left;
font-weight:bold;
padding-top:4;
padding-left:7;
padding-right:7;
padding-bottom:5;
border-left:1px solid #FC9B79;
border-right:1px solid #FC9B79;
border-top:1px solid #FC9B79;
}
table.blogbody {
/* edits your blog or entry space */
border: 0px;
text-align:left;
background-color:#FFE9BC;
border-left:1px solid #FC9B79;
border-right:1px solid #FC9B79;
border-bottom:1px solid #FC9B79;
}
table.left { 
/* this edits the left module */
background-color: #FFE9BC;
border:1px solid #FC9B79;
padding:0px;
}
table.left th {
/* this edits your left module titles */
background-color: transparent;
text-transform: capitalize;
font: 18px arial;
color: #F56D79;
border: 0px;
text-align: left;
font-weight:bold;
padding-top:4;
padding-left:7;
padding-right:7;
padding-bottom:5;
}
table.left TD {
/* this edits the body part of of your left modules */
background-color: transparent;
color: #FC9B79;
border: 0px;
text-align:left;
padding-top:0;
padding-bottom:6;
padding-left:7;
padding-right:7;
}
.blogbody td{
/* edits spacing of blogbody */
width: 0px;
padding: 6px;
padding-left:1px;
padding-right:6px;
padding-top:0px;
text-align:left;
}
table.search{
/* edits search bar */
border:#FC9B79 solid 1px;
background-color:#FFE9BC;
}
table.search td{
background-color:#FFE9BC;
}
hr {
/* edits horizontal rule */
color: #FC9B79;
}
div.navigation {
margin-left:24px;
margin-top:-17px;
font-size: 9px;
color:#FFFFFF;
font-family:arial;
}
div.navigation a:link, div.navigation a:active, div.navigation a:visited {
color:#FFFFFF;
}
div.navigation a:hover {
color:#FFE6AE;
}
</style>
<div align="left"> <img src="http://xquizit.cbstaff.com/summertime/summertime.gif" alt="Summertime" width="675" height="140" border=0 usemap="#Map" style="margin-left:19px;"> 
<map name="Map">
 <area shape="rect" coords="554,132,674,139" href="http://xanga.com/xquizit_442" target="_blank">
</map>
<div class="navigation">
<a href="http://xanga.com/">Xanga</a> | 
<a href="http://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/guestbook.aspx?user=YOURXANGA">Guestbook</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> | 
</div>
<table cellpadding="0" cellspacing="0" border="0" align="left" style="padding-top:10px;margin-left:10px;">
<tr><td>

Layout Code

Copy and paste to Website Stats

Help

Layout Comments

Showing latest 3 of 3 comments

This one was my ultimate xanga skin favorite.. i used it for the summertime.. && i still love it.. i would use it over and over! you really have talent for design. i would very much love to see more work of yours.. if you can.. just a suggestion.. make more.. where you can see the person's picture on the left hand side. thank you! beautifully done!

By MissNov14 on Jan 10, 2008 2:39 am

pretty nice color combination! 0_=

By xcorphz on Aug 2, 2007 8:58 am

Layout Details

Designer	xquizit
Submitted on	Apr 12, 2005
Page views	33,461
Favorites	75
Comments	3

Summertime

Designer's Comments

Using This Layout

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates