Butterfly Girl

Xanga Layouts / Basic

Designer's Comments

Look carefully for specific instructions

A layout featuring Chikage from the Anime series Sister Princess. Enjoy.

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>document.title=("Butterfly Girl");</script>

<div align=center><div style="position:static; margin-left:1px;margin-top: -17px;border:
0px solid #000000;background: none;

<td>

</tr>
<tr>
<td>
 <img src="http://img176.imageshack.us/img176/9635/copyrightbutterflygirlui2.jpg" width="800" height="363" galleryimg="no" border="0" usemap="#rfa2"></td>
</tr>
</table>
</div>
</body>

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

body {
background-color: #999967;
background-image: url("http://img340.imageshack.us/img340/9592/flutterbackom4.jpg");
background-repeat: Repeat-y;
background-position: center;
scrollbar-arrow-color: #ffffff;
scrollbar-track-color: #999967;
scrollbar-shadow-color: #000000;
scrollbar-face-color: #999967;
scrollbar-highlight-color: #999967;
scrollbar-darkshadow-color: #999967;
scrollbar-3dlight-color: #ffffff;
}
.blogbody, .standard, td, p {
/*Edits Main Text DxP*/
color: #000000;
font-family: verdana;
font-weight: normal;
font-size: 8pt;
line-height: 10pt;
text-align: center;
}

td { line-height: 18px; }

.blogbody b, .standard b, p b, strong {
/*Edits Bold Text DxP*/
font-weight: bold;
color: #4A4A31;
letter-spacing:0px;
word-spacing:0px;
}
em,i {
/*Edits Italicized Text DxP*/ 
font-weight: italic;
color: #4A4A31;
}
u {
/*Edits Underlined Text DxP*/ 
text-decoration: underline;
color: #4A4A31;
border-bottom: 1px solid #000000;
}
table.footer TD {
text-align: Center;
}
div.blogheader, .caption {
/*Edits The Dates DxP*/
background-image: url("http://img401.imageshack.us/img401/7030/flutterheaderbf4.jpg");
background-repeat: no-repeat;
background-position: left;
font: bold 9pt verdana;
text-transform: none;
line-height: 11px;
color: #ffffff;
letter-spacing: 2px;
background-color: ffffff;
text-align: center;
padding-top: 4px;
border-top: 1px solid #9E9A99;
border-left: 1px solid #9E9A99;
border-right: 1px solid #9E9A99;
}
div.DxPHeader {
/*Edits Module Header DxP*/
background-image: url("http://img401.imageshack.us/img401/7030/flutterheaderbf4.jpg");
background-repeat: no-repeat;
background-position: left;
font: bold 9pt verdana;
text-transform: none;
line-height: 20px;
color: #ffffff;
letter-spacing: 2px;
background-color: none;
text-align: center;
border-top: 1px solid #9E9A99;
border-left: 1px solid #9E9A99;
border-right: 1px solid #9E9A99;
}
.area {
/*Edits Placements On Skin DxP*/
font: normal 8pt verdana; 
color: #686264; 
line-height: 10pt; 
text-align: center; 
background-color: none; 
padding: 4px;
} 
a:link, .footernav.link, a.footernav:link, a.footernav:active {
/*Edits The Links DxP*/
font: normal 8pt verdana;
color: #4A4A31;
line-height: 10pt;
text-transform: none;
text-decoration: none;
cursor: default;
}
a:visited, a.footernav:visited,  {
/*Edits Visited Links DxP*/
font: normal 8pt verdana;
color: #4A4A31;
line-height: 10pt;
text-transform: none;
text-decoration: none;
cursor: default;
}
a:hover {
/*Edits Mouse Hover DxP*/
font: normal 8pt verdana;
color: #000000;
line-height: 10pt;
text-transform: none;
text-decoration: none;
cursor: default; 
}
input, select, textarea, .textfield, .button {
/*Edits Buttons, Dropdowns, Etc. DxP*/
font: normal 11px Arial;
background-color: #9E9A99;
color: #ffffff;
letter-spacing:0px;
border: 1px solid #000000;
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#999967,EndColorStr=#4A4A31);
}
table.blogbody {
/*Edits Entry Posts DxP*/
background-image: url("http://img401.imageshack.us/img401/8193/flutterentryfm1.jpg");
background-repeat: no-repeat;
background-position: bottom;
font: normal 8pt verdana;
color: #000000;
line-height: 10pt;
text-align: center;
padding: 2px;
background-color: #999967;
border: 1px solid #9E9A99;
width: 362px;
}
div.body {
/*Edits Module Body DxP*/
{background: url("");
font: normal 8pt verdana;
color: #4A4A31;
line-height: 10pt;
text-align: left;
padding: 2px;
background-color: #trans;
border: 1px solid #9E9A99;}
}
#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="DxPheader">About Me</div>
<div class="body">
<strong>Call me:</strong> YOUR NAME<br>
<strong>I am a:</strong> GUY/GIRL<br>
<strong>Living in:</strong> YOUR LOCATION<br>
<strong>Birthdate:</strong> M/D/Y<br>
<strong>Contact:</strong> YOUR EMAIL<br>
</div></p><p>

<div class="DxPheader">Navigation</div>
<div class="body">
<b></b> <a href="http://www.xanga.com/" target="_blank">Xanga</a><br>
<b></b> <a href="http://www.xanga.com/USERNAME">Refresh</a><br>
<b></b> <a href="http://www.xanga.com/profile.aspx?user=USERNAME" target="_blank">Profile</a><br>
<b></b> <a href="http://www.xanga.com/guestbook.aspx?user=USERNAME" target="_blank">Guestbook</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>
<b></b> <a href="http://www.xanga.com/CLAF">Look & Feel</a><br>
<b></b> <a href="http://xanga.com/Private/SubscribeTo.aspx?user=USERNAME" target="_blank">Subscribe</a><br>
<b></b> <a href="http://www.xanga.com/private/subs.aspx" target="_blank">Subscriptions</a><br>
<b></b> <a href="http://www.xanga.com/logout.aspx">Log Out</a>
</div></p><p>

<div class="DxPheader">Friends</div>
<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="DxPheader">My Stuff</div>
<div class="body">
<marquee direction=up scrollamount=1 height=200>
PLACE WHATEVER YOU WANT HERE IN THIS LITTLE MOVING MARQUEE BOX. FROM LYRICS TO PICS TO LINKS, THE POSSIBILITIES ARE ENDLESS. YOU HAVE ENOUGH SPACE. YOU CAN EVEN WRITE MORE ABOUT YOURSELF.
</marquee>
</div></p><p>

<div class="DxPheader">Chat</div>
<div class="body">
PUT YOUR CHATTERBOX CODE HERE, OTHERWISE DELETE THIS MODULE. YOU CAN FIND CHATBOXES HERE: <a href="http://www.cbox.ws/">CLICK</a>.
</div></p><p>

<div class="DxPheader">Music</div>
<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:#999967; WIDTH: 202; COLOR: #000000; 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>
<script language="JavaScript">
<!--
var playstate = 1;
shuffle = 1;  // set to 0 to always play first song in list
               // set to 1 to randomly choose the first song to play
   // unlimited songs, just copy and paste the song line and change the number
songs=new Array();
songs[0]="SONG URL HERE"
songs[1]="SONG URL HERE"
songs[2]="SONG URL HERE"

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="DxPheader">EXTRA</div>
<div class="body">
THIS IS EXTRA SPACE FOR YOU. YOU CAN PLACE EVEN MORE STUFF IN IT. BE CREATIVE. OR YOU CAN DELETE THIS MODULE.
</div></p><p>

<div class="DxPheader">Credits</div>
<div class="body">
<strong>Made by:</strong><a
href="http://www.xanga.com/DreamxPassion"> DreamxPassion</A>
<br><strong>Resources:</strong> [<a href="http://www.aethereality.net">X</a>] [<a href="http://www.imageshack.us">X</a>]
<br><strong>Made with:</strong> PS CS
</div></p>
</div>

Layout Comments

Showing latest 10 of 10 comments

PrEtTy!!
hey...
u think you could make this into a myspace layout too???
please???
gomenasai!!

~BlUe3AnGeL~

By blue3angel on Oct 11, 2007 1:48 pm

The layout is amazing, but I always use Firefox, and like the previous commenter said, the module runs to the right. It's fine in IE, though. Any chance that you know how to remedy this problem? I totally want to use this layout =D

By YukixTohruxKyo on Jul 5, 2007 9:46 pm

text area for entry posts doesn't align properly. the whole module runs into the right side, might be problem with firefox.

By nishikigoi on May 20, 2007 9:40 pm

great job.

By Chicago on May 14, 2007 9:24 pm

i love the colors and the header image... great job

By IVIike on May 3, 2007 9:35 am

I really like this one.I know nothing about anime...Except that I watched Sailor moon when I was 5.But it's pretty.

By schizo on Apr 11, 2007 7:10 pm

This is adorable! My only qualm is how drastic the pink hair is. Don't get me wrong -- I like pink hair, but I don't think it matches the green very well.

By Kathleen on Apr 9, 2007 11:22 am

This one's aright. I like how neat it is.

By markmejia on Apr 5, 2007 7:36 pm

I love the butterflies and the effects you did on chikage you make awesome anime layouts

By synthase on Apr 5, 2007 3:18 pm

Layout Details

Designer	EleCutie92
Submitted on	Apr 4, 2007
Page views	15,517
Favorites	37
Comments	10

Butterfly Girl

Designer's Comments

Using This Layout

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates