Cute TUmblr Layout

<html>
<head>

<script type="text/javascript">
// <![CDATA[
var colour="#ffffff";
var sparkles=50;
/****************************
* Tinkerbell Magic Sparkle *
* (c) 2005 mf2fm web-design *
* http://www.mf2fm.com/rv *
* DON'T EDIT BELOW THIS BOX *
****************************/
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="2px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="2px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";
star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}
}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}
function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {
tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || do
cument.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]>
</script>
<script src="http://talbangs.tumblr.com/tricks/silentrightclick.js"></script>
<script language="javascript">
// (c) Premshree Pillai
// http://www.qiksearch.com
// premshree@hotmail.com
// Use freely as long as this message is intact.
var msg = "Smile:)";
var pos = 0;
var spacer = " | <3 | ";
var time_length = 100;
function ScrollTitle()
{
document.title = msg.substring(pos, msg.length) + spacer + msg.substring(0, pos
);
pos++;
if (pos > msg.length) pos=0;
window.setTimeout("ScrollTitle()",time_length);
}
ScrollTitle();
</script>
<script>
function changeNavigation(id) {document.getElementById('welcome').innerHTML=docu
ment.getElementById(id).innerHTML}
</script>
<style type="text/css">
a:link, a:visited, a:active {
color: #000000;
cursor: crosshair;
text-decoration:underline;
}
a:hover {
color: #333333;
cursor:url("http://dl3.glitter-graphics.net/pub/1582/1582833t1d5prxp4n.gif"), cr
osshair;
text-decoration:none;
background-color:Transparent;
}
body {
background-color: #c0a4ee;
background-image: url('http://i56.tinypic.com/25gf2x4.jpg');
background-repeat: repeat;
background-attachment:fixed;
cursor: url("http://cur.cursors-4u.net/symbols/sym-5/sym471.cur");
font-family: century Gothic;
font-size: 8pt;
color: #FFFFFF;
text-align:justify;
scrollbar-arrow-color: #f0577b;
scrollbar-track-color: #FFFFFF;
scrollbar-face-color: #ffffff;
scrollbar-darkshadow-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-3dlight-color: #000000;
scrollbar-highlight-color: #fc3cb7;
}
.h1 {
font-family: Century gothic;
font-size: 20px;
line-height: 20px;
color: #ffffff;
letter-spacing: -1pt;
font-weight:none;
text-align:left;
}
.h2 {
font-family:century Gothic;
font-size: 15px;
line-height: 14px;
color: #fff;
letter-spacing: -1pt
text-align: left;
}
.navs {
font-family: century Gothic;
font-size: 12pt;
text-align: left;
font-color: #68675a;
}
blockquote {
border: 1px dashed #fc3cb7;
padding: 5px;
}
b {
color: #fc3cb7;
background-color: Transparent;
}
u {
font-color: #ff0000;
border-bottom: 2px solid #999999;
}
#navbar-iframe {
display: none;
}
.table3 { position:absolute;
visibility:visible;
left:-511px;
top:-123px;
height: 63px;
width: 335px;
}
.style7 {color: #000000}
#box { background-color: #ffffff;
text-align: center;
width:400px;
border: 0px solid #ff88cc;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}
.style9 {color: #000000}
</style>
</head>
<body>
<div style="position: fixed; top:82px; left:252px; background-color:transparent;
">
<img src="http://i51.tinypic.com/2iw3ud1.jpg" width="1006" height="605" border="
0" usemap="#imap_43" >
<map id="imap_43" name="imap_43" >
<area shape="rect" coords="48,264,135,287" alt="" title="" href="/random">
<area shape="rect" coords="49,193,127,214" alt="" title="" href="/">
<area shape="rect" coords="51,227,132,250" alt="" title="" href="/ask">
<area shape="rect" coords="48,301,135,320" alt="" title="" href="/archive">
<area shape="rect" coords="341,392,383,432" alt=">>" title="" href="{Nex
tPage}">
<area shape="rect" coords="264,391,305,435" alt="<<" title="" href="{Pre
viousPage}">
<area shape="rect" coords="52,331,134,357" alt="" title="" href="http://mindbl
owingcweezy.tumblr.com">
</map>
</div>
<center>
<div style="position:fixed; top: 216px; left:465px; width:221px; height:246px; b
ackground-color: transparent; overflow-y:
auto; overflow-x;overflow: auto;">
<p>
<br><center><img style="border:3px solid #fff;" src="{PortraitURL-96}" border="0
" width="100"></a><br></center>
<CENTER>
<p class="style7">{block:Description}{Description}</p>
<p class="style7">{/block:Description}</p>
</CENTER>
<span class="style7 style7"></a>
</center>
</span></div>
</center>
<div style="width: 420px; position: fixed; left: 753px; top: 207px; overflow: au
to; height: 325; color: #000000;"> {block:Posts}
{block:Text}
<div id="box">
<div class="header">
<div id="blogt"><a href="{Permalink}"><b>Text Post</b> {ShortDayOfWeek},
{ShortMonth}. {DayOfMonthWithZero}, {Year}</a></div>

</div>
</div>
{block<span class="style9">:Title}
</span>
<p class="style9" id="posttitle"><a href="{Permalink}">{Title}</a></p>
<span class="style9">{/block:Title} </span>
<p class="style9">{Body}</p>
</li>
<span class="style9"><br>
<br>
<img src="http://www.i-graphix.net/graphics/pixels/star/pink.gif" border="0" a
lt="Photobucket"></a> {block:NoteCount}<a
href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}<br>
<br>
{/block:Text}
{block:Photo} </span>
<div class="style9" id="box">
<div id="blogt"><a href="{Permalink}"><b>Photo Post</b> {ShortDayOfWeek},
</div>
</div>
{LinkOpenTag}<img id="pic" src="{PhotoURL-400}" alt="{PhotoAlt}" />{LinkCloseT
ag}
{block:Caption} </span>
<p class="style9">{Caption}</p>
<span class="style9">{/block:Caption}
</li>
<br>
{/block:Photo}
{block:Quote} </span>
<div id="blogt"><a href="{Permalink}"><b>Quote Post</b> {ShortDayOfWeek},
</div>
</div>
<p class="qcontainer style9"> <span class="quote">“{Quote}”</span>
{block:Source} <span class="source"><br>
<i>{Source}</i></span> {/block:Source}</p>
</li>
<span class="style9"><img src="http://www.i-graphix.net/graphics/pixels/star/p
ink.gif" border="0" alt="Photobucket"></a> {block:NoteCount}<a
<br>
{/block:Quote}
{block:Link} </span>
<div id="blogt"><a href="{Permalink}"><b>Link Post</b> {ShortDayOfWeek},
</div>
</div>
<p class="style9"><a href="{URL}" id="postlink" {Target}>{Name}</a></p>
<span class="style9">{block:Description} </span>
<p class="style9">{Description}</p>
<span class="style9">{/block:Description}
</li>
<br>
{/block:Link}
{block:Chat} </span>
<div id="blogt"><a href="{Permalink}"><b>Chat Post</b> {ShortDayOfWeek},
</div>
</div>
<span class="style9">{block:Title} </span>
<p class="style9" id="posttitle"><a href="{Permalink}">{Title}</a></p>
<span class="style9">{/block:Title} </span>
<ul class="chat style9">
{block:Lines}
<li class="{Alt}"> {block:Label} <span class="label">{Label}</span> {/block:
Label}
{Line}
{/block:Lines}
</ul>
</li>
</li>
<span class="style9"><img src="http://www.i-graphix.net/graphics/pixels/star/p
ink.gif" border="0" alt="Photobucket"></a> {block:NoteCount}<a
<br>
{/block:Chat}
{block:Video} </span>
<div id="blogt"><a href="{Permalink}"><b>Video Post</b> {ShortDayOfWeek},
</div>
</div>
<span class="style9">{Video-400}
{block:Caption} </span>
</li>
<br>
{/block:Video}
{block:Audio} </span>
<div id="blogt"><a href="{Permalink}"><b>Audio Post</b> {ShortDayOfWeek},
</div>
</div>
<p align="center" class="style9">{AudioPlayerBlack}</p>
<span class="style9">{block:Caption} </span>
</li>
{block:NoteCount}<a
<br>
{/block:Audio}
{block:PostNotes}
{PostNotes}
{/block:PostNotes}
{/block:Posts}
{/block:Posts}
</ol>
</span>
<center class="style9">
{block:PreviousPage}<a href="{PreviousPage}"><font size="3">newer</a></font>
{/block:PreviousPage}{CurrentPage}/{TotalPages}{block:NextPage} <a href="{NextP
age}"><font size="3">older</a></font>{/block:NextPage}{/block:Pagination}
</center>
</span></div>
<div style="position:absolute; top: 99px; left:265px; width:297px; height:82px;
background-color: transparent; overflow-y:
auto; overflow-x;overflow: auto;">
<p> <span class="style9"><br>
</span>
<marquee behavior="scroll" direction="left" width="280" border="2px" borderc
olor="FFFFFF"><center class="style9">{block:Following}
{block:Followed}<a href="{FollowedURL}"><img src="{FollowedPortraitURL-2
4}"></a> {/block:Followed}
{/block:Following} </marquee>
</center>
<CENTER>
</CENTER>
<span class="style7 style7"></a>
</center>
</span></div>
</body>
</html>

Cute TUmblr Layout

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Cute TUmblr Layout

Uploaded by

Copyright:

Available Formats

<html>

{ShortMonth}. {DayOfMonthWithZero}, {Year}</a></div>

You might also like