Rebellion

Xanga Layouts / Basic

View preview

Designer's Comments

Look carefully for specific instructions

Best Viewed in IE.

Another old layout. This was originally released for a site I used to co-own but I really liked it so I changed it a bit and released am now releasing it here.

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><script type='text/javascript'>
document.title = ('Lelouch of the R E B E L L I O N  [hangyaku no lelouch]'); </script>
<div align=left><div style="position:static; margin-left:-10px;margin-top:
-18px; border: 0px solid #000000;background: none;">
<IMG NAME="a0" SRC="http://cbimg6.com/layouts/07/09/06/21328aa.jpg" WIDTH="900" HEIGHT="576" BORDER="0" USEMAP="#1">
<MAP NAME="1">
<AREA SHAPE="rect" COORDS="290,259,322,272" HREF="http://www.xanga.com/private/yourhome.aspx" ALT="Your Xanga">
<AREA SHAPE="rect" COORDS="330,259,367,272" HREF="http://www.xanga.com/signin.aspx" ALT="Sign in">
<AREA SHAPE="rect" COORDS="377,259,420,272" HREF="http://www.xanga.com/logout.aspx" ALT="Sign out">
<AREA SHAPE="rect" COORDS="428,259,452,272" HREF="http://www.xanga.com/Private/subs.aspx" ALT="Your Subscriptions">
<AREA SHAPE="rect" COORDS="459,259,504,272" HREF="http://www.xanga.com/Private/SubscribeTo.aspx?user=YOURUSERNAME" ALT="Subscribe">
<AREA SHAPE="rect" COORDS="513,259, 557,272" HREF="http://www.xanga.com/private/feedback.asp" ALT="Feedback">
<AREA SHAPE="rect" COORDS="566,259,599,272" HREF="http://www.xanga.com/claf/default.asp" ALT="Design">
</MAP>

</div>

<style type="text/css">
body {
scrollbar-track-color: #C1B1B1;
scrollbar-highlight-color: #000000;
scrollbar-face-color: #DBCBCC;
scrollbar-arrow-color: #ffffff;
scrollbar-shadow-color: #ffffff; 
background-image: url("http://cbimg6.com/layouts/07/09/06/21328ab.jpg");
background-position:left;
background-color: #C1B1B1;
background-repeat: repeat-y;
}
#rblEprops, #pnlEnabled table, #pnlEprops table {
width: auto !important;
}
 
.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
font: normal 9px verdana;
line-height:15px;
color: #933939;
letter-spacing:0px;
text-align:left;
}
 
table.blogbody {
width:484px;
border-bottom: 2px normal #4D1010; 
}/* CA */
input, select, textarea, .textfield, .button {
border: 1px solid #4D1010;
font:normal 10px century gothic;
color: #682121;
text-align: justify;
background-color: DBCBCC;
 }
