x. Scarlett Love .x

Designer's Comments

Look carefully for specific instructions

please change all the YOURUSERNAMEs to your own xanga usernames thank you! ^^
dont want ppl to subscirbe to YOUREUSERNAME now do we.
*the YOURUSERNAMEs are inside the imageReady slices map.

its my first layout!(:
unfortunately i didnt put in a link for CLAF.
but am sure u guys know the link for it ;)
actually you guys can change your own link in the imageReady map, but please make sure you know what you're doing!
all other links are in the Xs.

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><script type='text/javascript'>
document.title = ('x. Scarlett Love .x');
</script> 
<html>

<img src="http://cbimg6.com/layouts/07/10/06/22154aa.jpg" width="750" height="900" border="0" alt="" usemap="#scarlet11_Map">
<map name="scarlet11_Map">
<area shape="rect" alt="" coords="382,422,393,432" href="http://www.xanga.com/logout.aspx" target="_parent">
<area shape="rect" alt="" coords="372,422,382,433" href="http://karen-x.createblog.com/" target="_blank">
<area shape="rect" alt="" coords="361,421,372,431" href="http://www.xanga.com/connect.aspx?user=YOURUSERNAME" target="_blank">
<area shape="rect" alt="" coords="350,421,361,431" href="http://www.xanga.com/Private/subs.aspx" target="_self">
<area shape="rect" alt="" coords="340,421,350,432" href="http://www.xanga.com/private/yourhome.aspx?user=YOURUSERNAME" target="_self">
</map>

</html>
<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>
<div style="overflow: auto; width: 680px; height: 420px; margin-top: -450px; margin-left: 10px;">
<style type="text/css">
table.navigation, table.footer { display:none; }
</style>
<style type="text/css">
/* Scarlett Love*/
body
{background-color: #000000;

scrollbar-arrow-color: #000000;
scrollbar-track-color: #9e9898;
scrollbar-shadow-color: #9e9898;
scrollbar-face-color: #9e9898;
scrollbar-highlight-color: #9e9898;
scrollbar-darkshadow-color: #9e9898;
scrollbar-3dlight-color: #9e9898;}

/* edits the date */
div.blogheader, .caption
{background-image: url();
background-repeat:no-repeat;
background-position:center;
font-family: Georgia;
text-transform:none;
font-size:15px;
line-height:20px;
font-weight:normal;
color:#FFFFFF;
letter-spacing:2px;
background-color:none;
text-align:center;
border:1px solid #FFFFFF;}

.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: #px solid #FFFFFF;
font:normal #px Ariel;
background-color: #000000;
font-color:#FFFFFF;}

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: #000000;
font: bold 8pt georgia;
text-transform: none;
text-align:center;
border: #000000 0px solid;}

table.left {
/* this edits the menu module */
width:180px;
color:transparent;
background-color:transparent;
BORDER: #COLOR CODE #px solid;}

font,td,p,xmp
{color:#FFFFFF;
font-face: Times New Roman;
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: Georgia;
BORDER: #COLOR CODE #px solid;
width:635px;} /* <-- The width for this should be around 5-15 pixels less then the width for your blog's div layer. */

a:link
{line-height: 15pt;
font-family: georgia;
font-weight:normal;
color:#FFFFFF;
text-transform:none;
font-size:10pt;
cursor:crosshair;}

a:active
{font-family: georgia;
color:#FFFFFF;
text-transform:none;
font-size:10pt;
cursor:crosshair;}

a:visited
{font-family: georgia;
color:#FFFFFF;
text-transform:none;
text-decoration:strikeout;
font-size:10pt;
cursor: crosshair;}

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

Layout Comments

Showing latest 4 of 4 comments

Beautiful pictures, love the blending :)

By FoxLucky on Nov 6, 2007 2:44 pm

love the layout but not so much the images

By ChadDevil on Oct 8, 2007 8:47 pm

This is really gorgeous.one of my faves :)
x

By strawberrycrush10491 on Oct 8, 2007 8:03 am

i like the font you picked for her name.
she is very pretty.

By PINKLollyPOP on Oct 7, 2007 1:31 am

Layout Details

Designer	karen-x
Submitted on	Oct 6, 2007
Page views	4,332
Favorites	8
Comments	4
Reviewer	IVIike
Approved on	Oct 6, 2007

x. Scarlett Love .x

Designer's Comments

Using This Layout

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates