Cool cursors.
Find backgrounds, web templates, hit counters/stat trackers, and animated icons for your web pages.
Occasionally you need to control the appearance of the mouse pointer (also called the "cursor"). Users expect the cursor to change in certain cases. It changes:
- from an arrow to an I-beam, when passing over selectable text, or
- to a hand when it's over a hyperlink.
Most users don't notice the I-beam, but it isn't long before every surfer knows the hand means "click me!".
Changing cursors.
Fortunately, HTML hyperlinks automatically change the cursor. You don't have to do anything. But, what if you want to give the "click-me" message for something not a hyperlink? Perhaps it's a piece of text. You need the cursor to change to prompt the user to do something.
Watch cursor change (this only works in Internet Explorer).
When you pointed at the paragraph, the mouse pointer changed to the "hand" cursor. This was achieved by attaching a style instruction to the HTML tag enclosing the paragraph...
<p style="cursor:hand">Watch cursor change.</p>
Apply cursor styles to all sorts of objects, such as an image, hyperlink, or text block.
About cursors.
Cursors are small graphics files. Static cursors can be 16x16, 32x32 or 48x48 pixels with a colour depth of up to 256 colours (Windows 2000 and Windows XP can display cursors with up to 32-bit colours). Animated cursors are normally 32x32 pixels. Both types can have transparent backgrounds.
A cursor file has a ".cur" extension, an animated cursor has the extension ".ani".
Create Xanga Myspace cursors.
Create your own cursors when a third-party solution is not suitable. This happens when:
- Your visitors are reluctant to download what appears to be "special software" when they visit your page. Indeed, their security settings may prevent them from doing so. Without ActiveX enabled they won't be prompted to download the required plug-in and without JavaScript enabled the custom cursor will not be displayed.
- You might want to design your own cursor, perhaps a company logo or something specific to the content of your page.
- You might want to display the cursor on just a part of the page, or display different cursors on different parts of the page.
With Internet Explorer 6 you can easily display any cursor of your choice. They can be static or animated. Since the cursor type is determined by the HTML Style property, you can specify exactly where on your page a particular cursor is displayed.
One web page can display as many cursor styles as you need, and the process is independent of any other programming (such as JavaScript) so it will work regardless of the user's security settings.
Use cool cursors.
Cursors allow image importing and exporting. Change color palettes for cursor images. Import cursors using .ico, .ani, .cur, .wmf, .emf, .bmp, .jpg, .jpeg and .gif files. Capture screen. Export cursor images to .cur, .ico, .bmp, .jpg, .rc files. Extract cursors from Windows executables and libraries (.exe, .scr, .cl, .dll, .ocx, .vbx, .dpl, .bpl and other). Export animated cursors as animated GIFs.
Cursor libraries.
Split cursor libraries into items. Create cursor libraries for better and more efficient file storage. Cursors scan files and folders for cursors and deletes identical ones from libraries. Sort cursors in libraries, drag and drop files from Windows Explorer, or other file shells. Drag and drop cursors from one library to another.
Copy and paste cursors in libraries as well as copy and paste images to other applications.
Cursor Types - CSS.
- Crosshair Cursor
- Hand Cursor
- Wait/Hourglass Cursor
- Help Cursor
- Text/Edit Cursor
- Moveable Object Cursor
- Resize Up (North)
- Resize Down (South)
- Resize Right (East)
- Resize Left (West)
- Resize Up + Right (North East)
- Resize Up + Left (North West)
- Resize Down + Right (South East)
- Resize Down + Left (South West)
- Auto Cursor
- System Defalt Cursor
Cool cursors Myspace Xanga animated.
cool cursors Myspace Xanga animated
|
Cursors code.
WHAT TO CHANGE:
Anything specified to RIGHT of code box.
Here's what to do: Take the cursor types and take the snippet of
HTML (below each cursor preview) and insert it into the entire code at bottom of
page.
-
Default (Mouse-over to view)
-
Crosshair (Mouse-over to view)
-
4 Sided Arrow (Mouse-over to view)
-
Text (Mouse-over to view)
-
Hourglass (Mouse-over to view)
-
Help (Mouse-over to view)
-
Double Sided Arrow Vertical (Mouse-over to view)
-
Double Sided Arrow Diagonal (Mouse-over to view)
-
Double Sided Arrow Horizontal (Mouse-over to view)
-
Double Sided Arrow Diagonal 2 (Mouse-over to view)
-
Double Sided Arrow Vertical 2 (Mouse-over to view)
-
Double Sided Arrow Diagonal 3 (Mouse-over to view)
-
Double Sided Arrow Horizontal 2 (Mouse-over to view)
-
Double Sided Arrow Diagonal 3 (Mouse-over to view)
-
Hourglass 2 (Mouse-over to view)
The following ONLY work in Internet Explorer.
-
Hand (Mouse-over to view)
-
"Not Allowed" (Mouse-over to view)
-
"No Drop" (Mouse-over to view)
-
Text 2 (Mouse-over to view)
-
All Scroll (Mouse-over to view)
-
Column Resize (Mouse-over to view)
-
Row Resize (Mouse-over to view)
-
URL (Mouse-over to view)
change URL here to the URL of your cursor.
Entire code - this changes the cursor for
your whole page
change TYPE to a type of
cursor shown above;
Tip: "body" is for your whole page. "a" is for the links.
|