Thursday, February 25, 2010

how to change the cursor on smf forum {any website}

Its possible to change the cursor on any website {on simple machines forum as well}

Lets talk about changing cursor on any website first

Its quite obvious that you need to add/change some code.

Here comes the code for changing the cursor on any web-page

cursor:auto
cursor:crosshair
cursor:default
cursor:e
cursor:help
cursor:move
cursor:n
cursor:ne
cursor:nw
cursor:pointer
cursor:progress
cursor:s
cursor:se
cursor:sw
cursor:text
cursor:w
cursor:wait

Each line of code will change the cursor differently

Ques: Where to add this code in the web-page ?

Ans: In the style-sheet {if you are using an external style sheet for your website}, if you are not using style sheet then just add this code in the head section of the source code


<style type="text/css">
cursor:"whatever from the above list";
</style>

If you want to change the cursor when someone just move the mouse over the links (hover) then the code will be:

<style type="text/css">
a:hover
{
cursor:"what ever from the list above";
}
</style>

Ques: Where to put this code in smf forum ?

Ans: Every theme comes with a css (cascading style sheet file)

open the css file & locate this comment "/* Normal, standard links. */"

find "a:hover" & then add cursor:"what ever from the list above";

Save the css file & upload it to the server to see the changes on live smf forum.

Change the cursor on blog spot {your blog}

login to your blogger account >> go to layout >> go to edit html >>   search for hover >> you will find 2 results >> after the first result add >>

{
    cursor:"what ever from the list above";
  }

Regards
Moin Faraz

0 comments:

Post a Comment