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.

Cursor icon

View previous topic View next topic Go down

Cursor icon

Post by HeLLaViOnX on January 10th 2011, 3:50 pm

Hy,I need help with putting animated cursor on my forum
The link of my forum is http://plausibleforces.forumfreek.com
I know how to put non animated cursor on my website trough css stylesheet,
And i want when i press or slide over the topics,or tabs to be the same cursor icon as i put it in body and html(i think that should be something like cursor in loading state,cursor in question state,cursor in...hope you understand my point)
anyway this is how my css styleesheet looks like,

html {
background: #000 url("xxxxxxx");
/* Height is 100%, so the body can be 100% */
background-stretch:repeat;
background-attachment:fixed;
{cursor: url(http://www.funutilities.com/files/cursors/6/6438/appstarting.gif), progress;}
}

#chatbox_footer {
background-image: url('xxxxxxx');}

body {
background: url("xxxxxxx") no-repeat;
background-position: bottom center;
{cursor: url(http://www.funutilities.com/files/cursors/6/6438/appstarting.gif), progress;}
/* Height is 100%, so the tiled BG will tile all the way down
the page, not just as far down as the page’s content
(when the content’s height is less than the window’s height) */

......

and about animated cursor i find this eye candy cursor wich i want to put it in my forum as default.
this is the link:
http://www.funutilities.com/files/cursors/6/6438/arrow.gif
http://www.funutilities.com/files/cursors/6/6438/appstarting.gif
http://www.funutilities.com/files/cursors/6/6438/wait.gif

i cant menage to make it work because i dont know the "command"
Many thanks Very Happy

HeLLaViOnX
New Member

Posts : 16
Reputation : 0
Language : Croatian

Back to top Go down

Re: Cursor icon

Post by ¶-¶oàng on January 10th 2011, 3:53 pm

Display -> Pictures and Colors -> Colors -> CSS Stylesheet

Code:
BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/link143.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/link140.gif"), auto;}

Sorry if my english is bad Razz


Last edited by ¶-¶oàng on January 10th 2011, 4:06 pm; edited 3 times in total

¶-¶oàng
New Member

Male Posts : 1
Reputation : 0
Language : VietNam
Location : TP ho chi minh

http://dongthoai.ace.st

Back to top Go down

Re: Cursor icon

Post by HeLLaViOnX on January 10th 2011, 3:57 pm

@¶-¶oàng wrote:thanks
hope some information helped you in my css stylesheet,but the reason i did this topic because i need help,i didnt making a tutorial dont think it's for something else Hello
Sorry if my english is bad Embarassed

HeLLaViOnX
New Member

Posts : 16
Reputation : 0
Language : Croatian

Back to top Go down

Re: Cursor icon

Post by Guest on January 10th 2011, 6:24 pm

Code:

body {cursor: url(http://www.funutilities.com/files/cursors/6/6438/appstarting.gif), auto;} A { cursor: url(http://www.funutilities.com/files/cursors/6/6438/appstarting.gif), url(http://www.funutilities.com/files/cursors/6/6438/appstarting.gif), auto;}

try this.

Guest
Guest


Back to top Go down

Re: Cursor icon

Post by HeLLaViOnX on January 10th 2011, 7:29 pm

ok i put the code from ¶-¶oàng , but not working,
than i try to put the code from Gangstar15 wich worked in "And i want when i press or slide over the topics,or tabs to be the same cursor icon as i put it in body and html(i think that should be something like cursor in loading state,cursor in question state,cursor in..."
This is how my css stylesheet looks like now:

Code:
html {
background: #000 url("xxxxxx");
/* Height is 100%, so the body can be 100% */
background-stretch:repeat;
background-attachment:fixed;
{cursor: url(http://www.funutilities.com/files/cursors/6/6438/appstarting.gif), auto;}
}


#chatbox_footer {
  background-image: url('xxxxx');}

body {
background: url("xxxxxxx") no-repeat;
background-position: bottom center;

body {cursor: url(http://www.funutilities.com/files/cursors/6/6438/appstarting.gif), auto;} A { cursor:
url(http://www.funutilities.com/files/cursors/6/6438/appstarting.gif),
url(http://www.funutilities.com/files/cursors/6/6438/appstarting.gif), auto;}

/* Height is 100%, so the tiled BG will tile all the way down
 the page, not just as far down as the page’s content
 (when the content’s height is less than the window’s height) */
}

/*
Hackety-hack-hack…
FF2, with the above code, will only display the repeat-y image for as
 high as the window’s viewport is; higher content (upon
 scrolling) will not have the bg.
This "hack" makes the tiled background work properly in FF2.
This type of "advanced selector" is not understood by IE6…dunno
 ’bout IE7.
*/

html>body {
 min-height: 100%;
 width: auto;
}


div.t16 {font-size: 16pt}
div.t9 {font-size: 9pt}
div.t12 {font-size: 11pt}

But im interested how to make cursor on forum like this one in the page http://www.funutilities.com/files/cursors/6/6438/appstarting.gif
Anyway Gangstar15 and ¶-¶oàng thanks for helping me out Love

HeLLaViOnX
New Member

Posts : 16
Reputation : 0
Language : Croatian

Back to top Go down

Re: Cursor icon

Post by Guest on January 10th 2011, 8:45 pm

you can change the cursor when you hover over links or what ever, by changing the the second link in the code i gave you (:

Guest
Guest


Back to top Go down

Re: Cursor icon

Post by HeLLaViOnX on January 10th 2011, 8:58 pm

ok i understand you that,much thanks for that but what about animated cursor wich is gona be default on my forum?
Just tell me if you know is that possible and if not its ok,im fine with this =)
And tell me is it possible to donate trough paypal?
Thanks ^^ Very good

HeLLaViOnX
New Member

Posts : 16
Reputation : 0
Language : Croatian

Back to top Go down

Re: Cursor icon

Post by Guest on January 10th 2011, 9:02 pm

The default cursor is in the code i gave you (:
it u want more cursors visit Cursors 4u


Yes its possible (:

Guest
Guest


Back to top Go down

Re: Cursor icon

Post by HeLLaViOnX on January 11th 2011, 6:55 pm

ok thanks for that.
I cant menage to put animated cursor

I have this Universal CSS/HTML Code from cursors 4u
Code:
<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-3/cur222.ani), progress;}</style><a href="http://www.cursors-4u.com/cursor/2009/02/28/animated-dance-dance-revolution-ddr-red.html" target="_blank" title="Animated Dance Dance Revolution DDR Red"><img src="http://cursors-4u.com/support.gif" border="0" alt="Animated Dance Dance Revolution DDR Red" style="position:absolute; top: 0px; right: 0px;" /></a>

the thing what i do is just take the link of cursor and put it in my css stylesheet;
Code:
body {cursor: url(http://cur.cursors-4u.net/cursors/cur-3/cur222.ani), auto;} A { cursor:
url(http://cur.cursors-4u.net/cursors/cur-3/cur222.ani),
url(http://cur.cursors-4u.net/cursors/cur-3/cur222.ani), auto;}

THANKS! Smile

HeLLaViOnX
New Member

Posts : 16
Reputation : 0
Language : Croatian

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