Megan Fox: Your one and only

Designer's Comments

Look carefully for specific instructions

If you add another module on the left the blog will move up. Please fix the margin-top at the bottom of the code to a smaller number.
It's misaligned on CB preview. The blog moves up and the ad thing is there. Please view it here.
This was made by me.
Hope you like it =]

- - Mizuro

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

#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>

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:  normal 16pt georgia;
text-transform: bold;
color: #988a81;
line-height: 12px;
letter-spacing: 2px;
background-color: none;
text-align: center;
padding-top: 5px;
padding-left: 4px;
width: 330px;}

hr
{color: #535453;
width: 330px;}

.module b, .section b, .blogbody b, .standard b, p b, strong 
{font-weight: bold;
color: #c7b3dc;}

.blogbody u, .standard u, .module u, .section u, p u, u 
{text-decoration: underline;
color: #cb9298;
border-bottom: 1px dotted #8c6fae;}

.blodbody i, .standard i, .module i, .section i, p i, em 
{font-weight: italic;
color: #a1cb92;}

input, select, textarea, iframe.htmleditor, .textfield, .button 
{border: 1px solid #498269;
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:  normal 18pt georgia;
text-transform: none;
color: #988a81;
line-height: 20px;
letter-spacing: 2px;
background-color: none;
text-align: center;
width: 207px;}

.module
{width: 207px;
background-color: none;}

.section
{font: normal 8pt verdana;
color: #878787;
line-height: 10pt;
text-align: left;
background-color: #transparent;
background-image: none;
background-repeat: no-repeat;
background-position: bottom center;
padding: 4px;
border-top: 1px solid #ffffff;
width: 207px;}

font,td,p,xmp
{color: #897b51;
font-face: verdana;
font-weight: normal;
font-size: 8pt;
text-align: justify;}

table.blogbody tr td 
{width: 0px; 
padding-left: 0px;}

table.blogbody 
{width: 330px;
font: normal 8pt verdana;
color: #878787;
line-height: 10pt;
text-align: left;
background-color: #transparent;
background-image: none;
background-repeat: no-repeat;
background-position: bottom right;
border-top: 1px solid #ffffff;

padding: 4px;}

a:link
{font: normal 8pt verdana;
color: #6ea59a;
line-height: 10pt;
text-decoration: none;
text-transform: none;
}

a:active
{font: normal 8pt verdana;
color: #6ea59a;
line-height: 10pt;
text-decoration: none;
text-transform: none;
}

a:visited
{font: normal 8pt verdana;
color: #6ea59a;
line-height: 10pt;
text-decoration: none;
text-transform: none;
}

a:hover 
{font: normal 8pt century gothic;
color: #535453;
line-height: 10pt;
text-decoration: italic;
text-transform: none;
}

#clickie a {
/* define links on modules */
background-color: #e7e6e2;
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: #897b51;
text-decoration: none;
letter-spacing: 0px;
margin-bottom: 0px;

cursor:crosshair;
border-left: 3px solid #535453;
width: 200;}

#clickie a:hover {
/* define mouseover lins in module */
background-color: #ffffff;
background-image: url();
background-position: bottom right;
background-repeat: no-repeat;
background-attachment: fixed;
color: #897b51;
border: 0px;
font-family: small fonts;
font-size: 7pt;
line-height: 15px;
text-align: center;
text-transform: normal;
text-decoration: none;
letter-spacing: 0px;
margin-bottom: 0px;
cursor:crosshair;
border-left: 3px solid #535453;
width: 200;}

</style>
<div class="blogbody" style="width: 200px; margin-top: -350px; margin-left: 445px;
height: 89; background-color:#transparent;font-family: verdana; font-size:7pt; text-align;center;">
<Div id="scroll3" style="width:200;height:100;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>

<div class="header">Desired</div>
<div class="section">
<Div id="scroll3" style="width:200;height:150;background-color:Transparent;overflow:auto">
<b>Name:</b> Cassie <br>
<b>Alias:</b> Mizuro, Mizu, bunneh, Baka<br>
<b>Age:</b> Guess? o-o <br>
<b>Gender:</b> Female, err, durr? <br>
<b>Likes:</b> Photoshoping, shopping, writing, sleeping, reading, Twilight, in love with Edward.<br>
<b>Hates:</b> Suck ups, losers, meanies, idiots, jockers, anything near you ^^<br>
<b>Contact:</b> Visit me at <a href="http://www.z10.invisionfree.com/illusionalcreativity">Illusional Creativity</a>,<a href="www.xanga.com/colouremotion">Colour Emotion</a> and <a href="www.xanga.com/fadingtouch">Fading Touch</a><br>
<br>
Add anything else about you here. </div>
</div><br>

<div class="header">Sitely</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">  
<center>°<a href="http://www.xanga.com">Link Here</a>
°<a href="http://www.xanga.com">Link Here</a><br>
°<a href="http://www.xanga.com">Link Here</a>
°<a href="http://www.xanga.com">Link Here</a><br>
°<a href="http://www.xanga.com">Link Here</a>
°<a href="http://www.xanga.com">Link Here</a><br>
°<a href="http://www.xanga.com">Link Here</a>
°<a href="http://www.xanga.com">Link Here</a><br>
°<a href="http://www.xanga.com">Link Here</a>
°<a href="http://www.xanga.com">Link Here</a><br></center>

</div><br>

<div class="header">Inspired</div>
<div class="section">
<Div id="scroll3" style="width:200;height:60;background-color:Transparent;overflow:auto">
What inspires you? Here's and extra module for you to play with. It's at a fixed height so it doesn't effect the blog. Put your music or whatever you want here.
</div></div><br>

<div class="header">Credits</div>
<div class="section">
<img src="http://cbimg6.com/layouts/08/08/30757ab.gif" alt="Colour Emotion" border=0></a><br>
<u>Made by:</u> <a href="http://www.xanga.com/ColourEmotion">Mizuro</a><br>
<u>Programs:</u> Photoshop CS3 & Notepad<br>
<u>Sources:</u> [<a href="http://megan-fox.net/">X</a>][<a href="http://www.xanga.com/LNMxxtutorial">X</a>]<br>
</div><br>

</div>

Layout Comments

Showing latest 4 of 4 comments

sorry, derr didnt read the designers comments :P

By hiimeka on Aug 21, 2008 3:27 pm

kind of looks like the banner needs some more. and also not aligned right in my IE.

By hiimeka on Aug 21, 2008 3:26 pm

Yeah, I agree about the scratches.
Would've looked way better without them.
If I had a xanga, I'd totally use it since it's awesome and I love Megs. :D

By so-sarcastic on Aug 21, 2008 9:25 am

I love it.. but I dont like the scratches at all. I think it would look way nicer without them. Other than that, Its beautiful.

By dosomethin888 on Aug 20, 2008 11:57 pm

Layout Details

Designer	Mizuro
Submitted on	Aug 20, 2008
Page views	9,717
Favorites	4
Comments	4
Reviewer	jaeminnie
Approved on	Aug 20, 2008

Megan Fox: Your one and only

Designer's Comments

Using This Layout

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates