You are on page 1of 6

<html>

<head>
<link rel="shortcut icon" href="" />
<title>My blog garden</title>
<script type="text/javascript">
function changeNavigation(id)
{document.getElementById('welcome').innerHTML=document.getElementById(id).innerH
TML}
</script>
<style type="text/css">
a:link, a:visited, a:active {
color: #ffafaf;
cursor: default;
text-decoration:none;
}
a:hover {
background-color:#ffafaf;
color:white;
cursor: crosshair;
text-decoration:none;
}
.nav {
font-size: 11px;
text-align: center;
background-color:#E8F4F8;
color: #777;
display: block;
width: 220px;
border-bottom:1px solid #fff;
padding: 3px;
}
.nav:hover{
font-size: 11px;
text-align: center;
color: #FFFFFF;
background-color:#6ccffe;
display: block;
width: 220px;
border-bottom:1px solid #fff;
padding: 3px;
}
body{
background:#ceefff url('http://i552.photobucket.com/albums/jj329/smilies_myhideo
ut/kusaback-tile-crop-1.jpg');
font-family:verdana, tahoma, sans-serif;
font-size:11px;
color: #888888;
letter-spacing: 1px;
line-height: 14px;
text-align: left;
scrollbar-face-color:
#FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color:
#FFFFFF;
scrollbar-shadow-color:
#FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-track-color:
#fce9ee;

scrollbar-arrow-color:
#fce9ee;
}
input, textarea {
background: #ffffff;
font-family: arial;
font-size: 8pt;
color: #6c6461;
border-style: solid;
border-color:#999999;
border-width: 1px;
}
.h4{
font-family:segoe UI;
font-size: 15px;
line-height: 19px;
color: skyblue;
letter-spacing: 1px;
font-weight:none;
padding: 3px;
border: 0px solid #DACBB1;
text-align:left;
text-transform: none;
}
.h4{
font-family:segoe UI;
font-size: 15px;
line-height: 19px;
color: skyblue;
letter-spacing: 1px;
font-weight:none;
padding: 3px;
border: 0px solid #DACBB1;
text-align:left;
text-transform: none;
}
blockquote {
background-color:#fff;
color: #777;
border: 1px dashed #FFAFAF;
color: #996633;
}
b {
color: #ffafaf;
}
u {
color: #996633;
border-bottom: 1px solid #ffafaf;
}
i {
color: #6ccffe;
}
#navbar-iframe {
display: none;
}
#entry {
text-align: justify;
</style>
</head>
<body>

<div style="position:absolute;left:0px;top:0px;">
<img src="http://i552.photobucket.com/albums/jj329/smilies_myhideout/kusaback-ti
le-1.jpg">
</div>
<div style="position:absolute; overflow-x:hidden; overflow-y:hidden; padding:2px
;; left:505px; top:137px; width:375px;">
<marquee>Hi! Put your welcome address here.
If you have time, please check my website : <a href="http://stuckmuffin.info">ht
tp://stuckmuffin.info</a>.
See You There! </marquee>
</div>
<div style="position:absolute; overflow-x:hidden; overflow-y:hidden; padding:2px
; left:70px; top:84px; width:225px;">
<div class="h4">Disclaimer</div>
<img src="http://i547.photobucket.com/albums/hh455/cynna_pictures/manekineko3.gi
f" align="left">
Welcome to my blog. Before anything else please follow these rules : No ripping,
spamming, and any type of childish acts.
Respect is a must. Best-viewed with screen resolutions 1024x768. Enjoy your stay
and have fun!<br>
<center>put your site stats here<br><b>bold</b>,<i>italic</i>,<u>underlined</u><
/center>
</div>
<div style="position:absolute; overflow-x:hidden; overflow-y:hidden; padding:2px
;; left:70px; top:333px; width:270px;">
<div class="h4">Navigations</div><br>
<span class="nav" style="cursor: pointer;" onMouseover="showtext('')" onMouseout
="hidetext();" onClick="changeNavigation('profile')">Profile</span>
<span class="nav" style="cursor: pointer;" onMouseover="showtext('')" onMouseout
="hidetext();" onClick="changeNavigation('blog')">Blog</span>
<span class="nav" style="cursor: pointer;" onMouseover="showtext('')" onMouseout
="hidetext();" onClick="changeNavigation('links')">Links</span>
<span class="nav" style="cursor: pointer;"onMouseover="showtext('')" onMouseout=
"hidetext();"onClick="changeNavigation('joined')">Joined</span>
<span class="nav" style="cursor: pointer;" onMouseover="showtext('')" onMouseout
="hidetext();" onClick="changeNavigation('credits')">Credits</span>
</div>
<div style="position:absolute; overflow-x:hidden; overflow-y:hidden; padding:2px
;; left:70px; top:587px; width:240px;">
<div class="h4">I am ME</div>
<img src="http://i387.photobucket.com/albums/oo320/myhideout_photos/loveneko.gif
" align="left">
Put Your profile Here. Make it simple and not fugly okay? as long as it is catch
y, its okay! :D
say what you wanna say,say what you wanna say,say what you wanna say!<br><br>
<div class="h4">Doing...</div>
Feeling : _______<br>
Eating : _______<br>
Doing : _______<br>
Watching : _______<br>
Listening to : _______<br>
<br>
<div class="h4">Tagboard</div>

