Edward Cullen & Bella Swan (Twilight)

Xanga Layouts / Advance

View preview

Designer's Comments

Look carefully for specific instructions

This layout is compatible with firefox. The background was made by me in PaintShopProx2. The Webstats code is meaningless unless you are wanting to clear up the private page. It in no way affects the public page.

Any questions, please message me or visit my layout site: CookieCakeLays

EDIT: please visit my new site: romanticharmonies.xanga.com

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><style type="text/css">/* place in your own header html*/
table.navigation{display:none}
table.footer{display:none}</style>

<script>document.title="Edward Cullen «_________*:. the Mountain Lion Shiny Volvo Driver";</script>
<style type="text/css">
/* STYLESHEET BY COOKIECAKELAYS */
body {
background-color: #105d6c;
background-image: url(http://cbimg9.com/layouts/08/10/31884ab.png);
background-attachment: fixed;
background-repeat: repeat;
background-position: top left;
scrollbar-arrow-color: #105d6c;
 scrollbar-track-color: #105d6c;
 scrollbar-shadow-color: #105d6c;
 scrollbar-face-color: #105d6c;
 scrollbar-highlight-color: #105d6c;
 scrollbar-darkshadow-color: #105d6c;
 scrollbar-3dlight-color: #105d6c;
 overflow-x:hidden;
cursor:;
font:normal 12px arial;
line-height:16px;
color: #ffffff;
letter-spacing:0px;
text-align:center;
}
a:link img, a:visited img {
filter:none;
}
a:hover img {
filter:gray;
}
h3 {
color:#0d7290;
}
li, ol {
color:#ffffff;
font:normal 12px arial;
line-height:16px;
}
.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p, center {
/* MAIN TEXT */
font:normal 12px arial;
line-height:16px;
color: #ffffff;
letter-spacing:0px;
text-align:center;
}
/* STRIKED TEXT */
S {font-weight:normal;
letter-spacing:0px;
color: #0d7290;
}
/* BOLD TEXT */
b, strong {font-weight:bold;
letter-spacing:0px;
color: #617772;
}
/*UNDERLINED TEXT*/
u {font-weight:normal; 
letter-spacing: 0px;
color: #2E0854;
border-bottom: 0pt solid #ffffff;
}
/*ITALIC TEXT*/
em, i {
font-weight:normal; 
lefter-spacing: 0px; 
font-family: arial; 
color: #0d7290;
}
div.blogheader, .caption {
/* DATES */
font-family: times new roman;
text-transform:normal;
font-size:26px;
line-height:32px;
font-weight:bold;
color: #0d7290;
letter-spacing:-2px;
background-color:#000000;
text-align: center;
width:443x;
border-top: 0px solid #002040;
border-left: 0px solid #002040;
border-right: 0px solid #002040;
border-bottom: 0px solid #FFCC99;
}
a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* Edits links */
background-color: transparent;
background-image: url();
background-attachment: fixed;
background-repeat: repeat;
background-position: bottom left;
color: #617772;
text-transform: normal;
font-weight:normal;
font: 12px arial;
line-height:16px;
letter-spacing: 0px;
text-decoration: none;
border: 0px solid #4b555a;
cursor:ne-resize;
}
a:visited, a.footernav:visited {
/* edits the links that the user has visited */
background-color: transparent;
background-image: url();
background-attachment: fixed;
background-repeat: repeat;
background-position: bottom left;
color: #617772; 
text-transform: normal;
font: 12px arial;
line-height:16px;
letter-spacing: 0px;
text-decoration: none;
border: 0px solid #4b555a;
cursor:ne-resize;
}
a:hover {
/* edits when user mouseovers the links */
color: #0d7290;
background-color:transparent;
text-transform: normal;
font-weight:normal;
font: 12px arial;
letter-spacing: 0px;
text-decoration: none;
line-height:16px;
border: 0px solid #000000;
cursor:ne-resize;
}
#boddyyy {
/* DIV SHIT */
border: 0px solid #4b555a;
font:normal 12px arial;
line-height:16px;
background-color: #000000;
color:#ffffff;
scrollbar-arrow-color: #000000;
 scrollbar-track-color: #000000;
 scrollbar-shadow-color: #000000;
 scrollbar-face-color: #0d7290;
 scrollbar-highlight-color: #000000;
 scrollbar-darkshadow-color: #000000;
 scrollbar-3dlight-color: #000000;
}
#EMXXA {
/* emberfly ownzzz ur mom */
border: 0px solid #000000;
font:normal 12px arial;
line-height:16px;
background-color: #000000;
color:#ffffff;
scrollbar-arrow-color: #000000;
 scrollbar-track-color: #000000;
 scrollbar-shadow-color: #000000;
 scrollbar-face-color: #0d7290;
 scrollbar-highlight-color: #000000;
 scrollbar-darkshadow-color: #000000;
 scrollbar-3dlight-color: #000000;
}
#EMXA {
/* emberfly ownzzz ur mom */
border: 0px solid #ffffff;
font:normal 12px arial;
line-height:16px;
background-color: #000000;
color:#ffffff;
scrollbar-arrow-color: #ffffff;
 scrollbar-track-color: #0d7290;
 scrollbar-shadow-color: #0d7290;
 scrollbar-face-color: #000000;
 scrollbar-highlight-color: #0d7290;
 scrollbar-darkshadow-color: #0d7290;
 scrollbar-3dlight-color: #0d7290;
}
input, select, .button, textarea, .textfield {
/* BUTTONS, DROPDOWNS */
border: 1px solid #0d7290;
font:normal 9px arial;
line-height:14px;
background-color: #617772;
color:#ffffff;
scrollbar-arrow-color: #ffffff;
 scrollbar-track-color: #617772;
 scrollbar-shadow-color: #617772;
 scrollbar-face-color: #0d7290;
 scrollbar-highlight-color: #617772;
 scrollbar-darkshadow-color: #617772;
 scrollbar-3dlight-color: #617772;
}
table.left { 
/* Menu Module */
background-color: #000000;
background-image: url();
background-attachment: fixed;
background-repeat: repeat;
background-position: bottom left;
font-weight: normal;
text-align: right;
width:100%;
color: #ffffff;
}
table.blogbody {
/* Blog Entrys  */
background-color: #000000;
border-top: 1px dashed #0d7290;
border-bottom: 0px solid #617772;
border-left: 0px solid #617772;
border-right: 0px solid #617772;
width:570px;
margin-top:-5px;
}
table.left th, th, .mainleft th {
/* Title of left side modules */
font-family: computerfont;
text-transform:uppercase;
font-size:13px;
line-height:16px;
font-weight:bold;
color: #ffffff;
letter-spacing:0px;
background-color: #000000;
text-align: center;
border-top: 2px solid #617772;
border-left: 2px solid #617772;
border-right: 2px solid #617772;
border-bottom: 0px solid #617772;
}
table.left TD {
/* Left Module Body */
background-image: url();
background-attachment: fixed;
background-repeat: repeat;
background-position: bottom left;
background-color: #000000;
border: 2px solid #617772;
font:normal 11px arial;
line-height:14px;
color: #ffffff;
text-align: center;
border-top: none;
}
table.search TD, table.search, table.announcements {
/* Search Bar */
background-color: #000000; 
border: 1px solid #ffffff;
}
table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
border: 1px solid #ffffff;
}
table.navigation, table.main, table.footer {
/* s */
width: 100px;
}
hr {
/* horizontal divider */
size:1px;
color:#617772;
display:none;
}
table.footer, .mainleft {
display: none;
}
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops {
/* edits the comments page */
 width:400px !important;
border:0px dashed #617772;
}
/* STYLESHEET BY EMBERFLY_LAYOUTS */
</style>
<BODY style="border-bottom: #617772
0t solid; border-top: #617772
0t solid; border-left: #617772
0t solid; border-right: #617772
0t solid"></TBODY>
</style>

