My Valentine Tumblr Layout - Love - Tumblr Layout - Stuffs - one wall, infinite dreams

Home » Files » Tumblr Layout » Love

My Valentine Tumblr Layout

	04-February-11, 9:30 PM
1. Copy the code below: <script type="text/javascript"> // <![CDATA[ var colour="#ff0000"; 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 \|\| document.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> <head> <title>{Title}</title> <pnk rel="shortcut icon" href="{Favicon}"> <pnk rel="alternate" type="application/rss+xml" href="/rss"> <meta name="color:Background Color" content="#59472d"/> <meta name="color:Box Color" content="Transparent"/> <meta name="color:Box Background" content="transparent"/> <meta name="color:Text Color" content="#b14133"/> <meta name="color:Tumblr Title" content="#59472d"/> <meta name="color:Post Title" content="#b14133"/> <meta name="color:Type of Post" content="#59472d"/> <meta name="color:Quote/chat Accent" content="#FFFFFF"/> <style type="text/css"> body { margin: 30px; background-color: {color:Background Color}; background-color: {color:Background Color}; background-image:url(http://www.i-infinite.com/TUMBLR/LOVE/1/pattern_149.gif); background-attachment:fixed; background-position:center; background-repeat: repeat; } .chat{ list-style: none; padding: 4px; margin: 10px; border: 1px solid {color:Quote/chat Accent}; } .even {background-color: {color:Quote/chat Accent}; padding: 4px;} .odd { padding: 4px} #table { width: 671px; background-color: #transparent; background-image: url('http://www.i-infinite.com/TUMBLR/LOVE/1/bg.png'); padding-top: 20px; padding-right: 20px; table-layout: fixed; padding-left: 20px; padding-bottom: 9px; font-family: GEORGIA, Helvetica, sans-serif; color:#b14133; border: 0; font-size: 12px; } a:link,a:active,a:visited { text-decoration: underline; color:#ff6799; font-weight: normal; } a:hover { text-decoration: none; color:#720f2f; } #left { width: 400px; padding: 0px; text-align: left; } .qcontainer { padding: 10px; border-left: 0px dotted {color:Text Color}; border-top: 0px dashed {color:Text Color}; border-bottom: 0px solid {color:Text Color}; border-right: 0px dotted {color:Text Color}; background-color: {color:Quote/chat Accent}; } .source {padding-top: 2px;} .quote { font-size: 15px; font-family: GEORGIA, helvetica, sans-serif; line-height: 22px; background:url("") no-repeat;padding:50px 0px 5px 5px;} } #middle {width: 30px;} #right { text-align: left; width: 200px; padding: 0px; text-align: left; } #title, #title a { font-size: 25px; text-transform: uppercase; text-decoration: none; font-weight: normal; color:#59472d; margin-top: 0px; margin-bottom: 0px; font-family: GEORGIA, helvetica, sans-serif; } #posttitle, #posttitle a{ font-size: 15px; font-weight: normal; color: #b14133; font-family: GEORGIA, helvetica, sans-serif; text-decoration: none; } #postlink, #postlink a{ font-size: 15px; font-weight: normal; color: #59472d; font-family: GEORGIA, helvetica, sans-serif; text-decoration: underline; } #posts { list-style: none; padding: 0; margin: 0; } #each { padding-top: 10px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } img {border: 0px;} #box, #box a { text-transform: uppercase; font-size: 11px; color: #59472d; "<!-- THIS CHANGES THE DATE COLORS "-->" width: 400; padding-top: 6px; padding-bottom: 3px; padding-right: 0px; padding-left: 0px; text-align: center; background-color: #TRANSPARENT; <!-- THIS CHANGES THE POST BACKGROUND COLORS "-->" margin-top: 0px; margin-bottom: 0px; text-decoration: none; font-family: GEORGIA, helvetica, sans-serif; } #sidebox { text-transform: uppercase; font-size: 11px; color:#b14133; width: 200; padding-top: 6px; padding-bottom: 3px; padding-right: 0px; padding-left: 0px; text-align: center; background-color: #TRANSPARENT; ; margin-top: 0px; margin-bottom: 0px; font-family: GEORGIA, helvetica, sans-serif; } #sideboxF { text-transform: uppercase; font-size: 11px; color:#59472d; width: 200; padding-top: 6px; padding-bottom: 3px; padding-right: 0px; padding-left: 0px; text-align: center; background-color: #TRANSPARENT; margin-top: 0px; margin-bottom: 2px; font-family: GEORGIA, helvetica, sans-serif; } #box b, #box b a { color:#b14133; text-decoration: none; } .footer{ font-family: Century Gothic, Helvetica, sans-serif; font-size: 12px; color: #ffffff; margin: 5px; } .footer a { text-decoration: none; } .label { font-size: 11px; text-transform: uppercase; color: #59472d; } #sidebox b { color:#59472d; } p { margin: 10px; } </style> </head> <center><a href="/"><img src="http://www.i-infinite.com/TUMBLR/LOVE/1/love2.png" border="0" alt=""></a></center> <body> <div align="center"> <table id="table" cellpadding="0" cellspacing="0"> <tr> <td id="left" valign="top"> <p id="title"><a href="/">{Title}</a></p> <ol id="posts"> {block:Posts} {block:Text} <li id="each"> <div id="box"><a href="{Permalink}"><b>text post</b> {ShortDayOfWeek}, {ShortMonth}. {DayOfMonthWithZero}, {Year}</a></div> {block:Title} <p id="posttitle"><a href="{Permalink}">{Title}</a></p> {/block:Title} <p>{Body}</p> </li> {/block:Text} {block:Photo} <li id="each"> <div id="box"><a href="{Permalink}"><b>photo post</b> {ShortDayOfWeek}, {ShortMonth}. {DayOfMonthWithZero}, {Year}</a></div> {LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag} {block:Caption} <p>{Caption}</p> {/block:Caption} </li> {/block:Photo} {block:Quote} <li id="each"> <div id="box"><a href="{Permalink}"><b>quote post</b> {ShortDayOfWeek}, {ShortMonth}. {DayOfMonthWithZero}, {Year}</a></div> <p class="qcontainer"> <span class="quote">{Quote}</span> {block:Source} <span class="source"><br><i>{Source}</i></span> {/block:Source} </p> </li> {/block:Quote} {block:Link} <li id="each"> <div id="box"><a href="{Permalink}"><b>link post</b> {ShortDayOfWeek}, {ShortMonth}. {DayOfMonthWithZero}, {Year}</a></div> <p><a href="{URL}" id="postlink" {Target}>{Name}</a></p> {block:Description} <p>{Description}</p> {/block:Description} </li> {/block:Link} {block:Chat} <li id="each"> <div id="box"><a href="{Permalink}"><b>chat post</b> {ShortDayOfWeek}, {ShortMonth}. {DayOfMonthWithZero}, {Year}</a></div> {block:Title} <p id="posttitle"><a href="{Permalink}">{Title}</a></p> {/block:Title} <ul class="chat"> {block:Lines} <li class="{Alt}"> {block:Label} <span class="label">{Label}</span> {/block:Label} {Line} </li> {/block:Lines} </ul> </li> {/block:Chat} {block:Video} <li id="each"> <div id="box"><a href="{Permalink}"><b>video post</b> {ShortDayOfWeek}, {ShortMonth}. {DayOfMonthWithZero}, {Year}</a></div> {Video-400} {block:Caption} <p>{Caption}</p> {/block:Caption} </li> {/block:Video} {block:Audio} <li id="each"> <div id="box"><a href="{Permalink}"><b>audio post</b> {ShortDayOfWeek}, {ShortMonth}. {DayOfMonthWithZero}, {Year}</a></div> <p align="center">{AudioPlayerBlack}</p> {block:Caption} <p>{Caption}</p> {/block:Caption} </li> {/block:Audio} {/block:Posts} </ol> </td> <td id="middle"></td> <td id="right" valign="top"> <div id="sidebox"><center><img src="http://www.i-infinite.com/TUMBLR/LOVE/1/navigation.png"></center></div> </div> <div id="pagination"> {block:PreviousPage} <a class="pagination" href="{PreviousPage}">Previous<br />Page</a> {/block:PreviousPage} {block:NextPage} <a class="pagination" href="{NextPage}">Next<br />Page</a> {/block:NextPage} {block:DayPagination} {block:PreviousDayPage} <a class="pagination" href="{PreviousDayPage}">Previous<br />Day</a> {/block:PreviousDayPage} {block:NextDayPage} <a class="pagination" href="{NextDayPage}">Next<br />Day</a> {/block:NextDayPage} {/block:DayPagination} </div> <a href="/archive">ARCHIVE</a><br> <a href="/random">RANDOM</a><br> <a href="{RSS}">RSS</a> </p> <div id="sidebox"><center><img src="http://www.i-infinite.com/TUMBLR/LOVE/1/aboutme.png"></center></div> </div> <p>{Description}</p> <div id="sidebox"><center><img src="http://www.i-infinite.com/TUMBLR/LOVE/1/search.png" border="0" alt=""></center></div> <p><center> <form action="/search" method="get"> <input type="text" name="q" value="{SearchQuery}"/> <input type="submit" value="Search"/> {SearchQuery} {URLSafeSearchQuery} {block:SearchPage} {SearchResultCount} {/block:SearchPage} {block:NoSearchResults} {/block:NoSearchResults} </form> </center> {block:Following} <div id="sideboxF"><center><img src="http://www.i-infinite.com/TUMBLR/LOVE/1/followers.png"></center></div></div> <div align="center"> {block:Followed} <a href="{FollowedURL}"><img src="{FollowedPortraitURL-16}" style="border: 0px solid {color:Quote/chat Accent}; padding:2px;"></a> {/block:Followed} </div> {/block:Following} </td> </tr></table> <img src="http://www.i-infinite.com/TUMBLR/LOVE/1/footer.png" border="0" alt=""> <div class="footer">designed by <a href="http://www.i-infinite.com/">Kchil08 (c)2011 i-Infinite</a>, powered by <a href="http://www.tumblr.com">tumblr</a></div> <div align="center"> <div class="footer"> </div> </div> </body> </html></div> 2. Login to your Tumblr* account. 3. Go to Preferences under the Account tab. When the new page opens, click the Customize your blog button in the top right corner. 4. Click the Appearance tab at the top left. 5. When the sub menu pops up, click Reset defaults at the bottom. When the alert window appears, click OK. 6. Now click the Theme tab at the top left, when the window appears, click Use custom HTML (if you've already used custom html, you will be taken directly to your current html code code) . 7. Paste the code in the text area. 8. Click Update preview followed by Save + Close (top right corner).
1 2 3 4 5 Category: Love \| Added by: kchil08 \| Tags: Valentines, Love, cute, Tumblr
Views: 749 \| Downloads: 0 \| Rating: 0.0/0

Total comments: 0

Only registered users can add comments.
[ Sign Up | Log In ]

Section categories

Love [1]

Search

Log In

Our poll

Chat Box

Site friends

Statistics

Total online: 10

Guests: 10

Users: 0