Shout mix or cbox? abything just decide for yourself. width="210px"for sure ;)<b
r>
<div class="h4">Daily Reads</div>
<center><a href="http://stuckmuffin.info">Cynna</a> |
<a href="http://stuckmuffin.info">Cynna</a> |
<a href="http://stuckmuffin.info">Cynna</a> |
<a href="http://stuckmuffin.info">Cynna</a> |
<a href="http://stuckmuffin.info">Cynna</a></center><br>
<div class="h4">Rotten Things</div>
<BloggerArchives>
<a href="<$BlogArchiveURL$>"><$BlogArchiveName$></a> |
</BloggerArchives><br><br><BloggerPreviousItems>
<a href="<$BlogItemPermalinkURL$>"><$BlogPreviousItemTitle$></a><br>
</BloggerPreviousItems><br>
<div class="h4">Music</div>
<center>Music Here!</center><br></div>
</div>
<div id="welcome" style="position:absolute; overflow-x:hidden; overflow-y:auto;p
adding:7px;left:395px; top:241px; width:520px;">
<Blogger>
<div class="h4"><img src="http://i387.photobucket.com/albums/oo320/myhideout_pho
tos/tenki8.gif"align="left"><$BlogItemTitle$></BlogItemTitle$></div>
<div align="right"><small>Written at <BlogDateHeader><$BlogDateHeaderDate$></Blo
gDateHeader> | <a href="javascript:scroll(0,0)">back to top</a></small></div>
<br>
<div id="entry">
<$BlogItemBody$>
</div>
</blogger>
</DIV>
<div id="profile" style="display:none">
<div class="h4"><img src="http://i387.photobucket.com/albums/oo320/myhideout_pho
tos/tenki8.gif"align="left">Profile</div><br>
<center><big>your lovely profile goes here</big></center>
</div>
<div id="blog" style="display:none">
<Blogger>
<div class="h4"><img src="http://i387.photobucket.com/albums/oo320/myhideout_pho
tos/tenki8.gif"align="left"><$BlogItemTitle$></BlogItemTitle$></div>
<div align="right"><small>Written at <BlogDateHeader><$BlogDateHeaderDate$></Blo
gDateHeader> | <a href="javascript:scroll(0,0)">back to top</a></small></div>
<br>
<div id="entry">
<$BlogItemBody$>
</div>
<br>
</blogger>
</div>
</Blogger>
</div>
<div id="links" style="display:none">
<div class="h4"><img src="http://i387.photobucket.com/albums/oo320/myhideout_pho
tos/tenki8.gif"align="left">Links</div><br>

<center><big>your lovely links goes here</big></center>


</div>
<div id="joined" style="display:none">
<div class="h4"><img src="http://i387.photobucket.com/albums/oo320/myhideout_pho
tos/tenki8.gif"align="left">Profile</div><br>
<center><big>put your joined club and contest banners here</big></center>
</div>
<div id="credits" style="display:none">
<div class="h4">
<img src="http://i387.photobucket.com/albums/oo320/myhideout_photos/tenki8.gif"a
lign="left">
Credits</div><br>
<!--Put your name as an EDITOR not a DESIGNER... Please do visit my blog too if
you used this-->
<img src="http://i387.photobucket.com/albums/oo320/myhideout_photos/00215.gif" b
order="0" > Designer : <a href="http://www.stuckmuffin.info"target="_blank">Cynn
a</a><br>
<img src="http://i387.photobucket.com/albums/oo320/myhideout_photos/00215.gif" b
order="0" > Editor : <a href="http://www.stuckmuffin.info"target="_blank">Your n
ame</a><br>
<img src="http://i387.photobucket.com/albums/oo320/myhideout_photos/00215.gif" b
order="0" > materials: <a href="http://google.com">Various japanese site</a><br>
<img src="http://i387.photobucket.com/albums/oo320/myhideout_photos/00215.gif" b
order="0" > icons: <a href="http://www.sugarpink.girly.jp/"target="_blank">Sugar
Pink</a><br>
<img src="http://i387.photobucket.com/albums/oo320/myhideout_photos/00215.gif" b
order="0" > Editing Program: Photoscape<br>
<img src="http://i387.photobucket.com/albums/oo320/myhideout_photos/00215.gif" b
order="0" > scripts: <a href="http://www.dynamicdrive.com/"target="_blank">Dynam
ic Drive</a><br>
<img src="http://i387.photobucket.com/albums/oo320/myhideout_photos/00215.gif" b
order="0" > color hex codes: <a href="http://colorcombos.com/"target="_blank">Co
lor Combos</a><br>
<img src="http://i387.photobucket.com/albums/oo320/myhideout_photos/00215.gif" b
order="0" > host: <a href="http://www.blogger.com/"target="_blank">BLOGGER.COM</
a> | <a href="http://www.photobucket.com/"target="_blank">PHOTOBUCKET.COM</a> <b
r><br>
<!--Put your name as an EDITOR not a DESIGNER... Please do visit my blog too if
you used this-->
<br>
</div>

<script language=JavaScript>
<!-//Disable right click script III- By Renigade (renigade@mediaone.net)
//For full source code, visit http://www.dynamicdrive.com
var message="";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}

document.oncontextmenu=new Function("return false")


// -->
</script>
<script type='text/javascript' language='Javascript'>
function s_toggleDisplay(his, me, show, hide) {
if (his.style.display != 'none') {
his.style.display = 'none';
me.innerHTML = show;
} else {
his.style.display = 'block';
me.innerHTML = hide;
}
}
</script>
</body>
</html>

You might also like