The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

mouse icon

View previous topic View next topic Go down

mouse icon

Post by Kralj on July 22nd 2013, 3:08 pm

how I can use icon for the mouse on my forum, or effects when you move mouse?

Kralj
Forumember

Male Posts : 128
Reputation : 6
Language : Croatian || English || HTML
Location : Croatia

Back to top Go down

Re: mouse icon

Post by XxForumGirlxX on July 23rd 2013, 3:36 am

Hi! I wasn't too sure what you are trying to ask but I will do my best to try and figure out what you're asking!

-Are you trying to put a cursor on your forum?
-Check outhttp://help.forumotion.com/t2266-tutorial-how-to-put-cursor

XxForumGirlxX
Forumember

Female Posts : 193
Reputation : 7
Language : English
Location : USA

http://fcbdsp.forumotion.com

Back to top Go down

Re: mouse icon

Post by Kirbs on July 23rd 2013, 4:11 am

If you are trying to add a cursor just add this to your CSS

Code:
 body {cursor: url(http://i.imm.io/1b7Hc.png), progress;}
A:hover{cursor: url(http://i.imm.io/1b7Hc.png), progress;}


and replace the link you want with the one in the code ( Picture of the cursor link )

Kirbs
Forumember

Posts : 628
Reputation : 18
Language : English

Back to top Go down

Re: mouse icon

Post by Kralj on July 23rd 2013, 4:29 am

Yes, thanks, one more question: can I add some effects when you move cursor? I have image, but I need code for put that.

Kralj
Forumember

Male Posts : 128
Reputation : 6
Language : Croatian || English || HTML
Location : Croatia

Back to top Go down

Re: mouse icon

Post by Kirbs on July 23rd 2013, 4:40 am

go to AP > General > Messages and emails > Annonouncments > Activate annonouncments > YES



Code:
<a href="http://24work.blogspot.com" target="_blank"
title="Blogger Widgets"><img
src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png"
 border="0" alt="Blogger Widgets" style="position:absolute; top: 0px;
right: 0px;" /></a><script type="text/javascript">

// <![CDATA[

var colour="black";

var sparkles=100;



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="3px";

rlef.style.left="0px";

rdow.style.top="0px";

rdow.style.left="3px";

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>

Kirbs
Forumember

Posts : 628
Reputation : 18
Language : English

Back to top Go down

Re: mouse icon

Post by Kralj on July 23rd 2013, 4:57 am

Where put that?

Kralj
Forumember

Male Posts : 128
Reputation : 6
Language : Croatian || English || HTML
Location : Croatia

Back to top Go down

Re: mouse icon

Post by SLGray on July 23rd 2013, 4:58 am

go to AP > General > Messages and emails > Annonouncments > Activate annonouncments > YES
Create an announcement or add it to one you have already.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36691
Reputation : 2445
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum