Best of Friends

Xanga Layouts / Basic

View preview

Designer's Comments

Look carefully for specific instructions

alignment: center

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><div align="center"><div style="position:static; margin-left: 0px;margin-top: -25px;border: 0px solid  #000000;">
<MAP NAME='imgmap'>
<AREA SHAPE='rect' COORDS='94,558,121,569' HREF='http://www.xanga.com/home.aspx?user=USERNAME HERE' ALT='Home'>
<AREA SHAPE='rect' COORDS='130,559,173,568' HREF='http://www.xanga.com/private/home.aspx' ALT='Private'>
<AREA SHAPE='rect' COORDS='179,558,215,568' HREF='http://www.xanga.com/CLAF/' ALT='Design'>
<AREA SHAPE='rect' COORDS='222,559,241,568' HREF='http://www.xanga.com/private/Subs.aspx' ALT='SIR'>
<AREA SHAPE='rect' COORDS='249,560,287,568' HREF='http://www.xanga.com/profile.aspx?user=USERNAME HERE' ALT='Profile'>
<AREA SHAPE='rect' COORDS='295,559,351,567' HREF='http://www.xanga.com/guestbook.aspx?user=USERNAME HERE' ALT='GuestBook'>
<AREA SHAPE='rect' COORDS='359,558,413,569' HREF='http://www.xanga.com/private/SubscribeTo.aspx?user=USERNAME HERE' ALT='Add Me'>
<AREA SHAPE='rect' COORDS='420,559,468,568' HREF='http://www.xanga.com/home.aspx?user=HispanicLady' ALT='Designer'>
<AREA SHAPE='rect' COORDS='73,404,83,539' HREF='http://www.xanga.com/home.aspx?user=HispanicLady' ALT='Designed by'>
</MAP>

<IMG SRC='http://images.cbstaff.com/xanga/05/skin1171_img.jpg' border=0 width=480 height=570 USEMAP='#imgmap'>

<style type="text/css">
/* Best Of Friends*/
/* Skin made by www.xanga.com/HispanicLady */
table.left, td.mainleft, table.navigation, table.search, #SearchBar1_pnlYouAreHere {display: none;}
body {
background: 120058 url("");
scrollbar-arrow-color: #009900;
scrollbar-track-color: #120058;
scrollbar-shadow-color: #009900;
scrollbar-face-color: #120058;
scrollbar-highlight-color: #009900;
scrollbar-darkshadow-color: #009900;
scrollbar-3dlight-color: #120058; 
}
.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
font:normal 10px arial;
color:339933;
letter-spacing:0px;
text-align:justify;
}
b, strong {
color: #339933; 
font-weight:bold;
font:10px verdana;
}
a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
color:#339933;
font:bold 10px verdana;
line-height:11px;
text-decoration: none;
}
a:visited, a.footernav:visited,  {
/* edits the links that the user has visited */
color:#339933; 
font:bold 10px verdana;
line-height:11px;
text-decoration: line-through;
}
a:hover {
/* edits when user mouseovers the links */
color:#339933;
font:bold 10px verdana;
cursor: hand;
text-decoration: underline;
}
table.navigation, table.footer {display: none;} 
div.blogheader, .caption {
/* edits the dates */
color:#339933;
font-family:verdana;
font-size:15px;
line-height:16px;
font-weight:bold;
text-transform:capitalize;
letter-spacing:1px;
text-align: right;
border: 1px solid #006600;
border-width: 0px 0px 0px 0px;
}
table.blogbody {
/* this edits the other the place where the  blog is */
width:360px;
}
table.navigation, table.main, table.footer {
/* the width of your blog with modules */
width: 360px;
}
.#rblEprops{display:none;}
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops 
/* width of the comment page I suggest miking it the same width as the blogbody*/
{width: 360px;
}
input, select, textarea, iframe.htmleditor, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
border: 1px solid #000000;
font:normal 10px tahoma;
background-color: FFFFFF;
color:#339933;
letter-spacing:0px;
}
table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
background-color: none; 
border: 1px solid #FFFFFF;
}
table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
 border: 0px solid #315390;
}
table.blogbody tr td {
/* this edits the left margin of blog */
width:0px;
padding: 1px;
}
table.blogbody div.smalltext{
/* this edits the blog entry footer */
text-align: right;
padding-bottom: 5px;
}
hr {
/* horizontal divider */
border: 1px solid #339933;
}
</style>

<style type="text/css">
div {
filter:chroma(color=#000000); 
scrollbar-arrow-color: #120058;
scrollbar-face-color: #339933;
scrollbar-3dlight-color: #339933; 
scrollbar-darkshadow-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-track-color: #120058; 
}
</style>

<div style="position:absolute; margin-left:70px;margin-top: -280px;border: 0px solid #000000; width: 390px; height: 260;background: none;overflow: auto;">

Layout Comments

Showing latest 1 of 1 comments

aww soo cute i <3 peter pan

By alli on May 4, 2005 9:14 pm

Layout Details

Designer	LatinaLady
Submitted on	Apr 28, 2005
Page views	8,119
Favorites	18
Comments	1

Layout Tags

, best, friends, tinkerbelle, peter

Layout Tools

Layout Affiliates

Here I Stand Layouts