My Reality

Designer's Comments

Look carefully for specific instructions

There's an awesome scrolly thingy. xD
Awessomeee.
If blog moves up change margin top at the bottom to a lower number.
Cute.
That's it.

- - Mizu

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><div align="left"><div style="e65659: #e65659; width: 800px; height: 800px; margin-top: -269px; margin-left: -10px;"><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><img src="http://cbimg6.com/layouts/08/08/30571aa.jpg" border="0" galleryimg="no"><br></div><style type="text/css">table.navigation, table.footer { 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, .search, .searchbarborder {display: none;} </style><script>document.title = "My Reality; Despair.Complications.Sorrow. ___ ;;"</script><style type="text/css">/*Please do not steal or jock this.*//*Made by Mizuro at ColourEmotion . xanga[.]com/ColourEmotion*/body {background-color: #eaf5ef;background-image: url('http://cbimg6.com/layouts/08/08/30571ab.jpg');background-repeat: repeat-y;background-position: left;scrollbar-arrow-color: #COLORHEXCODE;scrollbar-track-color: #COLORHEXCODE;scrollbar-shadow-color: #COLORHEXCODE;scrollbar-face-color: #COLORHEXCODE;scrollbar-highlight-color: #COLORHEXCODE;scrollbar-darkshadow-color: #COLORHEXCODE;scrollbar-3dlight-color: #COLORHEXCODE;}div.blogheader, .caption {background-image:   ( MAGE URL FOR HEADER);background-repeat: no-repeat;background-position: bottom left;font:  18px georgia;text-transform: none;color: #808b8f;line-height: 12px;letter-spacing: 2px;background-color: none;text-align: center;padding-top: 5px;padding-left: 4px;width: 300px;}hr{color: #b8d7c8;width: 300px;}.module b, .section b, .blogbody b, .standard b, p b, strong {font-weight: bold;color: #057886;}.blogbody u, .standard u, .module u, .section u, p u, u {text-decoration: underline;color: #34c8de;border-bottom: 1px dotted #34c8de;}.blodbody i, .standard i, .module i, .section i, p i, em {font-weight: italic;color: #7a7a7a;}input, select, textarea, iframe.htmleditor, .textfield, .button {border: 2px dotted #897b51;font: normal 8pt arial;background-color: #ffffff;font-color: #897b51;}table.footer TD {text-align: center;}.header{background-image:  none;background-repeat: no-repeat;background-position: top-right;font:  18px georgia;text-transform: none;color: #808b8f;line-height: 20px;letter-spacing: 2px;background-color: none;text-align: center;width: 150px;} .module{width: 150px;background-color: none;}.section{font: normal 7pt verdana;color: #85b4a0;line-height: 10pt;text-align: left;background-color: #b8d7c8;background-image: none;background-repeat: no-repeat;background-position: bottom center;padding: 4px;border-top: 1px solid #ffffff;width: 150px;}font,td,p,xmp{color: #85b4a0;font-face: verdana;font-weight: normal;font-size: 7pt;text-align: justify;}table.blogbody tr td {width: 0px; padding-left: 0px;} table.blogbody {width: 300px;font: normal 7pt verdana;color: #85b4a0;line-height: 10pt;text-align: left;background-color: #b8d7c8;background-image: none;background-repeat: no-repeat;background-position: bottom right;border-top: 1px solid #ffffff;padding: 4px;}a:link{font: normal pt verdana;color: #85b4a0;line-height: 10pt;text-decoration: none;text-transform: none;}a:active{font: normal 7pt verdana;color: #85b4a0;line-height: 10pt;text-decoration: none;text-transform: none;}a:visited{font: normal 7pt verdana;color: #85b4a0;line-height: 10pt;text-decoration: none;text-transform: none;}a:hover {font: normal 7pt small fonts;color: #ffffff;line-height: 10pt;text-decoration: underline;text-transform: none;}#clickie a {/* define links on modules */background-color: #b8d7c8;background-image: url();background-position: bottom right;background-repeat: no-repeat;background-attachment: fixed;border: 0px;font-family: verdana;font-size: 8pt;line-height: 15px;text-align: center;color: #85b4a0;text-decoration: none;letter-spacing: 0px;margin-bottom: 0px;cursor:crosshair;width: 145;}#clickie a:hover {/* define mouseover lins in module */background-color: #b8d7c8;background-image: url();background-position: bottom right;background-repeat: no-repeat;background-attachment: fixed;color: #ffffff;border: 0px;font-family: small fonts;font-size: 7pt;line-height: 15px;text-align: center;border-bottom: 1px solid #FFFFFF;text-transform: normal;text-decoration: none;letter-spacing: 0px;margin-bottom: 0px;cursor:crosshair;width: 145;}</style><div class="blogbody" style="width: 300px; margin-top: -100px; margin-left: 10px;height: 100; background-color:#transparent;font-family: verdana; font-size:7pt; text-align;center;"><Div id="scroll3" style="width:300;height:90;background-color:Transparent;overflow:auto">Here is where you may put extra things about yourself. Of course you may use <b>bold</b>, <i>italic</i>, or <u>underline</u>.It's all up to you! If you don't know how to edit this place you may come ask me, Mizuro at My Reality//ColourEmotion. Remember that this effects where your blog is placed too...I think so if it gets mis-aligned and you can't fix it comment me.Hope you like this and yeah =p<br>--<b>Mizuro</b> at My Reality.<br></div><div class="module" style="overflow: visible; width: 150px; margin-top: -90px; margin-left: 340px;"><div class="header">Desired</div><div class="section"><b>Name:</b> Your name <br><b>Age:</b> Your age <br><b>Gender:</b> Your gender <br><b>Likes:</b> Your likes<br><b>Hates:</b> Your hates<br><b>Contact:</b> Your contact </div><br><div class="header">Follow Me</div><div class="section"><div id="clickie"><center><a href="http://www.xanga.com">Home</a><br><a href="http://www.xanga.com/signin.aspx">Sign In</a><br><a href="http://www.xanga.com/profile.aspx?user=YOURXANGANAMEHERE">Profile</a><br><a href="http://www.xanga.com/guestbook.aspx?user=YOURXANGANAMEHERE">My Guestbook</a><br><a href="http://www.xanga.com/private/subscribeto.aspx?user=YOURXANGANAMEHERE">Sub Me</a><br><a href="http://www.xanga.com/private/subs.aspx">Read Subs</a><br><a href="http://www.xanga.com/claf/default.asp">Claf</a><br><a href="http://www.xanga.com/logout.aspx">Sign Out</a></center></div></div><br><div class="header">Realistic </div> <div class="section"> Extra module for you! You may put music or anything you like here! Remember you can use bold, italic or underline! <br><b>Mizuro</b></div><br> <div class="header">Inspired</div><div class="section">Another extra module! Go ahead do whatever you want!</div><br><div class="header">Credits</div><div class="section"><b>Made by:</b> <a href="http://www.xanga.com/ColourEmotion">Mizuro</a><br><b>Sources:</b>[<a href="http://www.xanga.com/LNMxxtutorial">X</a>][<a href="http://celestial-star.net">X</a>][<a href="http://www.feel.hironeko.net/">X</a>]<br><b>Time:</b> A few hours<br><b>Dedicated:</b> Yuki <3</div><br></div><div class="blogbody" style="overflow: visible; width: 400px; margin-top: -490px; margin-left: -95px;">

Layout Comments

Showing latest 9 of 9 comments

this is adorable, why xanga?!

By res8zenith on Jul 27, 2009 10:02 pm

it's very easy, just go to xanga.com/claf, log into your account, scroll down and you see "header", instead of using "hide header" use "input your own HTML" and put this in there.

By Mizuro on Jun 18, 2009 9:38 pm