Personalizar o cursor do mouse

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Personalizar o cursor do mouse

Mensagem por Higor_Forever em 11/08/13, 09:05 am

Qual é minha questão:
Olá,

queria saber se tem como colocar o cursor do mouse personalizado.

Tipo: Fora de um link: http://cur.cursors-4u.net/cursors/cur-2/cur116.cur

Em um link: http://cur.cursors-4u.net/cursors/cur-2/cur117.cur

Minha folha css:
Codigo css:
a.forumtitle:hover {
       color: #ff0!important;
       text-decoration: none!important;
       }
       a.forumtitle:hover {
       color: #328687;
       text-decoration: underline;
       }
       a:link {
       color: #073450;
       text-decoration: none;
       }
       a:hover {
       color: #8b0000!important;
       text-decoration: none!important;
       text-shadow: 0 0 3px;
       transition: all .2s linear 0;
       }
.colorpicker {
                         width: 356px;
                         height: 176px;
                         overflow: hidden;
                         position: absolute;
                         background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp11.png);
                         font-family: Arial, Helvetica, sans-serif;
                         display: none;
                       }
                       .colorpicker_color {
                         width: 150px;
                         height: 150px;
                         left: 14px;
                         top: 13px;
                         position: absolute;
                         background: #f00;
                         overflow: hidden;
                         cursor: crosshair;
                       }
                       .colorpicker_color div {
                         position: absolute;
                         top: 0;
                         left: 0;
                         width: 150px;
                         height: 150px;
                         background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp12.png);
                       }
                       .colorpicker_color div div {
                         position: absolute;
                         top: 0;
                         left: 0;
                         width: 11px;
                         height: 11px;
                         overflow: hidden;
                         background: url(http://i46.servimg.com/u/f46/16/56/73/62/select10.gif);
                         margin: -5px 0 0 -5px;
                       }
                       .colorpicker_hue {
                         position: absolute;
                         top: 13px;
                         left: 171px;
                         width: 35px;
                         height: 150px;
                         cursor: n-resize;
                       }
                       .colorpicker_hue div {
                         position: absolute;
                         width: 35px;
                         height: 9px;
                         overflow: hidden;
                         background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp10.gif) left top;
                         margin: -4px 0 0 0;
                         left: 0px;
                       }
                       .colorpicker_new_color {
                         position: absolute;
                         width: 60px;
                         height: 30px;
                         left: 213px;
                         top: 13px;
                         background: #f00;
                       }
                       .colorpicker_current_color {
                         position: absolute;
                         width: 60px;
                         height: 30px;
                         left: 283px;
                         top: 13px;
                         background: #f00;
                       }
                       .colorpicker input {
                         background-color: transparent;
                         border: 1px solid transparent;
                         position: absolute;
                         font-size: 10px;
                         font-family: Arial, Helvetica, sans-serif;
                         color: #898989;
                         top: 4px;
                         right: 11px;
                         text-align: right;
                         margin: 0;
                         padding: 0;
                         height: 11px;
                       }
                       .colorpicker_hex {
                         position: absolute;
                         width: 72px;
                         height: 22px;
                         background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp13.png) top;
                         left: 212px;
                         top: 142px;
                       }
                       .colorpicker_hex input {
                         right: 6px;
                       }
                       .colorpicker_field {
                         height: 22px;
                         width: 62px;
                         background-position: top;
                         position: absolute;
                       }
                       .colorpicker_field span {
                         position: absolute;
                         width: 12px;
                         height: 22px;
                         overflow: hidden;
                         top: 0;
                         right: 0;
                         cursor: n-resize;
                       }
                       .colorpicker_rgb_r {
                         background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp14.png);
                         top: 52px;
                         left: 212px;
                       }
                       .colorpicker_rgb_g {
                         background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp15.png);
                         top: 82px;
                         left: 212px;
                       }
                       .colorpicker_rgb_b {
                         background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp16.png);
                         top: 112px;
                         left: 212px;
                       }
                       .colorpicker_hsb_h {
                         background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp17.png);
                         top: 52px;
                         left: 282px;
                       }
                       .colorpicker_hsb_s {
                         background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp18.png);
                         top: 82px;
                         left: 282px;
                       }
                       .colorpicker_hsb_b {
                         background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp19.png);
                         top: 112px;
                         left: 282px;
                       }
                       .colorpicker_submit {
                         position: absolute;
                         width: 22px;
                         height: 22px;
                         background: url(http://i46.servimg.com/u/f46/16/56/73/62/aceita10.png) top;
                         left: 322px;
                         top: 142px;
                         overflow: hidden;
                       }
                       .colorpicker_focus {
                         background-position: center;
                       }
                       .colorpicker_hex.colorpicker_focus {
                         background-position: bottom;
                       }
                       .colorpicker_submit.colorpicker_focus {
                         background-position: bottom;
                       }
                       .colorpicker_slider {
                         background-position: bottom;
                       }

a:link,
a:visited,
a:active{

   text-decoration: none;
}

table.ipbtable tfoot td {
background-color:#1d1d1d;
}



div.maintitle .expand,div.maintitle .contract {
float: right;
width: 80px;
height: 20px;
background: url('http://img20.imageshack.us/img20/3273/80645717.jpg') no-repeat 50% 50%;
cursor: pointer;
}
div.maintitle .expand {
background: url('http://img20.imageshack.us/img20/130/99148459.jpg') no-repeat 50% 50%;
}



.popupmenu li {
background-color: #1d1d1d;
}


.box-content {
border-bottom: transparent;
}
table.ipbtable tfoot td {
background-color: transparent;
}


.post {
border-bottom:10px solid #1d1d1d;
}



#submenu ul li a {
margin:0.5em 0 0.65em 0;
padding:0.5em 0 0.65em 0;
}