<div align="left">
<div style="border-left:3px solid #617772; border-top:3px solid #0d7290; border-right:3px solid #617772; position:static; background-color:#000000; margin-top:5px; margin-left:325px; width:610px; height:30px; overflow-auto; text-align:center">

<a href="http://www.xanga.com/signin.aspx">signin</a> | <a href="http://www.xanga.com/private">private</a> | <a href="http://www.xanga.com/claf">look & feel</a> | <a href="http://www.xanga.com/connect.aspx?user=romanticharmonies">+ subscribe</a> | <a href="http://edit.xanga.com/editaccountprivacy.aspx">account settings</a> | <a href="http://www.xanga.com/Private/feedbackfootprints.aspx">feedback</a> | <a href="http://www.xanga.com/Private/subs.aspx">subscriptions</a> | <a href="http://www.xanga.com/logout.asp">logout</a> | <a href="http://www.xanga.com/cookiecakelays" target=new>wanna cookie?</a></div>
</div>

<div align="left">
<div align="left" style="border-left:3px solid #617772; border-bottom:3px solid #0d7290; border-right:3px solid #617772; position:static; background-color:#000000; margin-top:px; margin-left:325px; width:610px; height:605px; overflow:auto">
</div>
</div>

<div align="left">
<div align="left" style="position:static; background-color:transp; margin-top:-615px; margin-left:326px; width:610px; height:410px; overflow:auto; text-align:center">

<div id="EMXXA" style="margin-top:0px; overflow:auto; width:603px; height:403px; text-align:center">
<img src="http://cbimg9.com/layouts/08/10/31884aa.png">
</div>

</div>
</div>

<div align="left">
<div id="boddyyy" align="center" style="position:static; background-color:#000000; margin-top:-57px; margin-left:330px; width:600px; height:259px; overflow:auto; text-align:center">

Layout Code

Copy and paste to Website Stats

<script>
extra=false;
j=document.getElementById('MoreoverModule1_lblModuleTitle')
if(j){extra=true}
index=0;
var mytds = document.getElementsByTagName('td');
var i = 0;
for(i=0;i<mytds.length-1;i++){
if(mytds[i].width=="200"){
index++;
if(index==(extra ? 2 : 1)){break;}}
}
var sidebar = (extra ? mytds[i]: mytds[i].parentNode)
var tsibpc = document.getElementById('customRight');
var rightSide = tsibpc.cloneNode(true);
rightSide.style.display = "block";
sidebar.appendChild(rightSide);
</script>

<br /></table></td></tr></tr></td></table><br /><ilayer name=""><div id="" style="width:1; height:1; BACKGROUND: #; FILTER: alpha(opacity=0); overflow:auto"><br /><ilayer name=""><div id="" style="width:1; height:1; BACKGROUND: #; FILTER: alpha(opacity=0); overflow:auto"><br /><br />
<

</table></td></tr></tr></td></table>
<ilayer name=""><div id="" style="width:1; height:1; BACKGROUND: #; FILTER: alpha(opacity=0); overflow:auto">
<ilayer name=""><div id="" style="width:1; height:1; BACKGROUND: #; FILTER: alpha(opacity=0); overflow:auto">

Layout Comments

Showing latest 7 of 7 comments

cute [:

By dilligrout on Nov 28, 2008 4:17 am

not a twilight fan, but it's beautiful. i love that color blue & the little dim stars. [:

By goth-nina on Oct 16, 2008 3:44 pm

awh. :) very cute.

By shadowkissed on Oct 13, 2008 10:45 am

Very spiffy. I ♥ it all, the books, blue october, and the colors.

By xDarkHope on Oct 9, 2008 12:13 pm

It isn't lining up right for me either =(

By dilligrout on Oct 8, 2008 10:38 pm

It actually isn't lining up right for me, I use Firefox with a resolution of 1440x900. It's very pretty, though. The Twilight bug recently bit me.

By tehmiminator on Oct 8, 2008 8:54 pm

Combing blue october and twilight. Genius!

By thusspokejanie on Oct 8, 2008 6:02 pm

Layout Details

Designer	RomanticHarmonies
Submitted on	Oct 8, 2008
Page views	11,592
Favorites	34
Comments	7
Reviewer	schizo
Approved on	Oct 8, 2008

Layout Colors

Layout Tags

abstract, celebrities, cute, emotions, fantasy, girls, love, movies, stripes, edward, cullen, bella, swan, twilight

Layout Tools

Layout Affiliates

Here I Stand Layouts