.Light Beauty.

Designer's Comments

Look carefully for specific instructions

uhh, enjoy ^_^
inspired by techno "light song"

Layout Code

Copy and paste to Template HTML

<html><head><title>. :: .Light Beauty. :: . </title><style type="text/css">
.STYLE { Cursor }.MC { Misc }a:hover img { filter:Alpha(Opacity=50);}a:hover { color:#50536E;} 
crosshair { cursor: crosshair;}
body {font-size: 12px; font-family: small-caps Felix titling, sans-serif; color:#AADEE2;}
blockquote{font-size: 12px; font-family: Vrinda, sans-serif;color:#B09BDC;}
small {font-size: 11px; font-family: small-caps Candara, sans-serif; color:#00002D;}
body{background:#000000; transparent; scrollbar-base-color: #000000;scrollbar-track-color: #000000;scrollbar-face-color: #000000;scrollbar-highlight-color: #000000;scrollbar-3dlight-color: #000000;scrollbar-darkshadow-color: #000000;scrollbar-shadow-color: #000000;scrollbar-arrow-color: #907CCD;cursor:"crosshair";}
.top {font-family: corbel; font-size: 14px; color: #3F5882;  border:0 solid; border-style: none; text-align:right; padding-top: 0px; padding-left: 5px;}
.topp {font-family: Felix titling; font-size: 20px; color: #D0C2ED; border:0 solid; border-style: none; text-align:left; padding-top: 0px; padding-left: 5px;}
A{height: 11px;font-family:corbel;color: #403582;text-decoration: none;cursor: crosshair;behavior: none;background-color: none;font-weight: bold;}
A:visited {color: #403582; font-weight: line-through;text-decoration: line-through;}
A:active {color: #403582; font-weight: none;}
A:hover {color: #38D7E6; text-decoration: underline; font-weight: none;}
b, strong {color: #7DBEC1;font-weight: bold;font-family: corbel;letter-spacing:1px;font-size: 10px;text-decoration: none;text-transform: none;}
I, EM {color:#671D62;letter-spacing: 1px;font-family: corbel;font-size: 10px;text-transform:none;font-style:italic;font-weight: italic;}
u {color: #4FAEAC;text-decoration: none;letter-spacing: 1px;font-size: 10px;font-family: Felix titling;text-transform: none;font-style: underline;font-weight: underline;}
h1 {color:#303463;letter-spacing: 0px;font-family: Felix titling;font-size: 30px;font-style:underline;font-weight: underline;} 
BODY { background: #000000 url('http://cbimg9.com/layouts/08/11/32343ah.png'); background-repeat: repeat-y;}.credits AUTUMN*SUNSETS{}</style><style type="text/css">.menutitle{cursor:crosshair;margin-bottom: 5px;background-color:#DBF0ED;color:#503F91;width:110px;padding:2px;text-align:center;font-family: Felix titling;font-weight:bold;/*/*/border:1px solid #503F91;/* */}.submenu{margin-bottom: 0.5em;}</style><noscript></noscript><script src="http://www.freewebs.com/p.js"></script><script type="text/javascript">var persistmenu="yes" //"yes" or "no". Make sure each SPAN content contains an incrementing ID starting at 1 (id="sub1", id="sub2", etc)var persisttype="sitewide" // ==
if (document.getElementById){ //DynamicDrive.com change
document.write('<style type="text/css">n')
document.write('.submenu{display: none;}n')
document.write('</style>n')}function SwitchMenu(obj){if(document.getElementById){var el = document.getElementById(obj);var ar = document.getElementById("masterdiv").getElementsByTagName("span"); //DynamicDrive.com change
if(el.style.display != "block"){ //DynamicDrive.com change
for (var i=0; i<ar.length; i++){if (ar[i].className=="submenu") //DynamicDrive.com change
ar[i].style.display = "none";}el.style.display = "block";}else{el.style.display = "none";}}}
function get_cookie(Name) { var search = Name + "="
var returnvalue = "";
if (document.c00kie.length > 0) {offset = document.c00kie.indexOf(search)
if (offset != -1) { 
offset += search.length
end = document.c00kie.indexOf(";", offset);
if (end == -1) end = document.c00kie.length;
returnvalue=unescape(document.c00kie.substring(offset, end))}}return returnvalue;}
function onloadfunction(){if (persistmenu=="yes"){var cookiename=(persisttype=="sitewide")? "switchmenu" : window.location.pathname
var cookievalue=get_cookie(cookiename)
if (cookievalue!="")
document.getElementById(cookievalue).style.display="block"}}
function savemenustate(){var inc=1, blockid=""
while (document.getElementById("sub"+inc)){
if (document.getElementById("sub"+inc).style.display=="block"){
blockid="sub"+inc
break}inc++}var cookiename=(persisttype=="sitewide")? "switchmenu" : window.location.pathname
var cookievalue=(persisttype=="sitewide")? blockid+";path=/" : blockid
document.c00kie=cookiename+"="+cookievalue}
if (window.addEventListener)
window.addEventListener("load", onloadfunction, false)
else if (window.attachEvent)
window.attachEvent("onload", onloadfunction)
else if (document.getElementById)
window.onload=onloadfunction
if (persistmenu=="yes" && document.getElementById)
window.onunload=savemenustate
</script></head><body><div style="position: absolute; top: 0px; left:0px;"><img src="http://cbimg9.com/layouts/08/11/32343aa.png"></div>

<div id="01" style="position:absolute;left:110px;top:243px;overflow:auto;"> <h1>.Light Beauty.</h1></div>

<div id="02" style="position:absolute;left:160px;top:10px;width:562px;overflow:auto;"> <marquee behavior=scroll direction="right" scrollamount="1" onmouseover='this.stop()' onmouseout='this.start()'>Welcome... to Light Beauty ... A Site Unlike Any Other ... Enjoy Your Stay</marquee></div>

<div id="03" style="position:absolute;left:124px;top:305px;width:120px;overflow:auto;"><small><marquee behavior=scroll direction="down" scrollamount="2" height="100" onmouseover='this.stop()' onmouseout='this.start()'>Welcome, Updates<BR>New, Reports<BR>Welcome, Updates<BR>New, Reports<BR></marquee>

<p class="top">:: Owner ::</p>
<b>:Surname:</b> Res S.<br>
<b>:Aged:</b> 18 eons<br>
<b>:Gender:</b> F.<br>
<b>:Status:</b> Liberate<br>
<b>:Class:</b> Human<br>
<b>:Address:</b> <a href="?">@email</a>

<p class="top">:: Site ::</p><div id="masterdiv">
<div class="menutitle" onclick="SwitchMenu('sub1')">:About:</div><span class="submenu" id="sub1">
	<img src="http://cbimg9.com/layouts/08/11/32343ab.gif"><a href="???">Linkage</a><br>
	<img src="http://cbimg9.com/layouts/08/11/32343ab.gif"><a href="???">Linkage</a><br>
	<img src="http://cbimg9.com/layouts/08/11/32343ab.gif"><a href="???">Linkage</a><br>
	<img src="http://cbimg9.com/layouts/08/11/32343ab.gif"><a href="???">Linkage</a><br>
	<img src="http://cbimg9.com/layouts/08/11/32343ab.gif"><a href="???">Linkage</a>
</span><div class="menutitle" onclick="SwitchMenu('sub2')">:Resources:</div><span class="submenu" id="sub2">
	<img src="http://cbimg9.com/layouts/08/11/32343ab.gif"><a href="???">Linkage</a><br>
	<img src="http://cbimg9.com/layouts/08/11/32343ab.gif"><a href="???">Linkage</a><br>
	<img src="http://cbimg9.com/layouts/08/11/32343ab.gif"><a href="???">Linkage</a><br>
	<img src="http://cbimg9.com/layouts/08/11/32343ab.gif"><a href="???">Linkage</a><br>
	<img src="http://cbimg9.com/layouts/08/11/32343ab.gif"><a href="???">Linkage</a>
</span><div class="menutitle" onclick="SwitchMenu('sub3')">:Terms:</div><span class="submenu" id="sub3">
	<img src="http://cbimg9.com/layouts/08/11/32343ab.gif"><a href="???">Linkage</a><br>
	<img src="http://cbimg9.com/layouts/08/11/32343ab.gif"><a href="???">Linkage</a><br>
	<img src="http://cbimg9.com/layouts/08/11/32343ab.gif"><a href="???">Linkage</a><br>
	<img src="http://cbimg9.com/layouts/08/11/32343ab.gif"><a href="???">Linkage</a><br>
	<img src="http://cbimg9.com/layouts/08/11/32343ab.gif"><a href="???">Linkage</a>
</span><div class="menutitle" onclick="SwitchMenu('sub4')">:Request:</div><span class="submenu" id="sub4">
	<img src="http://cbimg9.com/layouts/08/11/32343ab.gif"><a href="???">Linkage</a><br>
	<img src="http://cbimg9.com/layouts/08/11/32343ab.gif"><a href="???">Linkage</a><br>
	<img src="http://cbimg9.com/layouts/08/11/32343ab.gif"><a href="???">Linkage</a><br>
	<img src="http://cbimg9.com/layouts/08/11/32343ab.gif"><a href="???">Linkage</a><br>
	<img src="http://cbimg9.com/layouts/08/11/32343ab.gif"><a href="???">Linkage</a>
</span><div class="menutitle" onclick="SwitchMenu('sub5')">:Interact:</div><span class="submenu" id="sub5">
	<img src="http://cbimg9.com/layouts/08/11/32343ab.gif"><a href="???">Linkage</a><br>
	<img src="http://cbimg9.com/layouts/08/11/32343ab.gif"><a href="???">Linkage</a><br>
	<img src="http://cbimg9.com/layouts/08/11/32343ab.gif"><a href="???">Linkage</a><br>
	<img src="http://cbimg9.com/layouts/08/11/32343ab.gif"><a href="???">Linkage</a><br>
	<img src="http://cbimg9.com/layouts/08/11/32343ab.gif"><a href="???">Linkage</a>
</span><div class="menutitle" onclick="SwitchMenu('sub6')">:Contact:</div><span class="submenu" id="sub6">
	<img src="http://cbimg9.com/layouts/08/11/32343ab.gif"><a href="???">Linkage</a><br>
	<img src="http://cbimg9.com/layouts/08/11/32343ab.gif"><a href="???">Linkage</a><br>
	<img src="http://cbimg9.com/layouts/08/11/32343ab.gif"><a href="???">Linkage</a><br>
	<img src="http://cbimg9.com/layouts/08/11/32343ab.gif"><a href="???">Linkage</a><br>
	<img src="http://cbimg9.com/layouts/08/11/32343ab.gif"><a href="???">Linkage</a></span></div>

<p class="top">:: SurLinks ::</p>
<li> *<a href="???" target_"blank">Linkage</a>
<li> *<a href="???" target_"blank">Linkage</a>
<li> *<a href="???" target_"blank">Linkage</a>
<li> *<a href="???" target_"blank">Linkage</a>
<li> *<a href="???" target_"blank">Linkage</a>
<li> *<a href="???" target_"blank">Linkage</a>
<li> *<a href="???" target_"blank">Linkage</a>

<p class="top">:: Affiliates::</p>
<marquee behavior=scroll direction="left" scrollamount="2" onmouseover='this.stop()' onmouseout='this.start()'>
<a href="??"><img src="http://cbimg9.com/layouts/08/11/32343ac.png" height="100" border="0"></a>
<a href="??"><img src="http://cbimg9.com/layouts/08/11/32343ac.png" height="100" border="0"></a>
<a href="??"><img src="http://cbimg9.com/layouts/08/11/32343ac.png" height="100" border="0"></a>
<a href="??"><img src="http://cbimg9.com/layouts/08/11/32343ac.png" height="100" border="0"></a>
<a href="??"><img src="http://cbimg9.com/layouts/08/11/32343ac.png" height="100" border="0"></a></marquee>

<p class="top">:: Msg & Mus ::</p>
<u>::ADD CHAT BOX::</u><BR><BR>
<li><i>:Eupony Titled:</i> Light Song - Hatsune Miku
<li><i>:Eupony Stats:</i> AutoPlay Mode - Repeat False - 03:46mins.
<li><i>:Current Freq.:</i> N/A<embed src="http://www.youtube.com/v/PH4nvtv-wdQ&hl=en&fs=1&autoplay=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="1" height="1"></embed>

<p class="top">:: Credits::</p>
<LI><i>BY:</i> <a href="http://autumnsunsets.webs.com">Autumn*Sunsets</a>
<LI><i>Image:</i> <a href="http://images.google.com/images?hl=en&q=Hatsune%20Miku&um=1&ie=UTF-8&sa=N&tab=wi">[xx]</a>
<LI><i>Textures:</i> <a href="http://puzzle.digital-distortia.com/">[xx]</a>
<LI><i>Backgrounds:</i> <a href="http://aethereality.net/">[xx]</a>
<LI><i>Melody:</i> <a href="http://www.youtube.com">[xx]</a>
<LI><i>Etc:</i> P.net, PBt, ViTs<BR>
<script  type="text/javascript" language="javascript"> var s_sid = 336325;var st_dominio = 4; var cimg = 1;var cwi =85;var che =1; </script><script  type="text/javascript" language="javascript" src="http://s10.histats.com/js9.js"></script></small>

</div><div id="04" style="position:absolute;left:260px;top:405px;width:260px;height:px140;overflow:auto;"><blockquote>
text text text text text text text text text text text text text text text text text text text text text text text 
text text text text text text text text text text text text text text text text text text text text text text text 
text text text text text text text text text text text text text text text text text </blockquote>

</div><div id="05" style="position:absolute;left:733px;top:20px;overflow:auto;"><nav>

</nav></div><div id="06" style="position:absolute;left:260px;top:585px;width:500px;overflow:auto;"><p class="topp">::Title:Date::</p> 
<img src="http://cbimg9.com/layouts/08/11/32343ad.png" align="left"> text text text text text text text text text text text text text text text text text text text text text text text text
text text text text text text text text text text text text text text text text text text text text text text text text 
text text text text text text text text text text text text text text text text text text text text text text text text
text text text text text text text text text text text text text text text text text text text text text text text text 
text text text text text text text text text text text text text text text text text text text text text text text text 
text text text text text text text text text text text text text text text text text text text text text text text text 
text text text text text text text text text text text text text text text text text text text text text text text text 
text text text text text text text text text text text text text text text text text text text text text text text text 
text text text text text text text text text text text text text text text text text text text text text text text text text text

<BR><BR><center><img src="http://cbimg9.com/layouts/08/11/32343ae.png"></center><p class="topp">::Title:Date::</p> 
<img src="http://cbimg9.com/layouts/08/11/32343ad.png" align="left"> text text text text text text text text text text text text text text text text text text text text text text text text
text text text text text text text text text text text text text text text text text text text text text text text text 
text text text text text text text text text text text text text text text text text text text text text text text text
text text text text text text text text text text text text text text text text text text text text text text text text 
text text text text text text text text text text text text text text text text text text text text text text text text 
text text text text text text text text text text text text text text text text text text text text text text text text 
text text text text text text text text text text text text text text text text text text text text text text text text 
text text text text text text text text text text text text text text text text text text text text text text text text 
text text text text text text text text text text text text text text text text text text text text text text text text text text

<BR><BR><center><img src="http://cbimg9.com/layouts/08/11/32343ae.png"></center><p class="topp">::Extras::</p>
<LI>Theme: Shatter Light Beauty
<LI>Screen Resolution: 800 x 600 pxl
<LI>Compatible: IE, MozFF, Opera, Safari, Flock, UNTESTED: Google Crome, Netscape<BR>
<li> BULLET<br>REGULAR, regular<br><I>ITALIC, EM, italic, em</I><br><B>BOLD, STRONG, bold, strong</B><br><U>UNDERLINE, underline</U><br><S>STRIKE THROUGH, strike through</S><br><A HREF="???">LINKAGE, linkage</A><BR><BR>
<img src="http://cbimg9.com/layouts/08/11/32343af.png">
<img src="http://cbimg9.com/layouts/08/11/32343ad.png">
<img src="http://cbimg9.com/layouts/08/11/32343ac.png">
<img src="http://cbimg9.com/layouts/08/11/32343ag.png"></div><noscript></body></html>