   |
| uCoz Community uCoz Modules Additional Features Cursors (How to change or put a custom cursor ...) |
| Cursors |
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 Example: Code SPAN.help { cursor : help; } Custom cursor: url('path to a cursor'), standard cursor
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. 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.
|
hey,i dont know where i need to that code in CSS.and i dont know where to put that cursor...
|
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
  Added (2008-08-18, 9:04 Pm) David
|
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) |
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
|
related to topics...Guys, if you want a free cursor... click this link.. hope this one will help you on choosing cursors.. good luck
|
i know where to got the cursor...but i dont know where to put that code...!!!in CSS or what?
|
ok so im trying thiss all day
 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   Am i doing summin wrong p.s. i knoow i allrdy created this but i added images here and thanks! |
| |||