Install a Cursor
4 posters
Page 1 of 1
Install a Cursor
I read the tutorial at: https://help.forumotion.com/tricks-tips-f32/tutorial-how-to-put-cursor-t2266.htm
But it seem's that the tutorial shown is not working on my forum: www.suzuki-thunder.net
Javascript has been enabled but still the cursor does not shown. Below is the code that I am adding to my Site Description:
Anyone can help me???
But it seem's that the tutorial shown is not working on my forum: www.suzuki-thunder.net
Javascript has been enabled but still the cursor does not shown. Below is the code that I am adding to my Site Description:
- Code:
<style>body {cursor: url (http://www.123cursors.com/freecursors/5643.ani);} a {cursor: url (http://www.123cursors.com/freecursors/5643.ani);}</style>
Anyone can help me???
Re: Install a Cursor
I'm not quite sure, but to my knowledge ".ani" cursors are not supported by firefox, I'd recommend to use ".ico" (".cur" or unanimated ".gifs" should work as well) instead.
Furthermore, I advise you to place the code directly into the CSS (Display / Colors / CSS Stylesheet), with the proper syntax:
Furthermore, I advise you to place the code directly into the CSS (Display / Colors / CSS Stylesheet), with the proper syntax:
- Code:
body{cursor: url (CURSORS ADDRESS), auto;}
a{cursor: url (CURSOR ADDRESS), pointer;}
zakir321- New Member
- Posts : 0
Reputation : 2
Language : english
Re: Install a Cursor
This is what I use.
Add that in your forum description and for the hover script.
Follow the instructions again. I hope this helped.
- Code:
<style type=text/css>body {cursor: url(ENTER_URL_OF_CURSOR_HERE); }</style><br />
Add that in your forum description and for the hover script.
- Code:
<style> A:hover{cursor: url(ENTER_URL_OF_CURSOR_HERE); }</style><br />
Follow the instructions again. I hope this helped.
snowranger- New Member
- Posts : 1
Reputation : 0
Language : English
Re: Install a Cursor
i tried using both of your suggestions but the cursor didn't change..~_~
i used this..
and this...
my whole css code looks like this
i used this..
- Code:
<style type=text/css>body {cursor: url(http://www.debidawn.com/rosesani.gif); }</style><br> <style> A:hover{cursor: url(http://cursors4.totallyfreecursors.com/thumbnails/dolphin.gif); }</style>
and this...
- Code:
body{cursor: url (http://www.debidawn.com/rosesani.gif), auto;}
a{cursor: url (http://cursors4.totallyfreecursors.com/thumbnails/dolphin.gif), pointer;}
my whole css code looks like this
- Spoiler:
- Code:
body {
background-color: #000000;
background-image: url("http://i271.photobucket.com/albums/jj139/sujusahoe/sjsahoeoctbggn6.jpg");
background-attachment: fixed;
scrollbar-face-color: #;
scrollbar-highlight-color: #;
scrollbar-shadow-color: #;
scrollbar-3dlight-color: #;
scrollbar-arrow-color: #;
scrollbar-track-color: #;
scrollbar-darkshadow-color: #;
}
th,td,p {
font-family: Verdana,Arial,Helvetica,sans-serif }
a img {
border: none;
}
a:link,a:active,a:visited {
color : #e03600;
}
a:hover{
text-decoration: underline;
color : #d0624e;
}
hr{
height: 0px;
border: solid #ffffff 0px;
border-top-width: 1px;
}
.bodyline{
background-color: transparent;
border: 0px #ffffff solid;
}
.bodylinewidth {
width:ipx}
.forumline{
background-color: #000000;
border: 2px #c30000 dotted;
}
td.row1{
background-color: #ffffff;
}
td.row2{
background-color: #ffffff;
}
td.row3{
background-color: #ffffff;
}
td.rowpic {
background-color: #ffffff;
background-image: url("");
}
th {
color: #d10000;
font-size: 11px;
font-weight : bold;
background-color: #000000;
height: 25px;
background-image: url("");
}
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
background-image: url("http://i271.photobucket.com/albums/jj139/sujusahoe/haebar.jpg");
background-color:#ffffff;
border: #ffffff;
border-style: dotted;
height: 28px;
}
td.cat,td.catHead,td.catBottom {
height: 29px;
border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
font-weight: bold;
border: #ffffff;
border-style: dotted;
height: 28px;
}
td.row3Right,td.spaceRow {
background-color: #ffffff;
border: #ffffff;
border-style: dotted;
}
td.pourcentback {
background-color : #000000;
}
th.thHead,td.catHead {
font-size: 12px;
border-width: 1px 1px 0px 1px;
}
th.thSides,td.catSides,td.spaceRow {
border-width: 0px 1px 0px 1px;
}
th.thRight,td.catRight,td.row3Right {
border-width: 0px 1px 0px 0px;
}
th.thLeft,td.catLeft {
border-width: 0px 0px 0px 1px;
}
th.thBottom,td.catBottom {
border-width: 0px 1px 1px 1px;
}
th.thTop {
border-width: 1px 0px 0px 0px;
}
th.thCornerL {
border-width: 1px 0px 0px 1px;
}
th.thCornerR {
border-width: 1px 1px 0px 0px;
}
.maintitle, .maintitle h1{
font-weight: bold;
font-size: 22px;
font-family: TrebuchetMS,Verdana,Arial,Helvetica,sans-serif;
text-decoration: none;
line-height : 120%;
color : #00030a;
}
.forumline .row1,.forumline .row2,.forumline .row3,.forumline .row3Right {
padding: 2px;
}
.forumline td.pagination {
padding:0;
}
.maintitle h1 {
margin: 0;
padding: 0;
display: inline;
}
.gen {
font-size : 12px;
}
.genmed {
font-size : 11px;
}
.gensmall {
font-size : 10px;
}
.gen,.genmed,.gensmall {
color : #00030a;
}
a.gen,a.genmed,a.gensmall {
color: #e03600;
text-decoration: none;
}
a.gen:hover,a.genmed:hover,a.gensmall:hover{
color: #d0624e;
text-decoration: none;
}
.mainmenu{
font-size : 11px;
color : #ffffff }
a.mainmenu{
text-decoration: none;
color : #e03600;
}
a.mainmenu:hover{
text-decoration: underline;
color : #d0624e;
}
.cattitle{
font-weight: bold;
font-size: 12px ;
letter-spacing: 1px;
color : #e03600}
h1.cattitle {
margin:0;
padding: 0;
display:inline;
}
a.cattitle{
text-decoration: none;
color : #006699;
display:none
}
a.cattitle:hover{
text-decoration: none;
}
.forumlink{
font-weight: bold;
font-size: 12px;
color : #e03600;
}
a.forumlink {
text-decoration: none;
color : #e03600;
}
a.forumlink:hover{
text-decoration: none;
color : #d0624e;
}
.nav{
font-weight: bold;
font-size: 11px;
color : #00030a;
}
a.nav{
text-decoration: none;
color : #e03600;
}
a.nav:hover{
text-decoration: none;
}
.topictitle,h1,h2{
font-weight: bold;
font-size: 11px;
color : #00030a;
}
div.topictitle {
display: inline;
}
h2.topic-title {
display: inline;
margin: 0;
padding: 0;
}
a.topictitle:link{
text-decoration: none;
color : #e03600;
}
a.topictitle:visited{
text-decoration: none;
color : #6e6673;
}
a.topictitle:hover{
text-decoration: underline;
color : #d0624e;
}
.name{
font-size : 11px;
color : #00030a;
}
.postdetails{
font-size : 10px;
color : #00030a;
}
.postbody{
font-size : 12px;
line-height: 18px}
a.postlink:link{
text-decoration: none;
color : #e03600 }
a.postlink:visited{
text-decoration: none;
color : #6e6673;
}
a.postlink:hover{
text-decoration: underline;
color : #d0624e}
.code{
font-family: Courier,CourierNew,sans-serif;
font-size: 11px;
color: #3682e2;
background-color: #ffffff;
border: #ffffff;
border-style: solid;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px}
.quote{
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 11px;
color: #19d7b8;
line-height: 125%;
background-color: #ffffff;
border: #ffffff;
border-style: solid;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px}
.copyright{
font-size: 10px;
font-family: Verdana,Arial,Helvetica,sans-serif;
color: #e03600;
letter-spacing: -1px;
}
a.copyright{
color: #e03600;
text-decoration: none;
}
a.copyright:hover {
color: #d0624e;
text-decoration: underline;
}
.coloradmin {
color: #203c81}
.colormod {
color: #3682e2}
h1.pagetitle {
display: inline;
margin: 0;
padding: 0;
font-size: 12px;
color: #d10000;
}
h1.title2 {
font-size: 11px;
}
.secondarytitle,.secondarytitle h2 {
margin: 0;
padding: 0;
color: #d10000;
}
.secondarytitle h2 {
display:inline;
}
.nav h1 {
display: inline;
}
.hierarchy {
display: inline;
text-transform: none;
border: none;
font-size: 10px;
}
.mod-text {
font-weight: bold;
}
img{
border:0}
input,textarea, select {
color : #00030a;
font: normal 11px Verdana,Arial,Helvetica,sans-serif;
border-color : #00030a;
}
input.post, textarea.post, select {
background-color : #ffffff;
}
input {
text-indent : 2px;
}
input.button {
background-color : #ffffff;
color : #00030a;
font-size: 11px;
font-family: Verdana,Arial,Helvetica,sans-serif;
}
input.mainoption {
background-color : #ffffff;
font-weight : bold;
}
input.liteoption {
background-color : #ffffff;
font-weight : normal;
}
.helpline {
background-color: #ffffff;
border-style: none;
}
input {
background-color: #ffffff;
}
button.button2, input.button2 {
font-size: 0.7em;
border: 1px solid #BCBCBC;
width: auto !important;
padding: 1px 0px;
font-family: Verdana,Arial,Helvetica,sans-serif;
color: #000000;
background-repeat: repeat-x;
background-color: #FAFAFA;
background-image: url('http://2img.net/i/fa/prosilver/bg_button.gif');
background-position: top;
overflow: visible;
vertical-align:middle;
}
button.button2:hover, input.button2:hover {
border: 1px solid #d0624e;
color: #d0624e;
background-position: 0 100%;
}
* html button.button2, * html input.button2 {
padding-bottom: 0;
margin-bottom: 1px;
height: 24px;
padding-right: 3px;
padding-left: 3px;
}
*+html button.button2, *+html input.button2 {
height: 24px;
padding-right: 3px;
padding-left: 3px;
}
*+html button.button2 img {
vertical-align: middle;
}
* html button.button2 img {
vertical-align: middle;
}
button.bbcode {
border: 1px solid #e3adad;
background-image: url("http://2img.net/i/fa/wysiwyg/bg_button.png");
}
.select {
background-color: #FFFFFF;
border: 1px solid #BCBCBC;
position: absolute;
z-index:100;
top: 0;
left: 0;
overflow: hidden;
width: 0px;
}
.selectHover {
cursor: pointer;
background-color: #EEEEEE;
}
.select p {
padding: 4px 6px;
font-size: 0.7em;
margin: 0px;
white-space: nowrap;
text-align: left;
}
.select button {
padding: 4px;
font-size: 0.9em;
margin: 0px;
background-color: #FFF;
border: none;
text-align:left;
}
.select button.button2 {
border:1px solid #BCBCBC;
padding: 0px;
}
* html .select button.button2 {
padding-right: 3px;
padding-left: 3px;
}
.select button.button2:hover {
border: 1px solid #d0624e;
color: #d0624e;
background-position: 0 100%;
}
textarea#text_editor_textarea {
width: 100% !important;
}
iframe#text_editor_iframe {
width: 100%;
height: 200px;
}
form#quick_reply textarea#text_editor_textarea {
width: 100% !important;
height: 100%;
}
form#quick_reply iframe#text_editor_iframe {
width: 100%;
}
* html form#quick_reply iframe#text_editor_iframe {
width: 600px;
}
*+html form#quick_reply iframe#text_editor_iframe {
width: 600px;
}
#page-footer .gen strong {
font-weight: normal;
}
@import url("form_ie.css");
@media print {
body {
background-image: none;
background-color: #fff;
color: #000;
}
table.bodylinewidth span.maintitle {
display: block;
text-align: left;
}
table.bodylinewidth img#i_logo,.browse-arrows,.noprint,.messaging,.post-options,.poster-profile,img.i_icon_online,table.bodylinewidth .mainmenu,table.bodylinewidth .nav,table.bodylinewidth .gensmall,span.postdetails img,table.bodylinewidth .sig,table.bodylinewidth .catbottom,#info_open {
display:none;
}
td.catHead, .t-title {
text-align: left;
}
table.bodylinewidth .cattitle {
letter-spacing: normal;
font-size: 1em;
}
.thLeft,.thRight {
color: #000;
border: none;
text-align:left;
}
.hr hr {
visibility: hidden;
}
.hr {
border-top: 1px dotted #ddd !important;
}
tr.post td {
vertical-align: top;
border-bottom: 1px solid #ccc;
}
tr.post td td {
border: none;
}
span.gen {
display: none;
}
}
ul.abuse {
list-style: none;
line-height: 1.5em;
font-size: 0.9em;
}
.rtl-spacer:before {
content: " ";
white-space: pre;
}
.rtl-spacer:after {
content: " ";
white-space: pre;
}
.warning {
color:#ff3333;
}
.captcha div.captcha-img {
float: left;
margin: 0 1em 0 0;
}
.captcha .inputbox {
margin-top: 0.5em;
}
.center {
text-align: center;
}
.right {
float: right;
}
.left {
float: left;
}
/* TGF Clearfix */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
*+ html .clearfix {
min-height: 1px;
}
* html .clearfix {
position: relative;
height: 1%;
clear: both;
}
#page-footer {
clear: both;
}
#page-footer h3 {
margin-top: 20px;
}
#add-google {
text-align: center;
margin: 0 auto;
}
#content-container #left {
width: 0px;
margin-right: 3px;
}
#content-container #right {
width: 230px;
margin-left: 3px;
}
.module-title {
font-weight: bold;
margin: 0 auto;
text-align: center;
display: block;
}
#frame_chatbox {
border: none !important;
}
/* Chatbox */
body.chatbox {
min-width: 550px !important;
background-image: none;
padding: 0;
margin: 0;
background-color: #000000;
}
#chatbox_members {
position: absolute;
top: 30px;
bottom: 30px;
width: 180px;
overflow: auto;
border-right: 1px solid ;
}
#chatbox {
position: absolute;
top: 30px;
left: 181px;
right: 0;
bottom: 30px;
overflow: auto;
line-height: 10px;
}
.chatbox_row_1,.chatbox_row_2,.chatbox_row_3 {
font-size: 12px;
}
#chatbox_footer {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 30px;
}
#chatbox_footer table.text-styles {
float: right;
}
#chatbox_footer .text-field {
float: left;
}
#chatbox_footer .chatfootertable {
margin: 5px;
}
#chatbox_header {
height: 30px;
background-color: #000000;
}
#chatbox p {
line-height: 1.2em;
}
.chatbox_row_1 {
padding: 4px;
background-color: #ffffff;
}
.chatbox_row_2 {
padding: 4px;
background-color: #ffffff;
}
.chatbox_row_3 {
padding: 4px;
background-color: #ffffff;
}
.memberlist_row_1 {
padding: 2px 2px 2px 10px;
background-color: #ffffff;
}
#chatbox_members .member-title {
text-align: center;
padding: 0.5em 0.25em;
background-image: none;
font-size: 12px;
background-color: #ffffff;
color : #e03600;
font-family: Verdana,Arial,Helvetica,sans-serif;
}
#chatbox_members ul {
list-style: none;
margin: 0 0 0 10px;
}
#chatbox_members ul li {
margin: 2px 2px 2px 0;
}
#message,#submit_button{
border-width: 1px;
}
.fontbutton {
padding: 1px;
cursor: pointer;
text-align: left;
}
.fontbutton_normal {
background: #E1E1E2;
}
.fontbutton_selected {
background: #BBC7CE;
border: 1px solid #22229C;
}
.fontbutton_clicked {
background: #959595;
border: 1px solid #22229C;
}
.fontbutton_hover {
background: #E1E1E2;
border: 1px solid #22229C;
}
#chatbox .user {
font-weight: bold;
}
/* Edit did */
div#chatbox {
color: #00030a;
}
#chatbox_contextmenu {
background-color: #ffffff;
border:1px solid #aaa;
}
#chatbox_contextmenu p {
margin:0;
padding: 1px 4px;
font-family: verdana, arial, sans-serif;
background: #;
border-bottom:1px solid #777;
}
#chatbox_contextmenu p.hover {
background: #;
}
#chatbox_contextmenu p.close {
background: #ddd;
padding: 1px;
font-size: 70%;
color:#fff;
background: url('');
}
#chatbox_contextmenu p.close img {
vertical-align: middle;
}
#chatbox_contextmenu a {
color: #;
text-decoration: none;
font-size: 70%;
}
#chatbox_contextmenu a:hover {
color: #;
}
.fontbutton{
border:0;
}
/* End Edit did */
/* poll */
.poll-result td {
padding: 2px 4px;
text-align: left;
}
.poll-result td.poll-title,.poll-result td.poll-results {
text-align: center;
}
.progress-bar td {
padding: 0 !important;
}
.poll-ballot {
text-align: left;
}
a:link{text-decoration:none;}
body{cursor: url (http://www.debidawn.com/rosesani.gif), auto;}
a{cursor: url (http://cursors4.totallyfreecursors.com/thumbnails/dolphin.gif), pointer;}
Similar topics
» I need to install a cursor can any1 help?!
» how i can make a cursor and cursor hover ??
» install or not install new updates
» How to put my own cursor?
» Cursor
» how i can make a cursor and cursor hover ??
» install or not install new updates
» How to put my own cursor?
» Cursor
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum