Map to My Heart

Designer's Comments

Look carefully for specific instructions

Designer's Blog | Designer's Portfolio

MYSPACE VERSION of this layout.

Page Width & Alignment
Width: 100%
Alignment: Center... or Left... doesn't matter.

Instructions

Customizing
Replace the "XXXXXX" with your xanga username.

The blog
Everytime you change the height of the right column, the blog will move up or down. Adjust for this by changing the "margin-top: -482px;" at the BOTTOM of the code to a larger or smaller number.

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 language=javascript>
document.title="MAP to my H E A R T"
</script>

.nav
{
width: 452px;
}

.navheader {
	background-image: url("http://cbimg6.com/layouts/08/02/24/25766ab.jpg");
	background-repeat: none;
	background-align: bottom left;
	padding:4px;
	color:000000;
	font-size:13px;
        text-align: left;
	text-indent:0px;
	font-weight:normal;
	letter-spacing:1.5px;
	font-family:times new roman;
	text-decoration:none;
	text-transform:uppercase;
	background-color: transparent;
	line-height:12px;
        display:block;
}
.aboutme
{
width: 180px;
background-color: fbf8cf; 
font-size: 10px;
font-family: arial;
}

hr, table.footer TD, table.left, td.mainleft, 
table.navigation, table.search, 
#SearchBar1_pnlYouAreHere {
/* removes the original modules */
 display: none;
}

body {
/* edits the scrollbar and background */
 scrollbar-arrow-color: #000000;
 scrollbar-track-color #ebe5b9;
 scrollbar-shadow-color:  #ebe5b9;
 scrollbar-face-color:  #fcf8ce;
 scrollbar-highlight-color:  #ebe5b9;
 scrollbar-darkshadow-color:  #ebe5b9;
 scrollbar-3dlight-color: #ebe5b9;
 background-color: #ebe5b9; 
 cursor: normal;
background-image: url("");
background-repeat: repeat-y;
background-align: left;
overflow-x: hidden;  }

.left, .blogbody, table.footer, .standard,

.leftmodulefontcolor, td, p, .content {
/* edits main text */
 font: 10px arial;
 line-height:normal;
 text-transform: none;
 color: #000000;
 letter-spacing:0px;
 text-align:justify;
 }

p.nav {
/* edits the menu modules */
 width:168px;
 background-color:transparent;
 font-family: verdana;
 text-decoration:none;
 font-size: 9px;
 line-height:normal;
 color: #D2D0D00;
 letter-spacing:0px;
 text-align: center;
 height:1px;
 text-transform: none;
}

div.blogheader, .caption {
/* edits the dates */
background-image: 
url("http://cbimg6.com/layouts/08/02/24/25766ac.jpg");
width: 440px;
 font:14px times new roman;
 line-height: 18px;
 text-align: left;
 color: #000000;
 letter-spacing:6px;
 background-color: transparent;
 text-transform: uppercase; 
 }

a:link{
/* edits all the links */
 color: #3c6368;
 font:10px times new roman;
 text-decoration: none;
 text-transform: uppercase;
 letter-spacing: 0px;

}
a:hover{
color: #b6758a;
 font:10px times new roman;
 text-decoration: none;
 text-transform: uppercase;
 letter-spacing: 0px;

}

a:visited{
/* edits all the visited links */
 color: #3c6368;
 font:10px times new roman;
 text-decoration: none;
 text-transform: uppercase;
 letter-spacing: 0px;

}

input, select, textarea, iframe.htmleditor,

.textfield, .button {
/* edits the buttons, dropdowns, etc. */
 border: 1px solid #000000;
 font: 9px arial;
 text-transform: uppercase;
 background-color: white;
 color: #000000;
 letter-spacing:0px;
}

table.blogbody {
/* edits the other the place where the  blog is 
*/
background-color: #fbf8cf;
width:440px;

}

hr {
/* horizontal divider */
 border: 0px;
 width:0px;
}

p {
/* edits all of the paragraphs */
 align: left;
}

b, strong {
/* edits all the bolded words */
 color: #b98296;
 font-weight: bold;
 letter-spacing:0px;
 font-size: 11px;
 font-face: arial;
 text-transform: uppercase;
}

I, EM {
/* edits all the italic words */
 color: #92d79a;
 letter-spacing:0px;
 font-size:10px;
 text-transform: uppercase;
 font-style:none;
 background-color:none;
}

u {
/* edits all the underlined words */
 color: #7ea399;
 letter-spacing:0px;
 font-size: 10px; 
 text-transform: uppercase;
 font-style:none;
 background-color:none;
}

#pnlEnabled table, #htmleditor, #lblTimeZone,

#pnlEprops, #rblEprops {
/* edits the comments page */
 width:400px;
}

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

body, div {
/* edits the whole xanga */
 font: 11px arial;
 line-height:normal;
 color: #000000;
 letter-spacing:0px;
 text-align:left;
 text-transform: none;
}