a:link, a:active {
font: 9px bold century gothic;
color: #944442;
line-height: 14px;
cursor: crosshair;
}
a:visited {
font: 9px bold century gothic;
text-decoration: strikeout;
color: #863331;
line-height: 14px;
cursor: crosshair;
}
a:hover {
font: 9px normal century gothic;
color: #FFF8F8;
background-color: transparent;
cursor: crosshair;
}
table.blogbody tr td {
width: 0px;
padding: 0px;
}
hr{
color: #662726;
height: 1px;
}
div.blogheader{
width: 484px;
font: normal 10px century gothic;
text-transform: none;
color:#743533;
line-height:50px;
letter-spacing:5px;
background-color:none;
text-align:center;
padding-left:0px;
padding-right:0px;
padding-top:1px;
padding-bottom:0px;
background-image:url(http://cbimg6.com/layouts/07/09/06/21328ac.jpg);
background-repeat: no-repeat;
background-position:center;
}
h4.itemtitle {
background-color: none;
font: normal 20px Times New Roman;
color: #743533;
text-transform: lowercase;
line-height: 12px;
margin-top: 10px;
letter-spacing: 0.80em;
text-align: center;
}
.CAHeader { 
width: 182px;
font: normal 9px century gothic;
color: #743533;  
letter-spacing: 0.20em;
text-transform: normal;
line-height: 40px;
text-align: center;
padding-right: 1px; 
text-align:left;
padding-left:66px;
padding-right:0px;
padding-top:1px;
padding-bottom:0px;
background-image: url("http://cbimg6.com/layouts/07/09/06/21328ad.jpg");
background-position: bottom-center;
background-repeat: no-repeat;
}
.CAnav {
 font: normal 9px verdana; 
color: #6A2625; 
background-color: #Transparent; 
font: normal 9px verdana;
width: 182px; 
line-height:15px;
letter-spacing:0px;
text-align:left;
padding:5; 
text-align:justify;
text-transform: none;
display:block; 
}
.CAbox a {
border-bottom: 1px solid #779676;
border-left: 7px solid #779676;
border-right: 7px solid #779676;
border-top: 1px solid #779676;
color: #779676;
font: normal 9px century gothic;
letter-spacing: 0.20em;
height: 0px; 
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
margin-left:6px;
text-align: center;
background-color: #D4DDD8;  
width: 170px;
}
 
.CAbox a:visited{ 
border-bottom: 1px solid #779676;
border-left: 7px solid #779676;
border-right: 7px solid #779676;
border-top: 1px solid #779676;
color: #779676;
font: normal 9px century gothic;
letter-spacing: 0.20em;
height: 0px; 
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
margin-left:6px;
text-align: center;
background-color: #D4DDD8;  
width: 170px;
}
 
.CAbox a:hover{ 
border-bottom: 1px solid #779676;
border-left: 5px solid #779676;
border-right: 5px solid #779676;
border-top: 1px solid #779676;
color: #779676;
font: normal 9px century gothic;
letter-spacing: 0.20em;
height: 0px; 
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
margin-left:6px;
text-align: center;
background-color: #D4DDD8;  
width: 170px;
}
.CAbox a {
border-bottom: 1px solid #9F8C8C;
border-left: 7px solid #9F8C8C;
border-right: 7px solid #9F8C8C;
border-top: 1px solid #9F8C8C;
color: #9F8C8C;
font: normal 9px century gothic;
letter-spacing: 0.20em;
height: 0px; 
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
margin-left:6px;
text-align: center;
background-color: #DBCBCC;  
width: 170px;
}
 
.CAbox a:visited{ 
border-bottom: 1px solid #9F8C8C;
border-left: 7px solid #9F8C8C;
border-right: 7px solid #9F8C8C;
border-top: 1px solid #9F8C8C;
color: #9F8C8C;
font: normal 9px century gothic;
letter-spacing: 0.20em;
height: 0px; 
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
margin-left:6px;
text-align: center;
background-color: #DBCBCC;  
width: 170px;
}
 
.CAbox a:hover{ 
border-bottom: 1px solid #9F8C8C;
border-left: 7px solid #9F8C8C;
border-right: 7px solid #9F8C8C;
border-top: 1px solid #9F8C8C;
color: #9F8C8C;
font: normal 9px century gothic;
letter-spacing: 0.20em;
height: 0px; 
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
margin-left:6px;
text-align: center;
background-color: #F5F5F5;  
width: 170px;
}
.CAbox2 a {
border-bottom: 1px solid #9F8C8C;
border-left: 7px solid #9F8C8C;
border-right: 7px solid #9F8C8C;
border-top: 1px solid #9F8C8C;
color: #9F8C8C;
font: normal 9px century gothic;
letter-spacing: 0.20em;
height: 0px; 
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
margin-left:1px;
text-align: center;
background-color: #DBCBCC;  
width: 170px;
}
 
.CAbox2 a:visited{ 
border-bottom: 1px solid #9F8C8C;
border-left: 7px solid #9F8C8C;
border-right: 7px solid #9F8C8C;
border-top: 1px solid #9F8C8C;
color: #9F8C8C;
font: normal 9px century gothic;
letter-spacing: 0.20em;
height: 0px; 
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
margin-left:1px;
text-align: center;
background-color: #DBCBCC;  
width: 170px;
}
 
.CAbox2 a:hover{ 
border-bottom: 1px solid #9F8C8C;
border-left: 7px solid #9F8C8C;
border-right: 7px solid #9F8C8C;
border-top: 1px solid #9F8C8C;
color: #9F8C8C;
font: normal 9px century gothic;
letter-spacing: 0.20em;
height: 0px; 
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
margin-left:1px;
text-align: center;
background-color: #F5F5F5;  
width: 170px;
}
/* CA */
table.left, table.navigation, table.footer, table.search {display:none; width: 0px; padding: 0px;}
</style>
 
<div style="margin-left: -10 px; 
margin-top: -65px; width: 170px; height: 2500px; overflow: visible;">
 
<div class="CAheader">About Me</div><br />
<div class="CAnav">
<b>Name:</b>your name here<br>
<b>Age:</b>your age<br>
<b>Birthdate:</b>your b’day<br>
<b>Gender:</b>Male/Female<br>
<b>Interests:</b>your interests<br>
</div><p>
 
 
 
<div class="CAheader">Link Me</div><br />
<div class="CAnav">
your linky buttons here
</div><p>
 
 
<div class="CAheader">Black Knights</div><br />
<div class="CAbox">
<a href="http://www.xanga.com/FRIENDSUSERNAME">FRIEND</a><br>
<a href="http://www.xanga.com/FRIENDSUSERNAME">FRIEND</a><br>
<a href="http://www.xanga.com/FRIENDSUSERNAME">FRIEND</a><br>
<a href="http://www.xanga.com/FRIENDSUSERNAME">FRIEND</a><br>
<a href="http://www.xanga.com/FRIENDSUSERNAME">FRIEND</a><br>
<a href="http://www.xanga.com/FRIENDSUSERNAME">FRIEND</a><br>
<a href="http://www.xanga.com/FRIENDSUSERNAME">FRIEND</a><br>
<a href="http://www.xanga.com/FRIENDSUSERNAME">FRIEND</a><br>
<a href="http://www.xanga.com/FRIENDSUSERNAME">FRIEND</a><br>
<a href="http://www.xanga.com/FRIENDSUSERNAME">FRIEND</a><br>

</div><p>
 
<div class="CAheader">Melodies</div><br />
<div class="CAnav">
music player?
</div><p>
 
 
<div class="CAheader">The Creator</div><br />
<div class="CAnav"> <div class="CAbox2">
Layout by :: Stephanie at <br>
<a href="http://www.xanga.com/Celestial_Abyss">Celestial Abyss</a><br>
Textures and Brushes :: <br><a href="http://www.xanga.com/Celestial_Abyss">Celestial Abyss</a> 
<a href="http://www.aethereality.net">Aethereality</a> 
<a href="http://www.celestial-star.net">Celestial Star</a> <br>
</font></div></div>
</div><p>
 
 
<DIV style="position:static;
margin-top: -2540px;
margin-left: 160px;
width: 484px;
height: 100%;
background-color: none;">

Layout Comments

Showing latest 1 of 1 comments

nice colors

By IVIike on Sep 6, 2007 7:50 pm

Layout Details

Designer	CelestialAbyss
Submitted on	Sep 5, 2007
Page views	5,093
Favorites	18
Comments	1
Reviewer	IVIike
Approved on	Sep 6, 2007

Layout Tags

, rebellion, code geass, lelouch

Layout Tools

Layout Affiliates

Here I Stand Layouts