• Page 1 of 3
  • 1
  • 2
  • 3
  • »
uCoz Community » uCoz Modules » Additional Features » Cursors (How to change or put a custom cursor ...)
Cursors
Sunny
Posts: 9296
Reputation: 456

Message # 1 | 10:46 AM
Cursor appearance is determined by the CSS property cursor.

CSS property cursor allows to set own cursor appearance for page elements, and one can use both standard cursors and custom cursors (CUR files or SVG cursors).

CSS property cursor is a property for changing cursor appearance.

For the sake of simplicity, let’s divide cursors into groups.

Standard cursors
auto – default cursor for the current element.
crosshair - simple crosshair (resembling "+" character).
default - cursor, used by default on the given platform. It is often represented by an arrow.
pointer - cursor is represented as a pointer, designating a link.
move - cursor, which determines an object that can be moved.
e-resize, ne-resize, nw-resize, n-resize, se-resize, sw-resize, s-resize, w-resize - cursors, indicating possibility to move some edge of an object.
text - cursor, indicating the text that can be highlighted. It is often represented by a vertical line "|".
wait - cursor, meaning that program is busy and a user should wait. It is often represented by a dial or a sand glass.
help - cursor, meaning that there is help information for the pointed object. It is often represented as a question mark or a balloon.

Example:

Code
SPAN.help { cursor : help; }

Custom cursor:
You may need a cursor with unusual appearance. Then you should specify the following as a cursor property value:

url('path to a cursor'), standard cursor
Examples:

Code

P { cursor : url("my.cur"), text; }    
P { cursor : url("my.svg"), url("my.cur"), auto; }

When a browser meets definition of a custom cursor, it tries to image the first cursor from the list. If the first cursor cannot be imaged, then the browser tries to use the next cursor on the list. Note, that there must always be some standard cursor at the bottom of the list of custom cursors, in case not one of custom cursors can be imaged.

As a custom cursor, one can use CUR, ANI files or SVG cursors. SVG cursor is a platform-independent custom cursor, where the cursor itself is an image file. It is recommended to use PNG format, for it supports transparency mask via alpha-channel, however GIF may be used as well, for it supports 2-bit transparency. In another image format is used, which doesn’t support transparency neither via alpha-channel nor through assigning a separate color in the capacity of a transparent one, then the cursor will be imaged as a non-transparent square area. It is necessary to use at least two colors for a cursor, so that it was distinguishable on various backgrounds.

Custom cursors are supported starting with IE6, Firefox 1.5. Firefox 1.5 supports CUR and SVG cursors, and doesn’t support ANI format. IE supports CUR and ANI formats, but doesn’t support SVG cursors.

The property cursor is inherited.
There is also such value as "inherit". It indicates that a property is inherited from a parent element.
Default value for cursor property: auto

Use custom cursors if there is a real reason to do it. Remember, that standard cursors are usual and understandable for users.


I'm not active on the forum anymore. Please contact other forum staff.
vidok
Posts: 1
Reputation: 0

Message # 2 | 8:56 AM
i dont know how to do that can you show me where i need to replace that code in CSS. I know where it is bu idontk now where i need to put this cursor cry
Hack-Trilogy
Posts: 7
Reputation: 2

Message # 3 | 5:56 AM
hey,i dont know where i need to that code in CSS.and i dont know where to put that cursor... sad
Sunny
Posts: 9296
Reputation: 456

Message # 4 | 8:54 AM
Control panel - Customize design - Style sheet (CSS) - find there cursor
I'm not active on the forum anymore. Please contact other forum staff.
iloverock
Posts: 1
Reputation: 0

Message # 5 | 3:04 AM
but wer can i get some cursors please help me im just a kid with a dream that he would have a nice chatting site with his friends and music preaty please happy smile smile smile smile smile smile smile smile smile smile smile smile smile

Added (2008-08-18, 9:04 Pm)
---------------------------------------------
i realy dont get it hmmm i hopem that some1 could finish my site please happy i just want a chatbox happy
please please look at my site it is very awful Y_Y sad iloverock.ucoz.com huhuhu


David
Armaros
Posts: 1424

Message # 6 | 3:05 AM
No one will do work for you. Read info & try to do it yourself.

EDIT: Wait, first you are about cursors, but now about chat box? Just install tag board. And no one will finish your work, sorry.

Post edited by Armaros - Tuesday, 2008-08-19, 3:07 AM
Hack-Trilogy
Posts: 7
Reputation: 2

Message # 7 | 7:50 AM
a.noun:link {text-decoration:none; color:#AF0101}
a.noun:active {text-decoration:none; color:#AF0101}
a.noun:visited {text-decoration:none; color:#AF0101}
a.noun:hover {text-decoration:none; color:#999999}
.mframe1 {padding:2 10 30 10px;}
hr {color:#570000;height:1px;}
label {cursor:crosshair;cursor:hand}

it is like this?i change that word into crosshair but it not working...

Added (2008-08-20, 1:50 Am)
---------------------------------------------
Come and See.You Can Adjust Too.


pwg
Posts: 6
Reputation: -1

Message # 8 | 8:01 PM
Where should I change here that I bring to my cursor?

Code
/* General Style */

a:link {text-decoration:none; color:#FBEAB2;}
a:active {text-decoration:none; color:#FBEAB2;}
a:visited {text-decoration:none; color:#FBEAB2;}
a:hover {text-decoration:none; color:#F17C1C;}

td, body {font-family:verdana,arial,helvetica; font-size:8pt; color:#FFFFFF}
form {padding:0px;margin:0px;}
input,textarea,select {vertical-align:middle; font-size:8pt; font-family:verdana,arial,helvetica;}
.copy {font-size:7pt;}

a.noun:link {text-decoration:none; color:#FBEAB2}
a.noun:active {text-decoration:none; color:#FBEAB2}
a.noun:visited {text-decoration:none; color:#FBEAB2}
a.noun:hover {text-decoration:none; color:#F17C1C}
.mframe1 {padding:2 10 30 10px;}
hr {color:#E6E8EA;height:1px;}
label {cursor:pointer;cursor:hand}

.blocktitle {font-family:Verdana,Sans-Serif;color:#FFFFFF;font-size:13px;font-weight:bold; padding-left:22px; background: url('http://src.ucoz.ru/t/171/21.gif') no-repeat 5px 2px;}

.menut0 {background:#585858;border-top:1px solid #FFFFFF;border-right:1px solid #FFFFFF;}
.menut {padding:2 3 3 15px;background:#868686;border-top:1px solid #FFFFFF;border-right:1px solid #FFFFFF;border-bottom:4px solid #FFFFFF;}
.mframe {padding:2 0 30 30px;}
.bannerTable {width:468;height:60;background:#868686;border-top:1px solid #FFFFFF;border-left:1px solid #FFFFFF;border-bottom:4px solid #FFFFFF;}

.menu1 {font-weight:bold;font-size:8pt;font-family:Arial,Sans-Serif;}
a.menu1:link {text-decoration:none; color:#FBEAB2}
a.menu1:active {text-decoration:none; color:#FBEAB2}
a.menu1:visited {text-decoration:none; color:#FBEAB2}
a.menu1:hover {text-decoration:none; color:#F17C1C}
/* ------------- */

/* Menus */
ul.uz {list-style: none; margin: 0 0 0 0; padding-left: 0px;}
li.menus {margin: 0; padding: 0 0 0 17px; background: url('http://src.ucoz.ru/t/171/22.gif') no-repeat 0px 3px; margin-bottom: .6em;}
/* ----- */

/* Main Menu */
.m {font-weight:normal;}
a.m:link {text-decoration:none; color:#FBEAB2}
a.m:active {text-decoration:none; color:#FBEAB2}
a.m:visited {text-decoration:none; color:#FBEAB2}
a.m:hover {text-decoration:none; color:#F17C1C}

.ma {font-weight:bold;}
a.ma:link {text-decoration:none; color:#F17C1C}
a.ma:visited {text-decoration:none; color:#F17C1C}
a.ma:hover {text-decoration:none; color:#FFFFF}
li.m {margin: 0; padding: 0 0 0 17px; background: url('http://src.ucoz.ru/t/171/22.gif') no-repeat 0px 3px; margin-bottom: .6em;}
/* --------- */

/* Module Part Menu */
.catsTd {padding: 0 0 3px 17px; background: url('http://src.ucoz.ru/t/171/22.gif') no-repeat 0px 3px; margin-bottom: .6em;}
.catNumData {font-size:7pt;color:#D8D5D5;}
.catDescr {font-size:7pt; padding-left:10px;}
a.catName:link {text-decoration:none; color:#FBEAB2;}
a.catName:visited {text-decoration:none; color:#FBEAB2;}
a.catName:hover {text-decoration:none; color:#F17C1C;}
a.catName:active {text-decoration:none; color:#FBEAB2;}
a.catNameActive:link {text-decoration:none; color:#FBEAB2;}
a.catNameActive:visited {text-decoration:none; color:#FBEAB2;}
a.catNameActive:hover {text-decoration:none; color:#F17C1C;}
a.catNameActive:active {text-decoration:none; color:#FBEAB2;}
/* ----------------- */

/* Entries Style */
.eBlock {border:3px double #464646;background:#292929;}
.eTitle {font-family:Verdana,Arial,Sans-Serif;font-size:13px;font-weight:bold;color:#EBEBEB; padding: 0 0 0 21px; background: url('http://src.ucoz.ru/t/171/21.gif') no-repeat 0px 2px;}
.eTitle a:link {text-decoration:none; color:#FBEAB2;}
.eTitle a:visited {text-decoration:none; color:#FBEAB2;}
.eTitle a:hover {text-decoration:none; color:#F17C1C;}
.eTitle a:active {text-decoration:none; color:#FBEAB2;}
.eMessage {color:#EBEBEB;}
.eText {text-align:justify; padding:5px;border-top:1px dashed #EFEFEF;}

.eDetails {border-top:1px dashed #464646;color:#DDDDDD;padding-bottom:5px;padding-top:3px;text-align:left;font-size:7pt;}
.eDetails1 {border-top:1px dashed #464646;color:#DDDDDD;padding-bottom:5px;padding-top:3px;text-align:left;font-size:8pt;}
.eDetails2 {border-top:1px dashed #464646;color:#DDDDDD;padding-bottom:5px;padding-top:3px;text-align:left;font-size:8pt;}

.eRating {font-size:7pt;}
.eAttach {margin: 16px 0 0 0; padding: 0 0 0 15px; background: url('http://src.ucoz.ru/t/171/23.gif') no-repeat 0px 0px;}
/* --------------- */

/* Entry Manage Table */
.manTable {border:3px double #464646;background:#292929;}
.manTdError {color:#FF0000;}
.manTd1 {}
.manTd2 {}
.manTd3 {}
.manTdSep {}
.manHr {}
.manTdBrief {}
.manTdText {}
.manTdFiles {}
.manFlFile {}
.manTdBut {}
.manFlSbm {}
.manFlRst {}
.manFlCnt {}
/* ------------------ */

/* Comments Style */
.cAnswer {color:#F4F5F7;padding-left:15px;padding-top:4px;font-style:italic;}
.cBlock1 {border:3px double #464646;background:#292929;}
.cBlock2 {border:3px double #464646;background:#292929;}
/* -------------- */

/* Comments Form Style */
.commTable {border-top:1px solid #FFFFFF;}
.commTd1 {color:#FFFFFF;font-weight:bold;padding-left:5px;}
.commTd2 {padding-bottom:2px;}
.commFl {width:100%;color:#000000;background:#CACED2;border:1px solid #FFFFFF;}
.smiles {border:1px solid #464646; background:#292929;}
.commReg {padding: 10 0 10 0px; text-align:center;}
.commError {color:#FF0000;}
.securityCode {color:#000000;background:#CACED2;border:1px solid #FFFFFF;}
/* ------------------- */

/* News/Blog Archive Menu */
.archLi {padding: 0 0 3px 10px; background: url('http://src.ucoz.ru/t/171/24.gif') no-repeat 0px 4px;}
.archActive {color:#FFFFFF;}
a.archLink:link {text-decoration:underline; color:#FFFFFF;}
a.archLink:visited {text-decoration:underline; color:#FFFFFF;}
a.archLink:hover {text-decoration:none; color:#D8D5D5;}
a.archLink:active {text-decoration:none; color:#D8D5D5;}
/* ---------------------- */

/* News/Blog Archive Style */
.archiveCalendars {text-align:center;color:#CACBCC;}
.archiveDateTitle {font-weight:bold;color:#FFFFFF;padding-top:15px;}
.archEntryHr {width:250px;color:#DDDDDD;}
.archiveeTitle li {margin-left: 15px; padding: 0 0 0 15px; background: url('http://src.ucoz.ru/t/171/25.gif') no-repeat 0px 2px; margin-bottom: .6em;}
.archiveEntryTime {width:65px;font-style:italic;}
.archiveEntryComms {font-size:9px;color:#C3C3C3;}
a.archiveDateTitleLink:link {text-decoration:none; color:#FFFFFF}
a.archiveDateTitleLink:visited {text-decoration:none; color:#FFFFFF}
a.archiveDateTitleLink:hover {text-decoration:underline; color:#FFFFFF}
a.archiveDateTitleLink:active {text-decoration:underline; color:#FFFFFF}
.archiveNoEntry {text-align:center;color:#CACBCC;}
/* ------------------------ */

/* News/Blog Calendar Style */
.calMonth {background:#1B1B1B; border: 1px solid #292929;}
.calWday {color:#808080; background:#464646; width:18px;}
.calWdaySe {color:#1B1B1B; background:#808080; width:18px;}
.calWdaySu {color:#1B1B1B; background:#808080; width:18px; font-weight:bold;}
.calMday {color:#868686;background:#292929;}
.calMdayA {color:#FFFFFF;background:#F17C1C;}
.calMdayIs {color:#EBEBEB;background:#444444;font-weight:bold;}
.calMdayIsA {color:#FFFFFF;border:1px solid #808080; background:#F17C1C;font-weight:bold;}
a.calMonthLink:link,a.calMdayLink:link {text-decoration:none; color:#EBEBEB;}
a.calMonthLink:visited,a.calMdayLink:visited {text-decoration:none; color:#EBEBEB;}
a.calMonthLink:hover,a.calMdayLink:hover {text-decoration:underline; color:#EBEBEB;}
a.calMonthLink:active,a.calMdayLink:active {text-decoration:underline; color:#000000;}
/* ------------------------ */

/* Poll styles */
.pollBut {width:110px;}

.pollBody {padding:7px; margin:0px; background:#1B1B1B}
.textResults {background:#EBEBEB}
.textResultsTd {background:#868686}

.pollNow {background:#FFFFFF}
.pollNowTd {background:#868686}

.totalVotesTable {}
.totalVotesTd {background:#868686}
/* ---------- */

/* User Group Marks */
a.groupModer:link,a.groupModer:visited,a.groupModer:hover {color:yellow;}
a.groupAdmin:link,a.groupAdmin:visited,a.groupAdmin:hover {color:pink;}
a.groupVerify:link,a.groupVerify:visited,a.groupVerify:hover {color:#99CCFF;}
/* ---------------- */

/* Other Styles */
.replaceTable {background:#464646;height:100px;width:300px;border:1px solid #292929;}
.replaceBody {background:#1B1B1B;}
.legendTd {font-size:7pt;}
/* ------------ */

Site de Counter-Strike http://pwg.ucoz.org
Kron_old
Posts: 117
Reputation: 52

Message # 9 | 9:08 AM
Quote (pwg)
Where should I change here that I bring to my cursor?

read CSS docs.
Hack-Trilogy
Posts: 7
Reputation: 2

Message # 10 | 3:48 AM
oh come on...no one will answer my question?
classic007
Posts: 22
Reputation: 0

Message # 11 | 10:22 AM
related to topics...Guys, if you want a free cursor... click this link.. hope this one will help you on choosing cursors.. good luck smile

http://www.myspacecursor.net/


check my page at Geeks
My webpage
with uCoz since 2008
Hack-Trilogy
Posts: 7
Reputation: 2

Message # 12 | 8:37 AM
i know where to got the cursor...but i dont know where to put that code...!!!in CSS or what?
Sunny
Posts: 9296
Reputation: 456

Message # 13 | 9:43 AM
Hack-Trilogy, yes, in CSS.
I'm not active on the forum anymore. Please contact other forum staff.
iLee
Posts: 111
Reputation: 0

Message # 14 | 11:37 AM
Dangit. Wish i saw this guide when i did mine. I implanted the cursor into every code sheet. lol But it was very effective and worked.
Use your brain before you post ~Lee
Please use search, ~Lee
Asifnur
Posts: 18
Reputation: -1

Message # 15 | 9:58 PM
ok so im trying thiss all day cry
i wanna change my regular pointerr to a custom one
ok first i downloaded a cursor, format: .cur

ok then i uploaded it on my site..

then i dont know wht to do im very confused here wacko

Am i doing summin wrong
im soo stuck

p.s. i knoow i allrdy created this but i added images here

and thanks!
pls help

uCoz Community » uCoz Modules » Additional Features » Cursors (How to change or put a custom cursor ...)
  • Page 1 of 3
  • 1
  • 2
  • 3
  • »
Search: