JemeMelody

about this Layout

Haine here and this is my first layout for JemeMelody! This layout was inspired by Amatsu-Otome but I didn't steal the coding! It took me a while to make this layout >.<" heh, it was hard to code but making the design was easy. By the way, you can take that ugly icon right there.

Coding

background-color: #150b16;
  background-image: ;
  background-position: left;
  background-repeat: no-repeat;
  background-attachment: ;
}</style>

#navigation {
overflow:auto;
width: 150px;
height: 120px;
margin-top: -466px;
margin-left: 350px;
/*absolute positioning is not allowed.*/
}

#credits {
width: 305px;
margin-top: -16px;
margin-left: 436px;
/*absolute positioning is not allowed.*/
font-family:Tahoma;
font-size: 8pt;
color: #FFFFFF;
}

h1 {
color: #FFFFFF;
line-height: 10px;
text-align: center;
font-family: Verdana;
font-size: 11px;
margin-bottom: 0px;
border-bottom: 1px dotted #F1F1F1;
border-left: 1px solid #EAEAEA; 
border-top: 1px dotted #EEEEEE; 
border-right: 1px solid #E5E5E5;
}

h2 {
color: #FFFFFF;
line-height: 18px;
text-align: center;
font-family: Verdana;
font-size: 14px;
margin-bottom: 0px;
border-bottom: 1px dotted #F1F1F1;
border-left: 1px solid #EAEAEA; 
border-top: 1px dotted #EEEEEE; 
border-right: 1px solid #E5E5E5;
}

A.navi:link, A.navi:active, A.navi:visited {
display: block;
font-family: Verdana;
font-size: 10px;
background-color: FFFFFF;
margin-bottom: 2px;
border-bottom: 1px dotted #F1F1F1;
border-left: 1px solid #EAEAEA; 
border-top: 1px dotted #EEEEEE; 
border-right: 1px solid #E5E5E5;
letter-spacing: 1px;
color: #BEBEBE;
text-transform: uppercase;
text-align: center;
line-height: 15px;}

A.navi:hover {
display: block;
font-family: Verdana;
font-size: 12px;
background-color:F8F8F8;
margin-bottom: 2px;
border-bottom: 1px dotted #F1F1F1;
border-left: 1px solid #EEEEEE; 
border-right: 1px solid #EAEAEA; 
border-top: 1px dotted #EEEEEE; 
letter-spacing: 1px;
text-align: center;
color: #D0D0D0;
line-height: 15px;}

i, em{
   color:#EEEEEE;
font-family: Tahoma;		
font-size: 11px;	
}

u{
color: #EEEEEE;
font-family: Tahoma;		
font-size: 11px;	
}

s, strike{
color:#EEEEEE;
font-family: Tahoma;		
font-size: 11px;	
}

b{
   color:#EEEEEE;
font-family: Tahoma;		
font-size: 11px;	
}
</style>

<div id="navigation">
<h1>header</h1>
<a href="http://LINKURL" class="navi">LINK URL</a>
<a href="http://LINKURL" class="navi">LINK URL</a>
<a href="http://LINKURL" class="navi">LINK URL</a>
<a href="http://LINKURL" class="navi">LINK URL</a>
<a href="http://LINKURL" class="navi">LINK URL</a>
<a href="http://LINKURL" class="navi">LINK URL</a>
<a href="http://LINKURL" class="navi">LINK URL</a>
<a href="http://LINKURL" class="navi">LINK URL</a>
<a href="http://LINKURL" class="navi">LINK URL</a>
</div>

<div id="content">

<h2>about this Layout</h2>
<img src="http://i371.photobucket.com/albums/oo151/Haine-Coco/Layouts/Layout-1_icon.jpg" border="0" ALIGN="CENTER"><br>
Haine here and this is my first layout for JemeMelody!
This layout was inspired by Amatsu-Otome but I didn't steal the coding!
It took me a while to make this layout >.<"
heh, it was hard to code but making the design was easy.
By the way, you can take that ugly icon right there.
<h2>Header</h2>
TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST
<h2>Header</h2>
TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST
<h2>Header</h2>
TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST
<h2>Header</h2>
TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST
<h2>Header</h2>
TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST
</div>

</html>

Header

TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST

Piczo

header

about this Layout

Coding

Header

Header

Header

Header

Header