~Inseparable~

ABOUT THE LAYOUT

June 10th 2008

My first Shugo Chara layout ! At first, I wanted to make a blue layout.Because it's supposed to be featuring by Amu and Miki only,but finally as you can see ... nop xD I call this layout "inseparable", because when I saw the episode where Amu guardians were captured by his teacher she was so determined to save them and because she loves them =] The layout is enough pretty just ... I don't like the style of the border =_=". Maybe you will like it but anyways I don't care anymore !! So that's all hope you will like it!!

Bold Italic underline Link

DO NOT take off or cover the credits.
DO NOT change anything in the layout picture or css.But you can write your name on the icon or link button but you still have to link me back.
DO NOT claim my graphic as your own.

CODINGS

Did you read the terms of use?? Yes?? Will you respect?? Yes?? Okee here's the coding <3 !! But I still advice you to upload the picture in your own serve but not photobucket >> Bad quality !!

<html>
<head>
<title> ~Inseparable~ </title>
</head>

A:link {text-decoration: none; color:#F2CDFE;}

A:active {text-decoration:none; color: #F2CDFE;}

A:visited {text-decoration: strike; color: #1C4226;}

A:hover {
  color:#3E0E47; cursor:nw-resize;  border-bottom: #1C4226 dotted 1px; letter-spacing:3px;}

body {
background-color:#7C3BD9; 
background-image: url(http://img377.imageshack.us/img377/2440/div2backlm9.png); background-repeat:repeat-y;
margin:0px; }

.navh {
font-family:verdana;
font-size:14px;
font-weigh:bold; 
color:#6B187C;
letter-spacing:1px;
border-bottom:#6B187C dotted 1px;}

.nav  {
font-family:arial;
font-size:10px;
display: block;
color: #6B187C; 
padding: 4px;
border:#6B187C solid 2px; 
margin-top: 2px;
text-decoration: none;
background-color:#CF5FEB;}

.content {
font-family:arial;
font-size:10px;
font-weigh:bold;
color: #204A2C;
text-align:right;
border-bottom: #204A2C solid 2px;}

textarea {
background-color:#DA9AEF;
font-family:arial;
font-size:10px;
color:#70168D; 
border:#6B187C solid 1px;

b {color:#E6A8F4; letter-spacing:2px;}
i {color:#AD20BD;}
u {color:#9418BC; border-bottom:#9418BC dashed 1px;}

</style>

<div style="position: absolute; top: 426px; left:6px; width:146px">
<div class="nav">
<div class="navh"><img src="http://i266.photobucket.com/albums/ii267/kadou-animez/nav_icon.jpg"> </a><b>H</b>EADER</a></div>
<a href="#">♥ Link here</a><br>
<a href="#">♥ Link here</a><br>
<a href="#">♥ Link here</a><br>
<a href="#">♥ Link here</a><br>

<div class="navh"><img src="http://i266.photobucket.com/albums/ii267/kadou-animez/nav_icon.jpg"></a> <b>H</b>EADER</a></div>
<a href="#">♥ Link here</a><br>
<a href="#">♥ Link here</a><br>
<a href="#">♥ Link here</a><br>
<a href="#">♥ Link here</a><br>

<div class="navh"><img src="http://i266.photobucket.com/albums/ii267/kadou-animez/nav_icon.jpg"></a> <b>C</b>redits</a></div>
(c) Layout: <a href="http://kadou-animez.webs.com">Cindy</a><br>
(c) Image: <a href="http://kadou-animez.webs.com">x</a><br>
(c) Texture: Anime-satellite.net<br>
(c) Brushes: <a href="http://reminiscent-designs.net">x</a> <a href="http://animerain/com">x</a><br>
</div></div>

<div style="position: absolute; top: 445px; left:164px; width:485px">
<div class="nav">
<div class="navh"><img src="http://i266.photobucket.com/albums/ii267/kadou-animez/nav_icon.jpg"></a> <b>H</b>eader</a></div>
Text text<br>

<div class="navh"><img src="http://i266.photobucket.com/albums/ii267/kadou-animez/nav_icon.jpg"></a> <b>H</b>eader</a></div>
text text<br>

<div class="navh"><img src="http://i266.photobucket.com/albums/ii267/kadou-animez/nav_icon.jpg"></a> <b>H</b>eader</a></div>
text text
<br></div>

Extra

Icons 50 x 100

button 88 x 31