Hopeful Heart

Designer's Comments

Look carefully for specific instructions

<a href="http://www.xanga.com/hopefulheart1">Working Preview</a>
A layout based on the simplest form of nature, a flower. It's for those whose hearts are in hope of a true love.

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

table.left, td.mainleft, table.navigation, table.footer, table.footer TD, table.search, #SearchBar1_pnlYouAreHere {
display: none;
}

body {
background-color: #f2f2e6;
background-image: url("http://layouts.cbimg9.com/32/16109e.jpg");
background-repeat: Repeat-y;
background-position: center;
scrollbar-arrow-color: #f2f2e6;
scrollbar-track-color: #f2f2e6;
scrollbar-shadow-color: #f2f2e6;
scrollbar-face-color: #aeb1a8;
scrollbar-highlight-color: #f2f2e6;
scrollbar-darkshadow-color: #aeb1a8;
scrollbar-3dlight-color: #aeb1a8;
}
.blogbody, .standard, td, p {
/*Edits Main Text*/
font:normal 11px Arial;
line-height:11px;
color: #aeb1a8;
letter-spacing:0px;
text-align:center;
}

td { line-height: 18px; }

.blogbody b, .standard b, p b, strong {
/*Edits Bold Text*/
font-weight: bold;
color: #aeb1a8;
letter-spacing:0px;
word-spacing:0px;
}
/*Edits Italicized Text*/
em,i {font-weight:normal;italize; lefter-spacing: 0px; font-family: Arial; color: #aeb1a8;};
/*Edits Underlined Text*/
u {font-weight:normal; letter-spacing:0px; color: #aeb1a8; border-bottom: 2px Dashed #aeb1a8; font-family: Arial;}
table.footer TD {
text-align: Center;
}
div.blogheader, .caption {
/*Edits The Dates*/
font-family: Times New Roman;
text-transform: uppercase;
font-size: 13px;
line-height: 13px;
font-weight: bold;
color: #b79893;
letter-spacing: 3px;
background-color: #f2f2e6;
text-align: left;
border-left: 2px Solid #bfbc9b;
border-right: 2px Solid #bfbc9b;
border-top: 2px Solid #bfbc9b;
border-bottom: 2px Solid #bfbc9b;
width:571;
}
div.MDHeader {
/*Edits Module Header*/
font-family: Times New Roman;
text-transform: uppercase;
font-size: 13px;
line-height: 13px; 
font-weight: bold;
color: #FFFFFF;
background-color: #b79893;
letter-spacing: 3px;
text-align: left;
border-top: 2px Solid #bfbc9b;
border-left: 2px Solid #bfbc9b;
border-right: 2px Solid #bfbc9b;
border-bottom: 2px Solid #bfbc9b;
}
a:link, .footernav.link, a.footernav:link, a.footernav:active {
/*Edits The Links*/
font:normal 11px Arial;
color: #aeb1a8;
text-decoration:none;
}
a:visited, a.footernav:visited,  {
/*Edits Visited Links*/
font:normal 11px Arial;
color: #aeb1a8;
text-decoration:none;
}
a:hover {
/*Edits Mouse Hover*/
color: #bfbc9b;
backgroud-color: #bfbc9b;
text-decoration: none;
cursor: crosshair;
border: 0px Dashed #E8A1F1; 
}
input, select, textarea, .textfield, .button {
/*Edits Buttons, Dropdowns, Etc.*/
font: normal 11px Arial;
background-color: #aeb1a8;
color: #f1f1e7;
letter-spacing:0px;
border: 1px solid #aeb1a8;
}
table.blogbody {
/*Edits Entry Posts*/
font: normal 11px Arial;
width: 571px;
line-height:11px;
color: #aeb1a8;
letter-spacing: 1px;
text-align:Center;
border-right: 2px Solid #bfbc9b;
border-left: 2px Solid #bfbc9b;
border-bottom: 2px Solid #bfbc9b;
}
div.body {
/*Edits Module Body*/
width: 124px;
background-image: Url();
font-size: 11px; 
font-family: Arial;
font-weight: Normal;
line-height: 11px;
color: #aeb1a8;
background-color: #Transparent;
letter-spacing: 1px;
text-align: Center;
border-top: 2px Solid #bfbc9b;
border-left: 2px Solid #bfbc9b;
border-right: 2px Solid #bfbc9b;
border-bottom: 2px Solid #bfbc9b;
}
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops {

width: auto !important;
}

table.blogbody tr td {
width:0px;
padding: 0px;
}
table.blogbody div.smalltext{
text-align: center;
font: normal 8pt Arial #f1f1e7;
}
</style>

<div class="MDheader">Content</div>
<p/>
<div class="body">
<b></b> <a href="http://www.xanga.com/">Xanga</A><br>
<b></b> <a href="http://www.xanga.com/Private">Private</A><br>
<b></b> <a href="http://www.xanga.com/signin.aspx">Sign In</A><br>
</td>
<td valign="top">
<b></b> <a href="http://www.xanga.com/CLAF">Design</A><br>
<b></b> <a href="http://www.xanga.com/private/subs.aspx">Subs</A><br><b>
</b> <a href="http://www.xanga.com/logout.aspx">Leave</A>
</div></p><p>

<div class="MDheader">About Me</div>
<p/>
<div class="body">
<STRONG>Call Me:</STRONG> YOUR NAME<BR>
<STRONG>I am a:</STRONG> GUY/GIRL<BR>
<STRONG>Look For Me In:</STRONG> YOUR LOCATION<BR>
<STRONG>Birthdate:</STRONG> M/D/Y<BR>
<STRONG>I Like:</STRONG> YOUR LIKES<BR>
<STRONG>Contact:</STRONG> YOUR EMAIL<BR>
</div></p><p>

<div class="MDheader">Links</div>
<p/>
<div class="body">
<marquee behavior=scroll direction="right" scrollamount="2" width="120" height="31" onmouseover='this.stop()' onmouseout='this.start()'>
<A href=http://www.xanga.com/home.aspx?user=Mayumi_Designs target="new"><img border="0"src="http://layouts.cbimg9.com/32/16109d.gif" alt="Mayumi_Designs" width="88"height="31">
</marquee>
</div></p><p>

<div class="MDheader">Friends</div>
<p/>
<div class="body">
<b></b> <a href="http://www.xanga.com/YOUR FRIENDS USERNAME">YOUR FRIEND</A><br>
<b></b> <a href="http://www.xanga.com/YOUR FRIENDS USERNAME">YOUR FRIEND</A><br>
<b></b> <a href="http://www.xanga.com/YOUR FRIENDS USERNAME">YOUR FRIEND</A><br>
<b></b> <a href="http://www.xanga.com/YOUR FRIENDS USERNAME">YOUR FRIEND</A><br>
<b></b> <a href="http://www.xanga.com/YOUR FRIENDS USERNAME">YOUR FRIEND</A><br>
<b></b> <a href="http://www.xanga.com/YOUR FRIENDS USERNAME">YOUR FRIEND</A><br>
<b></b> <a href="http://www.xanga.com/YOUR FRIENDS USERNAME">YOUR FRIEND</A><br>
<b></b> <a href="http://www.xanga.com/YOUR FRIENDS USERNAME">YOUR FRIEND</A><br>
<b></b> <a href="http://www.xanga.com/YOUR FRIENDS USERNAME">YOUR FRIEND</A><br>
<b></b> <a href="http://www.xanga.com/YOUR FRIENDS USERNAME">YOUR FRIEND</A>
</div></p><p>

<div class="MDheader">My Stuff</div>
<p/>
<div class="body">
<marquee direction=up scrollamount=1 height=200>
PUT WHATEVER U WANT HERE, LIKE PICS, LINKS, LYRICS, ETC. HAVE FUN WITH THIS!! ;]
</marquee>
</div></p><p>

<div class="MDheader">Chat</div>
<p/>
<div class="body">
Put your chatterbox code here, otherwise delete this module ;] You can find cboxes here: <a href="http://www.cbox.ws/">[click]</A>
</div></p><p>

<div class="MDheader">Music</div>
<p/>
<div class="body">
<object id="darkplayer" codeBase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701" type="application/x-oleobject" height="0" standby="Loading Microsoft Windows Media Player components..." width="0" classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95">
 <param NAME VALUE>
 <param NAME="ShowControls" VALUE="0">
 <param NAME="ShowStatusBar" VALUE="0">
 <param NAME="ShowDisplay" VALUE="0">
 <param NAME="DefaultFrame" VALUE="Slide">
 <param NAME="Autostart" VALUE="1">
 <param NAME="Loop" VALUE="True">
</object>
</p>
<form name="form">
 <p style="text-align: center">
 <select style="FONT-SIZE: 8pt; BACKGROUND:#f1f1e7; WIDTH: 120; COLOR: #aeb1a8; font-face: verdana; height:174" name="playlist" size="1">
 <option value="0">SONG NAME HERE</option>
 <option value="1">SONG NAME HERE</option>
 <option value="2">SONG NAME HERE</option>
 </select><br>
 <input TYPE="BUTTON" NAME="darkplay" VALUE="play" OnClick="play(document.forms['form'].playlist);">
 <input TYPE="BUTTON" NAME="darkpause" VALUE="pause" OnClick="document.darkplayer.pause(); playstate=2;">
 <input TYPE="BUTTON" NAME="darkstop" VALUE="stop" OnClick="document.darkplayer.stop(); playstate=2;"></p>
</form>

if (shuffle == 1) {
var randsg = Math.floor(Math.random()*songs.length);
document.darkplayer.FileName = songs[randsg];
document.darkplayer.scr = songs[randsg];
document.forms['form'].playlist.options[randsg].selected = true;
}
function play(list) {
if (playstate == 2) {
document.darkplayer.Play();
} else {
var snum = list.options[list.selectedIndex].value
document.darkplayer.FileName = songs[snum];
document.darkplayer.scr = songs[snum];
}
playstate = 1;
}
//-->
</script>
</div></p><p>

<div class="MDheader">OTHER</div>
<p/>
<div class="body">
Put whatever you want here. Be creative! ;]
</div></p><p>

<div class="MDheader">Credits</div>
<p/>
<div class="body">
<strong> Layout made by:</strong><a
href="http://www.xanga.com/mayumi_designs"> Mayumi</A>
<br><strong>Made with:</strong> Paint Shop Pro
<br><strong>Inspiration:</strong> My Heart
</div></p>
</div>

Layout Comments

Showing latest 10 of 13 comments

love the color and the font perfect

By yanis on Mar 31, 2007 9:12 pm

It looks quite... strange in Firefox. And no offense but... I wouldn't call this being "inspired" by Aethereality's theme. In fact, it looks pretty much like an exact duplicate, except for a few minor changes here and there. ): Being ins

By Rykea on Mar 27, 2007 2:40 am

I really like this one but I use Firefox too and it looks really messed up. And I'm guessing you got inspired by the one of the aethereality themes? lol. Nice work =]

By retro-rain on Feb 5, 2007 4:31 am

not so great in firefox, which is what i'm using.however, the navigation links are excellent.

By michellerrific on Jan 19, 2007 12:52 am

Beautiful layout! I'd have to give you 10 stars on this one =]. Although it looks messed up in firefox, its great in IE.I absoultely love the overall design. Keep up the good work =]

By endsofspace on Jan 15, 2007 2:15 pm

that is really nice :Oloving the theme.

By miyashu on Jan 15, 2007 2:14 am

i love the navigation. you did a swell job.

By hypnotique on Jan 14, 2007 12:11 pm

Unlike others, I'm going to have to disagree with the aesthetics. I'm assuming most of you are Internet Explorer users. Well, it looks like a messed up collage in Firefox 2.0. I also think you should adjust the text colors, so that it doesn't

By misanthropist on Jan 13, 2007 3:14 am

reminds me of the layouts they have at Aethereality.net. good job, looks nice.

By afflict.x on Jan 9, 2007 9:33 pm

The flowers look so peaceful! The preview is misaligned in Firefox though.

By YourSuperior on Jan 9, 2007 8:52 pm

View all »

Layout Details

Designer	mayumi_orimoto
Submitted on	Jan 7, 2007
Page views	34,569
Favorites	68
Comments	13

Hopeful Heart

Designer's Comments

Using This Layout

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates