Leech's Pc + Net Tips: Effects

Εμφάνιση αναρτήσεων με ετικέτα Effects. Εμφάνιση όλων των αναρτήσεων

Πέμπτη 27 Ιανουαρίου 2011

effect unicodes

≈ @ ⚛ �� ⁂ ✢ ☽ �� ¦ ⚾ �� ⚔ �� ♬ ♫ �� ☕ �� ⤖ ☣ ⚑ ● ⧫ ✒ ☚ ◾ ☗ ★ ☻ • ☎ �� BLOWFISH �� bug ∙ kyklos mikros ☤ caduceus �� camel ♋ cancer ♑ ♠ black spade suit �� cat �� cat face �� cd �� smilin cat ☖ WHITE SHOGI PIECE ♔ WHITE CHESS KING ⛓ chains �� BABY CHICK �� CHICKEN �� hatching �� christ tree ��santa claus ☧tsi ro ◌ ㊱ �� ⏰ �� ⛅ ☁ �� ⊹ ⛏ © ⎈ �� ☪ �� ☨ ✙ ☩ �� ♰ ☦ ✠ † ✝ ♱ ⁜ € ⬥ ⋄ ☸ ♩ ☠ ❣ ❄ ✦ ✢ ⛔ �� $ �� ♏ �� ♪ �� ☺ �� ♀ �� ☙ ⚜ ⚐ �� ⛲ �� ⚢ �� Ϙ ⸎ ⚓ �� ☭ ⚒ ⚡ ⚚ ⛑ ❈ �� heart �� ⌛ ♨ ⛨ �� ⛸ �� ❉ ※ ⚖ ♃ �� ⁕ �� ☿ �� ⌑ �� ☮ �� ⛽ ⁕ �� ☾ �� ♌ �� ♎ ◊

Παρασκευή 24 Δεκεμβρίου 2010

Glitter Effect Mouse Pointer

The head tag begins with this tag: and ends with this tag: . Go to Layout->Edit HTML.

Locate for end head tag () and paste your javascript code above it,

<script type="text/javascript">
// <![CDATA[
var colour="#666666";
var sparkles=40;

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>

then save

Τετάρτη 22 Δεκεμβρίου 2010

Page Peel Effect

</head>

And immediately BEFORE/ABOVE it, paste this code:

In codes red line is the image url you wanna show in add,so make change according to your requirements.

Now find this code:

<body>

And immediately BEFORE/ABOVE it, paste this code:

<div id='pageflip'><a href='http://bdlab.blogspot.com/feeds/posts/default'><img alt='' src='http://www.wallheaven.com/page_flip.png'/></a><div class='msg_block'></div></div>

Now click Save Template

Δευτέρα 20 Δεκεμβρίου 2010

Mouse Fireworks

Insert into

<SCRIPT LANGUAGE="JavaScript1.2">







</script>

Insert into

Κυριακή 19 Δεκεμβρίου 2010

Mouse Banner

Insert into

<style>
.spanstyle {
COLOR: black;
FONT-FAMILY: Verdana;
FONT-SIZE: 8pt;
FONT-WEIGHT: bold;
POSITION: absolute;
TOP: -50px;
VISIBILITY: visible
}
</style>

<SCRIPT LANGUAGE="JavaScript">







</script>

Insert into

<body style="OVERFLOW-X: hidden; OVERFLOW-Y: scroll; WIDTH: 100%" onLoad="makesnake();">



<SCRIPT LANGUAGE="JavaScript">

</script>

Σάββατο 18 Δεκεμβρίου 2010

Cursor Text Trail

Insert into

<style type="text/css">
#divCursor{position:absolute; width:100; height:15;}
</style>
<script type="text/javascript" language="JavaScript">
/********************************************************************************
Copyright (C) 1999 Thomas Brattli
This script is made by and copyrighted to Thomas Brattli at www.bratta.com
Visit for more great scripts. This may be used freely as long as this msg is intact!
I will also appriciate any links you could give me.
********************************************************************************/
//Default browsercheck, added to all scripts!
function checkBrowser(){
   this.ver=navigator.appVersion
   this.dom=document.getElementById?1:0
   this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom)?1:0;
   this.ie4=(document.all && !this.dom)?1:0;
   this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0;
   this.ns4=(document.layers && !this.dom)?1:0;
   this.bw=(this.ie5 || this.ie4 || this.ns4 || this.ns5)
   return this
}
bw=new checkBrowser()
//Set these variables:
fromLeft=10 // How much from the left of the cursor should the div be?
fromTop=10 // How much from the top of the cursor should the div be?

/********************************************************************
Initilizes the objects
*********************************************************************/
function cursorInit(){
   oCursor=new makeCursorObj('divCursor')
   scrolled=bw.ns4 || bw.ns5?"window.pageYOffset":"document.body.scrollTop"
   if(bw.ns4)document.captureEvents(Event.MOUSEMOVE)
   document.onmousemove=move;
}
/********************************************************************
Contructs the cursorobjects
*********************************************************************/
function makeCursorObj(obj,nest){
   nest=(!nest) ? '':'document.'+nest+'.'
    this.css=bw.dom? document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?eval(nest+"document.layers." +obj):0;
   this.moveIt=b_moveIt;
   return this
}
function b_moveIt(x,y){this.x=x; this.y=y; this.css.left=this.x; this.css.top=this.y}
/********************************************************************
Tracking the mousemove and moves the object along.
*********************************************************************/
function move(e){
   x=bw.ns4 || bw.ns5?e.pageX:event.x
   y=bw.ns4 || bw.ns5?e.pageY:event.y
   if(bw.ie4 || bw.ie5) y=y+eval(scrolled)
   oCursor.moveIt(x+fromLeft,y+fromTop)
}
onload=cursorInit;
</script>

Insert into

<div id="divCursor">
   This will follow the mouse
</div>

Παρασκευή 17 Δεκεμβρίου 2010

Document CrossHair

Insert into

<style>

</style>

Insert into

<div id="leftright" style="width:expression(document.body.clientWidth-2)"></div>
<div id="topdown" style="height:expression(document.body.clientHeight-2)"></div>

<script language="JavaScript1.2">

</script>

Πέμπτη 16 Δεκεμβρίου 2010

Cursor X and Y coordinate from your mouse

Insert into

<SCRIPT LANGUAGE="JavaScript">

   ns4 = (document.layers)? true:false
   ie4 = (document.all)? true:false

function init() {
   if (ns4) {document.captureEvents(Event.MOUSEMOVE);}
   document.onmousemove=mousemove;
}
function mousemove(e) {
   if (ns4) {var mouseX=e.pageX; var mouseY=e.pageY}
   if (ie4) {var mouseX=event.x; var mouseY=event.y}
   status="x= "+mouseX+", y= "+mouseY;
}

</SCRIPT>

Insert into

<BODY onLoad="init()">

Τετάρτη 15 Δεκεμβρίου 2010

Cursor Image Trail

Simply insert the below script into the section of your page:

<script type="text/javascript">

/*
Simple Image Trail script- By JavaScriptKit.com
Visit http://www.javascriptkit.com for this script and more
This notice must stay intact
*/

var trailimage=["test.gif", 100, 99] //image path, plus width and height
var offsetfrommouse=[10,-20] //image x,y offsets from cursor position in pixels. Enter 0,0 for no offset
var displayduration=0 //duration in seconds image should remain visible. 0 for always.

if (document.getElementById || document.all)
document.write('<div id="trailimageid" style="position:absolute;visibility:visible;left:0px;top:0px;width:1px;height:1px"><img src="'+trailimage[0]+'" border="0" width="'+trailimage[1]+'px" height="'+trailimage[2]+'px"></div>')

function gettrailobj(){
if (document.getElementById)
return document.getElementById("trailimageid").style
else if (document.all)
return document.all.trailimagid.style
}

function truebody(){
return (!window.opera && document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function hidetrail(){
gettrailobj().visibility="hidden"
document.onmousemove=""

}

function followmouse(e){
var xcoord=offsetfrommouse[0]
var ycoord=offsetfrommouse[1]
if (typeof e != "undefined"){
xcoord+=e.pageX
ycoord+=e.pageY
}
else if (typeof window.event !="undefined"){
xcoord+=truebody().scrollLeft+event.clientX
ycoord+=truebody().scrollTop+event.clientY
}
var docwidth=document.all? truebody().scrollLeft+truebody().clientWidth : pageXOffset+window.innerWidth-15
var docheight=document.all? Math.max(truebody().scrollHeight, truebody().clientHeight) : Math.max(document.body.offsetHeight, window.innerHeight)
if (xcoord+trailimage[1]+3>docwidth || ycoord+trailimage[2]> docheight)
gettrailobj().display="none"
else
gettrailobj().display=""
gettrailobj().left=xcoord+"px"
gettrailobj().top=ycoord+"px"
}

document.onmousemove=followmouse

if (displayduration>0)
setTimeout("hidetrail()", displayduration*1000)

</script>

<p align="left">This free script provided by<br />
<a href="http://javascriptkit.com">JavaScript Kit</a></p>

Be sure to customize the three variables inside script.

Τρίτη 14 Δεκεμβρίου 2010

Cursor Trail

Insert the below into the section of your page:

<style type="text/css">
BODY {overflow-x: hidden;}
</style>

Insert the below into the section of your page:

<script language="JavaScript1.2">

</script>

Δευτέρα 13 Δεκεμβρίου 2010

Cursor Sparker

Insert the below into the section of your page:
<STYLE TYPE="text/css">

</STYLE>

Insert the below into the section of your page:

<DIV ID="div1" CLASS="s1">*</DIV>
<DIV ID="div2" CLASS="s2">*</DIV>
<DIV ID="div3" CLASS="s3">*</DIV>
<DIV ID="div4" CLASS="s4">*</DIV>

<p align="center"><font face="arial" size="-2">This free script provided by</font><br>
<font face="arial, helvetica" size="-2"><a href="http://javascriptkit.com">JavaScript
Kit</a></font></p>

<SCRIPT LANGUAGE="javascript" TYPE="text/javascript">

/*
Script by Mike McGrath- http://website.lineone.net/~mike_mcgrath
Featured on JavaScript Kit (http://javascriptkit.com)
For this and over 400+ free scripts, visit http://javascriptkit.com
*/

//Updated Feb 20th, 08 by JavaScriptKit.com: Script now compatible in IE7/FF

var standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body //create reference to common "body" across doctypes

var nav = (!document.all || window.opera);
var tmr = null;
var spd = 50;
var x = 0;
var x_offset = 5;
var y = 0;
var y_offset = 15;

document.onmousemove = get_mouse;

function get_mouse(e)
{
x = (nav) ? e.pageX : event.clientX+standardbody.scrollLeft;
y = (nav) ? e.pageY : event.clientY+standardbody.scrollTop;
x += x_offset;
y += y_offset;
beam(1);
}

function beam(n)
{
if(n<5)
{
               document.getElementById('div'+n).style.top=y+'px'
               document.getElementById('div'+n).style.left=x+'px'
               document.getElementById('div'+n).style.visibility='visible'
    n++;
    tmr=setTimeout("beam("+n+")",spd);
}
else
{
     clearTimeout(tmr);
     fade(4);
}
}

function fade(n)
{
if(n>0)
{
               document.getElementById('div'+n).style.visibility='hidden'
    n--;
    tmr=setTimeout("fade("+n+")",spd);
}
else clearTimeout(tmr);
}

// -->
</SCRIPT>

Πέμπτη 4 Νοεμβρίου 2010

Effects - Stars 2

Δευτέρα 1 Νοεμβρίου 2010

Get Creative - Change the Pointer on your site

Τετάρτη 27 Οκτωβρίου 2010

Speaker Banner

<div id="sspeakerbanner"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUX0rS9WUhmbD_RPx7WUYd49eCTjd3RQ-ofOmkMBB6nXc-h_KHCJLarYndlYCC7YY_WkxwLElsFV6OfZaUNlDVWPkEh7CGdQ82SlJw-urA37kcN9VKQFrS6NmWQsRNC4GctaqlcqKBOIE/s1600/rthnybanner.png" /> </div><style> #sspeakerbanner{ position:fixed; right:0px; top:0px; } </style>

Τρίτη 26 Οκτωβρίου 2010

Falling Effect - Sun wt Rays

Δευτέρα 25 Οκτωβρίου 2010

Falling Effect - Hearts

<marquee behavior="scroll" direction="down" scrollamount="5" style="position:fixed; left:130px; top:150px; width:16px; height:548px;"><span style="color: red;">&hearts;</span></marquee> <marquee behavior="scroll" direction="down" scrollamount="3" style="position:fixed; left:177px; top:170px; width:16px; height:388px;"><span style="color: red;">&hearts;</span></marquee> <marquee behavior="scroll" direction="down" scrollamount="5" style="position:absolute; left:225px; top:190px; width:16px; height:324px;"><span style="color: red;">&hearts;</span></marquee> <marquee behavior="scroll" direction="down" scrollamount="5" style="position:absolute; left:265px; top:180px; width:16px; height:499px;"><span style="color: red;">&hearts;</span></marquee> <marquee behavior="scroll" direction="down" scrollamount="5" style="position:fixed; left:325px; top:160px; width:16px; height:411px;"><span style="color: red;">&hearts;</span></marquee> <marquee behavior="scroll" direction="down" scrollamount="5" style="position:fixed; left:239px; top:190px; width:16px; height:251px;"><span style="color: red;">&hearts;</span></marquee> <marquee behavior="scroll" direction="down" scrollamount="1" style="position:absolute; left:141px; top:150px; width:16px; height:221px;"><span style="color: red;">&hearts;</span></marquee> <marquee behavior="scroll" direction="down" scrollamount="7" style="position:absolute; left:289px; top:170px; width:16px; height:230px;"><span style="color: red;">&hearts;</span></marquee> <marquee behavior="scroll" direction="down" scrollamount="5" style="position:fixed; left:108px; top:230px; width:16px; height:241px;"><span style="color: red;">&hearts;</span></marquee> <marquee behavior="scroll" direction="down" scrollamount="2" style="position:fixed; left:370px; top:190px; width:16px; height:386px;"><span style="color: red;">&hearts;</span></marquee> <marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:394px; top:150px; width:16px; height:484px;"><span style="color: red;">&hearts;</span></marquee> <marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:430px; top:170px; width:16px; height:442px;"><span style="color: red;">&hearts;</span></marquee> <marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:475px; top:200px; width:16px; height:423px;"><span style="color: red;">&hearts;</span></marquee> <marquee behavior="scroll" direction="down" scrollamount="6" style="position:absolute; left:559px; top:170px; width:16px; height:541px;"><span style="color: red;">&hearts;</span></marquee> <marquee behavior="scroll" direction="down" scrollamount="2" style="position:fixed; left:580px; top:200px; width:16px; height:423px;"><span style="color: red;">&hearts;</span></marquee> <marquee behavior="scroll" direction="down" scrollamount="5" style="position:fixed; left:533px; top:170px; width:16px; height:385px;"><span style="color: red;">&hearts;</span></marquee> <marquee behavior="scroll" direction="down" scrollamount="1" style="position:absolute; left:614px; top:200px; width:16px; height:332px;"><span style="color: red;">&hearts;</span></marquee> <marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:651px; top:250px; width:16px; height:386px;"><span style="color: red;">&hearts;</span></marquee> <marquee behavior="scroll" direction="down" scrollamount="5" style="position:fixed; left:684px; top:290px; width:16px; height:514px;"><span style="color: red;">&hearts;</span></marquee> <marquee behavior="scroll" direction="down" scrollamount="1" style="position:fixed; left:658px; top:180px; width:16px; height:247px;"><span style="color: red;">&hearts;</span></marquee> <marquee behavior="scroll" direction="down" scrollamount="1" style="position:absolute; left:694px; top:160px; width:16px; height:216px;"><span style="color: red;">&hearts;</span></marquee> <marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:738px; top:200px; width:16px; height:392px;"><span style="color: red;">&hearts;</span></marquee> <marquee behavior="scroll" direction="down" scrollamount="1" style="position:fixed; left:753px; top:150px; width:16px; height:544px;"><span style="color: red;">&hearts;</span></marquee> <marquee behavior="scroll" direction="down" scrollamount="5" style="position:fixed; left:800px; top:180px; width:16px; height:404px;"><span style="color: red;">&hearts;</span></marquee>