#navstrip li.begin {
padding-left: 15px;
background: url('http://img35.imageshack.us/img35/9853/ae1e.png') no-repeat left 50%;
}
.a.gen,a.genmed,a.gensmall {
font-weight: lighter;
}
.gen,.genmed,.gensmall {
font-weight: lighter;
}
.genmed {
font-weight: lighter;
}
.gensmall {
font-weight: lighter;
}input.button1, input.button2, button.button2 {
font-size: 1em;
}
a.button1, input.button1 {
font-weight: bold;border: 1px solid #666666;
}
a.button2, input.button2, button.button2 {
border: 1px solid #BCBCBC;
}
a.button1, input.button1, a.button2, input.button2, button.button2 {
width: auto !important;
padding: 2px 3px;
font-family: Verdana,Arial,Helvetica,sans-serif;color: #000000;
background-repeat: repeat-x;
background-color: #FAFAFA;
background-image: url('http://illiweb.com/fa/prosilver/bg_button.gif');
background-position: top;
overflow: visible;
}

   .post-container{margin-right:14em!important}.postprofile-details dt{text-align:left!important;margin-top:0px;margin-bottom:0px;padding-bottom:0px;margin-left:0px}

   #gfooter { background-color: #191919; }

   .button, .mainoption {
   background-color:#FFFFFF;
   border:1px solid #000000;
   cursor:pointer;
   font-size:10px;
   padding:0 5px;
   }

.postprofile {
border-left: 1px solid #9E9E9E;
}

   #twitter_div a:link{
   color: #fff;

   }
   #twitter_div a:hover{
   color: #03a5b4;
   }
   #twitter_div{
   color: #D9D9D9;
   }.twitterfeed{
   margin: 0 auto;
   width: 700px;
   height: 40px;
   background-image: url(http://i33.tinypic.com/14kblfo.png); /* desired twitter image */
   background-repeat: no-repeat;

   }

#page-footer{
background: url("http://img267.imageshack.us/img267/7772/copyrights.png") no-repeat bottom center;
padding-bottom: 5px;}

/*Inicio do codigo das bordas*/
div.borderwrap {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}
div.maintitle {
-moz-border-radius-topleft:7px;
-moz-border-radius-topright:7px;
-webkit-border-radius-topleft: 7px;
-webkit-border-radius-topright: 7px;
}
table.ipbtable tfoot td {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-webkit-border-radius-bottomleft: 10px;
}

#chatbox_header{background-color:#2a2a2c}#chatbox_footer{background-color:#2a2a2c}


   .content blockquote {
       color: #536482;
   }

   blockquote, blockquote blockquote, blockquote blockquote blockquote {
       background: none repeat scroll 0 0 #F9F9F9;
       border: 1px solid #DEDEDE;
       border-radius: 5px 5px 5px 5px;
       box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
       padding: 10px 20px;
   }
/*banner flutuante*/
#popup {
position: absolute;
top: 130%;
left: 32%;
width: 300px;
height: 250px;
padding: 20px 20px 20px 20px;
border-width: 0px;
border-style: solid;
background: #FFFFFF;
display: none;
}


a[href="/u1"] {
text-shadow: 0px 0px 5px #FC0000;
}
a[href="/u1"]
   background: url("http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif")

