Minggu, 15 Mei 2011

<html><head>
<title>01. i my me mine.</title>
<linkrel="icon" href=" (link of your favicon) "/>

<style type="text/css">
#navbar-iframe {display: none;}
::-moz-selection {background-color:#555;color:#fff}
a:link,a:active,a:visited{font-family: arial; font-size: 11px; color: #403129; text-decoration: none;}
a:hover{text-decoration: none; font-family: arial; font-size: 11px; color: #8B636C; cursor:hand; text-decoration: underline;} 
body{background-color: #F9f9f9; color: #333333; font-family: arial; font-size: 11px;}
blockquote{font-family:georgia; color: #333333; padding: 20px; background: #fdfdf3;}
blockquote:first-letter{font-family: georgia; font-style: italic; font-size: 20px;}

img:hover{opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100);}
img{filter: alpha(opacity=80); moz-opacity:.80; opacity:.80;}

.entries{background-color:#ffffff; padding: 10px; top: 25px; left: 300px; position: absolute; width: 500px;}

.h1 {
font:normal 15pt georgia;
color:#666666;
text-transform:lowercase;
text-align:left;}

.h2 {
font: normal 9pt arial;
color: #A5D9C7;
letter-spacing: 2px;
text-transform: uppercase;
background: #fdfdf3;}

.h3{
font: normal 9pt arial;
color: #A5D9C7;
letter-spacing: 2px;}

#navigation{font: 8pt arial; line-height: 200%; cursor: default; color: #ffffff; background: #cac8c8; letter-spacing: 2px; padding: 5px;}
</style></head>
<body>
<div class="entries">
<center><img src="http://cbimg6.com/layouts/11/04/36630aa.jpg" /></center><br>

<select style="width: 500px; font:8pt arial;" name="ArchiveMenu" onChange="location.href=this.options[this.selectedIndex].value;">
<option value="/">re re replay, click click click click.</option>
<BloggerArchives>
<option value="<$BlogArchiveURL$>"><$BlogArchiveName$></option>
</BloggerArchives>
<option value="insert your url">the present.</option></select><br><br>

<div style="font: arial; word-spacing: 2px; line-height: 5px; text-align: right; color:#A5D9C7; ">
  <span style="cursor:pointer" id="navigation" onMouseover="this.style.color='#666666',this.style.background='#cac8c8'" onMouseout="this.style.color='#ffffff'"  onClick="changeNavigation('entries')">entries</span>
● <span style="cursor:pointer" id="navigation" onMouseover="this.style.color='#666666',this.style.background='#cac8c8'" onMouseout="this.style.color='#ffffff'"  onClick="changeNavigation('about')">about</span>
● <span style="cursor:pointer" id="navigation" onMouseover="this.style.color='#666666',this.style.background='#cac8c8'" onMouseout="this.style.color='#ffffff'"  onClick="changeNavigation('chat')">chat</span>
● <span style="cursor:pointer" id="navigation" onMouseover="this.style.color='#666666',this.style.background='#cac8c8'" onMouseout="this.style.color='#ffffff'"  onClick="changeNavigation('links')">links</span>
</div><br>

<div id="main">
<blogger>
<div class="h1"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader></div>
<div class="h2"><$BlogItemTitle$> @ <$BlogItemDateTime$></div>
<div class="h3"><BlogItemCommentsEnabled> <a href="<$BlogItemCommentCreate$>" <$BlogItemCommentFormOnClick$>>
<$BlogItemCommentCount$> comments : click to leave one.</a> </BlogItemCommentsEnabled></div><br>
<$BlogItemBody$><br>
</blogger>
</div>

<div id="entries" style="display:none">
<blogger>
<div class="h1"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader></div>
<div class="h2"><$BlogItemTitle$> @ <$BlogItemDateTime$></div>
<div class="h3"><BlogItemCommentsEnabled> <a href="<$BlogItemCommentCreate$>" <$BlogItemCommentFormOnClick$>>
<$BlogItemCommentCount$> comments : click to leave one.</a> </BlogItemCommentsEnabled></div><br>
<$BlogItemBody$><br>
</blogger>
</div>

<div id="about" style="display:none">
<div class="h1">i my me mine.</div>
<div class="h2">you think you know me yeah ?</div><br>
write about yourself. :)<br>
hi my name is ______ and i think koreans are haawt. ;)
</div>

<div id="chat" style="display:none">
<div class="h1">whatchuu say ?</div>
<div class="h2">shout it louder.</div><br>
put your cbox/shoutmix code here. max width 500px
</div>

<div id="links" style="display:none">
<div class="h1">i have friends.</div>
<div class="h2">you know you're jealous.</div><br>
<a href="http://.com/" target="_blank">one.</a><br>
<a href="http://.com/" target="_blank">two.</a><Br>
<a href="http://.com/" target="_blank">three.</a><br>
<a href="http://.com/" target="_blank">four.</a><br>
<a href="http://.com/" target="_blank">five.</a><br><br>

<div class="h2">credits.</div><br>
template by : <a href="http://heavilybroken.blogspot.com/" target="_blank">mymost</a><a href="http://fallingyou.blogspot.com/" target="_blank">loved*</a><br>
header image : <a href="http://skyhopper.tumblr.com/" target="_blank">skyhopper.</a>
</div>

</div></body>
<script> function changeNavigation(id)
{document.getElementById('main')
.innerHTML=document.getElementById(id).innerHTML}
</script></html>