The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

mouse icon

4 posters

Go down

mouse icon Empty mouse icon

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

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

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

Back to top Go down

mouse icon Empty Re: mouse icon

Post by XxForumGirlxX 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 out https://help.forumotion.com/t2266-tutorial-how-to-put-cursor
avatar
XxForumGirlxX
Forumember

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

http://fcbdsp.forumotion.com

Back to top Go down

mouse icon Empty Re: mouse icon

Post by Kirbs 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
Kirbs
Forumember

Posts : 628
Reputation : 18
Language : English

Back to top Go down

mouse icon Empty Re: mouse icon

Post by Kralj 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
Kralj
Forumember

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

Back to top Go down

mouse icon Empty Re: mouse icon

Post by Kirbs 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
Kirbs
Forumember

Posts : 628
Reputation : 18
Language : English

Back to top Go down

mouse icon Empty Re: mouse icon

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

Where put that?
Kralj
Kralj
Forumember

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

Back to top Go down

mouse icon Empty Re: mouse icon

Post by SLGray 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.


mouse icon Slgray10

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

Male Posts : 51464
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Back to top

- Similar topics

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