p.menubottom {
/* edits the menu modules */
 width:168px;
 border:0px solid none;
 text-align:left;
 padding-left:0px;
}

p.menubb {
/* edits the menu modules */
 width:168px;
 text-align:justify;
 padding-left:0px;
}

</style>

<div align=left><div style="position:static; margin-left:-10px; margin-top: -60px; ">
<img src="http://cbimg6.com/layouts/08/02/24/25766aa.jpg" border="0"

USEMAP="#background"><MAP NAME="background">
<AREA SHAPE="rect" COORDS="0,432,63,527" HREF="http://xanga.com/parfume" TARGET="_blank"

ALT="designer">

</div>

<div style="position:static;  overflow:auto; background-color: transparent; margin-top: -500px; margin-left:99px; BORDER=0px solid;  border-color: dedede; width:452px; font-family: Verdana, Arial,

Helvetica, sans-serif; font-size: 11px;">

<td><a href="http://www.xanga.com/private/subscribeto.aspx?user=XXXXXX" class="navigate"> A D D  M

E</a></td>

<td style="width:146;"><a href="http://xanga.com/parfume"class="navigate">D E S I G N E

R</a></td></tr>

</table></div>

<div style="position:static;  overflow:auto; background-color: transparent; margin-top: -120px; 
margin-left:570px; BORDER=0px solid;  border-color: dedede; width:180px; font-family: Verdana, Arial,

Helvetica, sans-serif; font-size: 11px;">

<table class="aboutme">
<tr>
<td class="navheader">About Me</td></tr>
<tr>
<td>
<b>Name:</b> Name here
<br>

<b>Gender:</b> M/F
<br>

<b>Status:</b> <u>Single</u>/<i>Taken</i>
<br>

<b>Ethinicity:</b> asian, caucasian, african american, indian...
<br>

<b>Hobbies:</b> I have lots of hobbies
<br>

<b>Activities:</b> I do a lot of things
<br>

<b>Music:</b> I like all kinds of music
<br>

<b>TV shows:</b> TV is so cool
<br>

<b>IM:</b> username
<br>
</td>
</tr>
</table>

<br>
<table class="aboutme">
<tr><td class="navheader">Miscellanous</td></tr>
<tr><td>
You can put <i>anything here</i>. However, if you make this right column larger or smaller, <b> the

blog will move up and down</b>. So, in order to compensate, you need to adjust the "-482" in the

"margin-top: -482px" at the bottom of your layout code.  If you need the blog to <u>move up</u>, make

the number smaller.  Vice versa to make the blog move down.

</td><tr></table>
<br>

<table class="aboutme">
<tr><td class="navheader">Music</td></tr>
<tr><td>
   <center><embed src="http://www.mp3asset.com/swf/mp3/fetish-mp3player.swf" quality="high" wmode="transparent" flashvars="myid=8229894&path=2008/02/24&mycolor=0x328C79&mycolor2=0xFFF8D9&mycolor3=0x623770&autoplay=true&rand=0&f=3&vol=100&pat=0" width="170" height="150" name="myflashfetish" align="middle"type="application/x-shockwave-flash" /></center>
</td></tr></table>
<br>

<table class="aboutme">
<tr><td class="navheader">Credit</td></tr>
<tr><td>
<b>Designer:</b> <a href="http://xanga.com/parfume">digitalfragrance</a>
<br>

<b>Resources:</b> <a href="http://sxc.hu">[x]</a> <a href="http://hybrid-genesis">[x]</a>
</td></tr></table>
</div>

Layout Comments

Showing latest 10 of 14 comments

if we can change the photo..
it is much more better!!
but it is good

By crazykawaii on May 9, 2009 5:43 am

Yeah, Britt - that's fine :]

By digitalfragrance on Dec 3, 2008 1:22 am

Yoh, is it okay if I took the createblog picture link out and put my own link, it'll still be the same image? Sometimes, createblog layout pictures stop working and yeahh... Well, let me know please.

The Xanga it's going to be on is http://xanga.com/FakeHeartsQuo tes__x

Brittx

By BrittVelvettx on Nov 28, 2008 6:13 pm

BEAUTIFUL!

By breathtaking on Apr 22, 2008 4:50 pm

i love this layout ^^

By wIIngz on Apr 19, 2008 5:14 pm

To killing-bunnies: Make sure you save your changes after you put it in the Header HTML :]

By digitalfragrance on Apr 4, 2008 12:59 pm

i tried 2 use this but when i put it in 'Header HTML' it didnt work! :( do you know what the prblm is?

By killing-bunnies on Mar 30, 2008 8:58 am

I luv thiss !
but can u make the page to the center ??
coz when I see it lying on the left...
it's just sort of...
u know, weird...
but any way, this is really great XD

By TheMaddestGirl on Mar 26, 2008 6:52 am