a[href="/u2"] {
background: url("http://i46.servimg.com/u/f46/16/56/73/62/att11110.gif");
}


span[style="color:#D60000"] strong{text-decoration:line-through}

a[href="/u1"]{background:url(http://i45.servimg.com/u/f45/15/95/60/34/glitte10.gif)}

a[href="/u56"]{background:url(http://i45.servimg.com/u/f45/15/95/60/34/glitte10.gif)}

a[href="/u140"]{background:url(http://i45.servimg.com/u/f45/15/95/60/34/glitte10.gif)}

a[href="/u7"]{background:url(http://i45.servimg.com/u/f45/15/95/60/34/glitte10.gif)}


body, a, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-2/cur117.cur), progress;}



a[href="/u1"] {
text-shadow: 0px 0px 5px #FF0000;
}

a[href="/u17"] {
text-shadow: 0px 0px 5px #FF0000;
}

#username_reg {
border:2px solid red!important;
}
#username_reg.okusername {
border:2px solid green!important;
}

a[href="/u205"]{background:url(http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif
)}

a[href="/u17"]{background:url(http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif
)}

   #chatbox{
   background-image:url(http://i49.servimg.com/u/f49/16/79/95/81/images11.png);
   background-repeat:repeat;
   background-position:left;
   background-size:100% 100%;-webkit-background-size:100%;-o-background-size:100%;-khtml-background-size:100%;-moz-background-size:100% 100%}  

a.mainmenu img:hover{position:relative;bottom:5px}
Endereço do meu fórum:
http://br-segundavida.forumeiros.com.pt

Versão do fórum:
INVISION


Última edição por Higor_Sm em 12/08/13, 09:09 am, editado 1 vez(es)
avatar

Higor_Forever
Usuário avançado

Masculino
Inscrito dia : 17/07/2013
Mensagens : 371
Pontos Ativos : 570

Ver perfil do usuário http://highdesign-forum.forumeiros.com

Resolvido Re: Personalizar o cursor do mouse

Mensagem por Neimasinho em 11/08/13, 09:43 am

Personaliza curso do mouse

Veja o tutorial.

Atenciosamente
avatar

Neimasinho
Membro do Fórum

Masculino
Inscrito dia : 10/06/2013
Mensagens : 1528
Pontos Ativos : 2163

Ver perfil do usuário http://dw-animes.forumeiros.com/ https://www.facebook.com/williamberg.cassimiro

Resolvido Re: Personalizar o cursor do mouse

Mensagem por Consolado em 11/08/13, 09:48 am

Olá!

Aceda á "Folha de estilos CSS"
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de estilos CSS

Código:

body{cursor: url('http://cur.cursors-4u.net/cursors/cur-2/cur116.cur'), auto}a:hover{cursor: url('http://cur.cursors-4u.net/cursors/cur-2/cur117.cur '), auto}
Valide.

Melhores cumprimentos,
Today
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Personalizar o cursor do mouse

Mensagem por Higor_Forever em 11/08/13, 10:28 am

Nao posso colocar agora porque estou pelo celular. Mais queria saber, se é pra colocar o codigo no inicio?
avatar

Higor_Forever
Usuário avançado

Masculino
Inscrito dia : 17/07/2013
Mensagens : 371
Pontos Ativos : 570

Ver perfil do usuário http://highdesign-forum.forumeiros.com

Resolvido Re: Personalizar o cursor do mouse

Mensagem por Consolado em 11/08/13, 10:32 am

Higor_Sm escreveu:Nao posso colocar agora porque estou pelo celular. Mais queria saber, se é pra colocar o codigo no inicio?
Onde você quiser, mas de preferência na última linha. Até mais!
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Personalizar o cursor do mouse

Mensagem por Higor_Forever em 12/08/13, 08:45 am

só funcionou quando eu to em fora do link quando eu to no link ele fica como estava!
avatar

Higor_Forever
Usuário avançado

Masculino
Inscrito dia : 17/07/2013
Mensagens : 371
Pontos Ativos : 570

Ver perfil do usuário http://highdesign-forum.forumeiros.com

Resolvido Re: Personalizar o cursor do mouse

Mensagem por Higor_Forever em 12/08/13, 08:53 am

pode fechar! Ja consegui! Muito feliz 
avatar

Higor_Forever
Usuário avançado

Masculino
Inscrito dia : 17/07/2013
Mensagens : 371
Pontos Ativos : 570

Ver perfil do usuário http://highdesign-forum.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum