Falling symbol.
http://ohmysailormoon.tumblr.com/post/52505585242


  Hello, how's your exams? Well mine is pretty... Uhmm. Let's leave that and back to the main topic of this post.. Falling symbol is like a falling snow but it use type symbol. I am going to give you the code for this. If you want to have a falling thing in your blog, you can use this. It's not heavy at all. It doesn't make your blog load and slow like all the other falling things effect. I got this code from http://ocehans.tumblr.com/tuts . Her blog is in Spanish so you don't have to go to her blog to find this. If you have any problems don't hesitate to ask me.

Example :-



  Do you see there's like a music note ♫ falling everywhere? So now for the code. paste this at the top of your blog. Before <style>.


<script type="text/javascript">
/*m4likster*/

// Set the colors for the snow. Add/remove as many colors as you like //
var snowcolor=new Array("#ffffff","#c2a5ac","#c5dce2","#cccccc","#ff003b")

var snowmax=40
var snowtype=new Array("Times")
var snowletter=""
var sinkspeed=0.3
var snowmaxsize=15
var snowminsize=12
var snowingzone=1

// Do not edit below this line //
var snow=new Array()
var marginbottom
var marginright
var timer
var i_snow=0
var x_mv=new Array();
var crds=new Array();
var lftrght=new Array();
var browserinfos=navigator.userAgent
var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)
var ns6=document.getElementById&&!document.all
var opera=browserinfos.match(/Opera/)
var browserok=ie5||ns6||opera

function randommaker(range) {
rand=Math.floor(range*Math.random())
return rand
}


function initsnow() {
if (ie5 || opera) {
marginbottom = document.body.scrollHeight
marginright = document.body.clientWidth-15
}
else if (ns6) {
marginbottom = document.body.scrollHeight
marginright = window.innerWidth-15
}
var snowsizerange=snowmaxsize-snowminsize
for (i=0;i<=snowmax;i++) {
crds[i] = 0;
lftrght[i] = Math.random()*15;
x_mv[i] = 0.03 + Math.random()/10;
snow[i]=document.getElementById("s"+i)
snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)]
snow[i].size=randommaker(snowsizerange)+snowminsize
snow[i].style.fontSize=snow[i].size+'px';
snow[i].style.color=snowcolor[randommaker(snowcolor.length)]
snow[i].style.zIndex=1000
snow[i].sink=sinkspeed*snow[i].size/5
if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size)
snow[i].style.left=snow[i].posx+'px';
snow[i].style.top=snow[i].posy+'px';
}

movesnow()
}

function movesnow() {
for (i=0;i<=snowmax;i++) {
crds[i] += x_mv[i];
snow[i].posy+=snow[i].sink
snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i])+'px';
snow[i].style.top=snow[i].posy+'px';

if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){
if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
snow[i].posy=0
}
}
var timer=setTimeout("movesnow()",50)
}

for (i=0;i<=snowmax;i++) {
document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>")
}
if (browserok) {
window.onload=initsnow
}

</script>

  The purple is a symbol you can choose symbols here.  The blue codes is the codes you can change however you want. You can also change the colour of the things that fall in your blogs. The red is the colour codes that you can change. You can choose the colour here. There is also another source to get the code. You can take the code here too. Credits to http://ocehans.tumblr.com/tuts .

Labels: ,

0 Notes
Wednesday, May 7, 2014