Hey, look at this page:
<!-- m --><a class="postlink" href="http://www.echoecho.com/csscursors.htm">http://www.echoecho.com/csscursors.htm</a><!-- m -->
Well, now my question -- is there a way to change the hyperlink cursor without putting a:
class = "hlink"
in every link?!?!?! I mean can you just put a replacement for the 'hand' cursor?? If there is, please tell me! If there isn't then just tell me there isn't!
BTW: The links are scattered so I can't use <span>...
BattleGuardIf the links are scattered around one particular area of your page, e.g. the main content, you could do this:
In CSS:
#mainContent a
seudo-class {
/* place your cursor style definitions here
This is very similar to your span a {} style you wrote in your tutorial. The space between the #mainContent
and aseudo-class is the decendant selector (which your probably already know).
But this selector works on any tag.
/*
}
In HTML
<div id="mainContent">
All of your main content would go here. You could assign the "mainContent" ID to any block-level tag (td, p, li, ul, th, ol, blockquote, etc...).
</div>Sorry, but I am not a very adept CSS user!??
I don't exactly understand this!! CAn you explain to me exactly what to do?? Thanx!
BattleGuardSorry. I thought you were designing and putting content on the site you linked to.
For right now, I'm assuming that you are using tables to lay out your site. The code below would be a generic table layout for a page:
<html>
<head>
<title>Title of the page</title>
<style type="text/css">
<!--
#mainContent a {
cursor: pointer;
}
-->
</style>
</head>
<body>
<table border="1">
<tr>
<td>Left hand menu</td>
<td id="mainContent">Main Content</td>
<td>Right hand menu</td>
</tr>
</table>
In the <td id="mainContent"> tag, every link inside this table cell would have a pointer cursor. But any link not in this table cell would have the default hand cursor.
More explanation of the CSS:
#mainContent a { ... }
The single space between #mainContent and the letter "a" is called the decendant selector, like I mentioned above.
#mainContent a { cursor: pointer; } literally means: "The cursor will be a pointer (arrow) for every <a href=http://www.webdeveloper.com/forum/archive/index.php/""> tag inside the tag with it's id="" attribute set to "#mainContent."
Lemme know if this helps.Thanx but I figured it out, another way... In the body replacement cursor code, I just replaced the "body" with an "a" as in the linking tag. And I changed it to another cursor!! Thanx for your help!!
Battleguardregarding the site mentioned erlier, I was just wundering (i was just cheking the site out) how does the cursor: url(uri) work. Because it works when I look at the <!-- m --><a class="postlink" href="http://www.echoecho.com/csscursors.htm">http://www.echoecho.com/csscursors.htm</a><!-- m --> page but as soon i take a look at the source and copi the url(uri) attribute into my own stylesheet it dos't work. I even tried to copi the entire html-file from the site and saved it locally om my machine, and it dos't work even thoug that I copied the stylesheet from the <!-- m --><a class="postlink" href="http://www.echoecho.com/csscursors.htm">http://www.echoecho.com/csscursors.htm</a><!-- m --> as well.
Can anyone help me out
asbjoernI added
cursor:url('http://www.echoecho.com/cursor.cur');
To my a:hover element and it worked for me, but since I don't have the .cur file on my computer, it took a while for the cursor to be Download ed or whatnot from echoecho.com and the display on my page. You'd have to have the file directly on your server if you did not want a delay.What you can do, is create a HTML page on your machine and write out a link, like so:
<a href=http://www.webdeveloper.com/forum/archive/index.php/"http://www.echoecho.com/cursor.cur">Cursor</a>
And then click on it. That will allow you to save that cursor to your machine, then you're all set.
As stated in the subject, I'm not exactly sure if you should do this with or without asking the people at <!-- w --><a class="postlink" href="http://www.echoecho.com">www.echoecho.com</a><!-- w -->, because it's probably stealing, and thus illegal. So I wouldn't try this untill you talked to them about it.I see - it works for me as well, the thing I had misunderstood was that I thougth that the url(uri) was a generel css property like hand or crosshair. I was not aware that it was custommade cursor. It arises another quistion though, how do I make my own .cur file. does anaybody know a good appliation for this.
asbjoern
ps. paul jr thanks for your helpMaybe a bit to fast whit the posting of the last q榉宻tion after a search on the net I found this in a 30 day trail version: IconCool Icon Editor 4.0
<!-- m --><a class="postlink" href="http://Download">http://Download</a><!-- m --> .com.com/3001-2195-10241970.html
But if anyone have a sugestion for a freeware I would be interested.
asbjoern
<!-- m --><a class="postlink" href="http://www.echoecho.com/csscursors.htm">http://www.echoecho.com/csscursors.htm</a><!-- m -->
Well, now my question -- is there a way to change the hyperlink cursor without putting a:
class = "hlink"
in every link?!?!?! I mean can you just put a replacement for the 'hand' cursor?? If there is, please tell me! If there isn't then just tell me there isn't!
BTW: The links are scattered so I can't use <span>...
BattleGuardIf the links are scattered around one particular area of your page, e.g. the main content, you could do this:
In CSS:
#mainContent a
seudo-class {/* place your cursor style definitions here
This is very similar to your span a {} style you wrote in your tutorial. The space between the #mainContent
and a
seudo-class is the decendant selector (which your probably already know).But this selector works on any tag.
/*
}
In HTML
<div id="mainContent">
All of your main content would go here. You could assign the "mainContent" ID to any block-level tag (td, p, li, ul, th, ol, blockquote, etc...).
</div>Sorry, but I am not a very adept CSS user!??
I don't exactly understand this!! CAn you explain to me exactly what to do?? Thanx!BattleGuardSorry. I thought you were designing and putting content on the site you linked to.
For right now, I'm assuming that you are using tables to lay out your site. The code below would be a generic table layout for a page:
<html>
<head>
<title>Title of the page</title>
<style type="text/css">
<!--
#mainContent a {
cursor: pointer;
}
-->
</style>
</head>
<body>
<table border="1">
<tr>
<td>Left hand menu</td>
<td id="mainContent">Main Content</td>
<td>Right hand menu</td>
</tr>
</table>
In the <td id="mainContent"> tag, every link inside this table cell would have a pointer cursor. But any link not in this table cell would have the default hand cursor.
More explanation of the CSS:
#mainContent a { ... }
The single space between #mainContent and the letter "a" is called the decendant selector, like I mentioned above.
#mainContent a { cursor: pointer; } literally means: "The cursor will be a pointer (arrow) for every <a href=http://www.webdeveloper.com/forum/archive/index.php/""> tag inside the tag with it's id="" attribute set to "#mainContent."
Lemme know if this helps.Thanx but I figured it out, another way... In the body replacement cursor code, I just replaced the "body" with an "a" as in the linking tag. And I changed it to another cursor!! Thanx for your help!!
Battleguardregarding the site mentioned erlier, I was just wundering (i was just cheking the site out) how does the cursor: url(uri) work. Because it works when I look at the <!-- m --><a class="postlink" href="http://www.echoecho.com/csscursors.htm">http://www.echoecho.com/csscursors.htm</a><!-- m --> page but as soon i take a look at the source and copi the url(uri) attribute into my own stylesheet it dos't work. I even tried to copi the entire html-file from the site and saved it locally om my machine, and it dos't work even thoug that I copied the stylesheet from the <!-- m --><a class="postlink" href="http://www.echoecho.com/csscursors.htm">http://www.echoecho.com/csscursors.htm</a><!-- m --> as well.
Can anyone help me out
asbjoernI added
cursor:url('http://www.echoecho.com/cursor.cur');
To my a:hover element and it worked for me, but since I don't have the .cur file on my computer, it took a while for the cursor to be Download ed or whatnot from echoecho.com and the display on my page. You'd have to have the file directly on your server if you did not want a delay.What you can do, is create a HTML page on your machine and write out a link, like so:
<a href=http://www.webdeveloper.com/forum/archive/index.php/"http://www.echoecho.com/cursor.cur">Cursor</a>
And then click on it. That will allow you to save that cursor to your machine, then you're all set.
As stated in the subject, I'm not exactly sure if you should do this with or without asking the people at <!-- w --><a class="postlink" href="http://www.echoecho.com">www.echoecho.com</a><!-- w -->, because it's probably stealing, and thus illegal. So I wouldn't try this untill you talked to them about it.I see - it works for me as well, the thing I had misunderstood was that I thougth that the url(uri) was a generel css property like hand or crosshair. I was not aware that it was custommade cursor. It arises another quistion though, how do I make my own .cur file. does anaybody know a good appliation for this.
asbjoern
ps. paul jr thanks for your helpMaybe a bit to fast whit the posting of the last q榉宻tion after a search on the net I found this in a 30 day trail version: IconCool Icon Editor 4.0
<!-- m --><a class="postlink" href="http://Download">http://Download</a><!-- m --> .com.com/3001-2195-10241970.html
But if anyone have a sugestion for a freeware I would be interested.
asbjoern