Sei sulla pagina 1di 5

<html>

<!--you are looking at DancingSheep codes. please credit if you use them. thank
you.-->
<head>
<title>%BEYOND WORDS</title>
<style type="text/css">
a:link, a:visited, a:active {
color: #8ec2b7;
cursor: default;
text-decoration:none;
}
a:hover {
color: #4b5209;
cursor: crosshair;
text-decoration:none;
background-color:#e4eba7;
}

body {
background-color: #fefefe;
background-image: url('http://i314.photobucket.com/albums/ll434/dancing_sheep/b
g.png');
background-repeat: repeat;
cursor: default;
font-family: tahoma;
font-size: 8pt;
color: #3f3f3f;
text-align:justify;
scrollbar-arrow-color: #937a66;
scrollbar-track-color: #fcfcfb;
scrollbar-face-color: #fafaf9;
scrollbar-darkshadow-color: #fcfcfb;
scrollbar-shadow-color: #fcfcfb;
scrollbar-3dlight-color: #fcfcfb;
scrollbar-highlight-color: #fcfcfb;
}
.h1 {
font-family: Century gothic;
font-size: 20px;
line-height: 19px;
color: #dca83b;
letter-spacing: -1pt;
font-weight:none;
text-align:left;
}
.h2 {
font-family: Arial;
font-size: 15px;
line-height: 14px;
color: #b9c767;
letter-spacing: -1pt;
text-align: left;
}
.entries {
padding: 5px;
}
blockquote {
border: 1px dotted #b5dcd6;
padding: 5px;
}

b {
color: #fceef2;
background-color: #eb7b9a;
}
u {
font-color: #4b5209;
border-bottom: 2px solid #e7f05a;
}
.preloadpic {
display: none;
}
#navbar-iframe {
display: none;
}
</style>
</head>
<body>
<div style="position: absolute; top:0px; left:0px; background-color:transparent;
">
<img src="http://i314.photobucket.com/albums/ll434/dancing_sheep/beyondwords.png
">
<img src="http://i314.photobucket.com/albums/ll434/dancing_sheep/profilehover.pn
g" class="preloadpic">
<img src="http://i314.photobucket.com/albums/ll434/dancing_sheep/bloghover.png"
class="preloadpic">
<img src="http://i314.photobucket.com/albums/ll434/dancing_sheep/taghover.png" c
lass="preloadpic">
<img src="http://i314.photobucket.com/albums/ll434/dancing_sheep/linkshover.png"
class="preloadpic">
</div>
<div style="position: absolute; top:155px; left: 166px; z-index:2; background-co
lor:transparent;">
<span style="cursor:crosshair;" onClick="document.getElementById ('welcome').inn
erHTML=document.getElementById ('profile').innerHTML"
onmouseover="document.images['s1a'].src='http://i314.photobucket.com/albums/ll43
4/dancing_sheep/profilehover.png' "
onmouseout="document.images['s1a'].src='http://i314.photobucket.com/albums/ll434
/dancing_sheep/profile.png'">
<img src="http://i314.photobucket.com/albums/ll434/dancing_sheep/profile.png" na
me="s1a" alt="" border="0">
</span>
</div>
<div style="position: absolute; top:188px; left: 696px; z-index:2; background-co
lor:transparent;">
<span style="cursor:crosshair;" onClick="document.getElementById ('welcome').inn
erHTML=document.getElementById ('blog').innerHTML"
onmouseover="document.images['s2a'].src='http://i314.photobucket.com/albums/ll43
4/dancing_sheep/bloghover.png' "
onmouseout="document.images['s2a'].src='http://i314.photobucket.com/albums/ll434
/dancing_sheep/blog.png'">
<img src="http://i314.photobucket.com/albums/ll434/dancing_sheep/blog.png" name=
"s2a" alt="" border="0">
</span>
</div>
<div style="position: absolute; top:386px; left: 208px; z-index:2; background-co
lor:transparent;">
<span style="cursor:crosshair;" onClick="document.getElementById ('welcome').inn
erHTML=document.getElementById ('tagboard').innerHTML"
onmouseover="document.images['s3a'].src='http://i314.photobucket.com/albums/ll43
4/dancing_sheep/taghover.png' "
onmouseout="document.images['s3a'].src='http://i314.photobucket.com/albums/ll434
/dancing_sheep/tag.png'">
<img src="http://i314.photobucket.com/albums/ll434/dancing_sheep/tag.png" name="
s3a" alt="" border="0">
</span>
</div>
<div style="position: absolute; top:48px; left: 562px; z-index:2; background-col
or:transparent;">
<span style="cursor:crosshair;" onClick="document.getElementById ('welcome').inn
erHTML=document.getElementById ('links').innerHTML"
onmouseover="document.images['s4a'].src='http://i314.photobucket.com/albums/ll43
4/dancing_sheep/linkshover.png' "
onmouseout="document.images['s4a'].src='http://i314.photobucket.com/albums/ll434
/dancing_sheep/links.png'">
<img src="http://i314.photobucket.com/albums/ll434/dancing_sheep/links.png" name
="s4a" alt="" border="0">
</span>
</div>

<div id="welcome" style="position:absolute; top: 160px; left:375px; z-index:2; w


idth:280px; height:365px; overflow-y:
auto;overflow-x: hidden; background-color:transparent;">
<div class="h1">welcome.</div><br>
please wait for the images to load.<br>
hover around to find the navs.<br>
buttons on the left - tag<br>
ribbon - profile<br>
paper clips - links<br>
pens - blog<br>
cheers.
<br>
<br>
</div>
<div id="profile" style="display:none">
<div class="h1">three cheers for me.</div><br>
she is the one and only <b>kai lin</b>. kai lin sometimes also goes by the name
<u>DancingSheep</u>.
kai lin is 14 in the year 2008 but will be 15 at 0000 25062008. kai lin is curre
ntly studying in nanyang girls' high
school.
<br>
<br>
</div>

<div id="blog" style="display:none">


<Blogger>
<div class="h2"><$BlogItemDateTime$></div>
<div class="h1"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader></div>
<br>
<div class="entries">
<$BlogItemBody$>
</div>
<br>
<br>
</Blogger>
<br>
</div>
<div id="tagboard" style="display:none">
<div class="h1">tagboard.</div><br>
<div align="center">
tagboard goes<br>
here<br>
</div>
<br>
<br>
</div>
<div id="links" style="display:none">
<div class="h1">links.</div><br>
<a href="http://www.blogger.com">link</a><br>
<a href="http://www.blogger.com">link</a><br>
<a href="http://www.blogger.com">link</a><br>
<a href="http://www.blogger.com">link</a><br>
<a href="http://www.blogger.com">link</a><br>
<br>

<div class="h1">archives.</div><br>
<BloggerArchives>
<a href='<$BlogArchiveLink$>'><$BlogArchiveName$></a><br>
</BloggerArchives>
<br>

<div class="h1">credits.</div><br>
Designer <a href="http://www.blogskins.com/me/dancingsheep/">Dancing</a><a hre
f="http://www.falling-from-
below.blogspot.com">Sheep</a>
<br>
Resources <a href="http://shabbyprincess.com/">x</a>
<a href="http://dafont.com/">x</a>
<a href="http://www.howtocreate.co.uk/tutorials/jsexamples/testingRoll.html">x
</a>
<br>
<br>
</div>
<div style="position: absolute; top:415px; left:705px; width:220px; height:120px
; overflow-x:hidden; overflow-y: hidden;
background-color:transparent;">
anything you want to put here. updates, notices, disclaimers.
it's really up to you. a short message, a favourite quote, or a special shoutout
. something like...<br>
<br>
<div align="center"><b><font-size="25px">SEVERUS SNAPE ROCKS!</font></b></div>
<br>
get the idea? have fun!<br>
<div align="right"> DancingSheep</div>
</div>
</body>
</html>

Potrebbero piacerti anche