InícioPersonalizar o cursor do mouse
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1 • Compartilhe
Personalizar o cursor do mouse
por Higor_Forever 11.08.13 13:05
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:
http://br-segundavida.forumeiros.com.pt
Versão do fórum:
INVISION
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:
Endereço do meu fórum:
- Codigo css:
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(https://i.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(https://i.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(https://i.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(https://i.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(https://i.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(https://i.servimg.com/u/f46/16/56/73/62/colorp14.png);
top: 52px;
left: 212px;
}
.colorpicker_rgb_g {
background-image: url(https://i.servimg.com/u/f46/16/56/73/62/colorp15.png);
top: 82px;
left: 212px;
}
.colorpicker_rgb_b {
background-image: url(https://i.servimg.com/u/f46/16/56/73/62/colorp16.png);
top: 112px;
left: 212px;
}
.colorpicker_hsb_h {
background-image: url(https://i.servimg.com/u/f46/16/56/73/62/colorp17.png);
top: 52px;
left: 282px;
}
.colorpicker_hsb_s {
background-image: url(https://i.servimg.com/u/f46/16/56/73/62/colorp18.png);
top: 82px;
left: 282px;
}
.colorpicker_hsb_b {
background-image: url(https://i.servimg.com/u/f46/16/56/73/62/colorp19.png);
top: 112px;
left: 282px;
}
.colorpicker_submit {
position: absolute;
width: 22px;
height: 22px;
background: url(https://i.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('https://2img.net/r/ihimizer/img20/3273/80645717.jpg') no-repeat 50% 50%;
cursor: pointer;
}
div.maintitle .expand {
background: url('https://2img.net/r/ihimizer/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('https://2img.net/r/ihimizer/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('https://2img.net/i/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(https://2img.net/h/oi33.tinypic.com/14kblfo.png); /* desired twitter image */
background-repeat: no-repeat;
}
#page-footer{
background: url("https://2img.net/r/ihimizer/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("https://i.servimg.com/u/f46/16/56/73/62/21ee1p10.gif")
a[href="/u2"] {
background: url("https://i.servimg.com/u/f46/16/56/73/62/att11110.gif");
}
span[style="color:#D60000"] strong{text-decoration:line-through}
a[href="/u1"]{background:url(https://i.servimg.com/u/f45/15/95/60/34/glitte10.gif)}
a[href="/u56"]{background:url(https://i.servimg.com/u/f45/15/95/60/34/glitte10.gif)}
a[href="/u140"]{background:url(https://i.servimg.com/u/f45/15/95/60/34/glitte10.gif)}
a[href="/u7"]{background:url(https://i.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(https://i.servimg.com/u/f46/16/56/73/62/21ee1p10.gif
)}
a[href="/u17"]{background:url(https://i.servimg.com/u/f46/16/56/73/62/21ee1p10.gif
)}
#chatbox{
background-image:url(https://i.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}
http://br-segundavida.forumeiros.com.pt
Versão do fórum:
INVISION
Última edição por Higor_Sm em 12.08.13 13:09, editado 1 vez(es)
Higor_Forever- ****
- Membro desde : 17/07/2013
Mensagens : 371
Pontos : 570 -
Neimasinho- Super Membro
- Membro desde : 10/06/2013
Mensagens : 1530
Pontos : 2165 -
Re: Personalizar o cursor do mouse
por Consolado 11.08.13 13:48
Olá!
Aceda á "Folha de estilos CSS"
Painel de Controle
Visualização Imagens e Cores Cores Folha de estilos CSS
Código:
Melhores cumprimentos,
Today
Aceda á "Folha de estilos CSS"
Painel de Controle
Visualização Imagens e Cores Cores Folha de estilos CSSCódigo:
Valide.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}
Melhores cumprimentos,
Today
Consolado- Hiper Membro
- Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128
Re: Personalizar o cursor do mouse
por Higor_Forever 11.08.13 14:28
Nao posso colocar agora porque estou pelo celular. Mais queria saber, se é pra colocar o codigo no inicio?
Higor_Forever- ****
- Membro desde : 17/07/2013
Mensagens : 371
Pontos : 570 -
Re: Personalizar o cursor do mouse
por Consolado 11.08.13 14:32
Onde você quiser, mas de preferência na última linha. Até mais!Higor_Sm escreveu:Nao posso colocar agora porque estou pelo celular. Mais queria saber, se é pra colocar o codigo no inicio?
Consolado- Hiper Membro
- Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128
Re: Personalizar o cursor do mouse
por Higor_Forever 12.08.13 12:45
só funcionou quando eu to em fora do link quando eu to no link ele fica como estava!
Higor_Forever- ****
- Membro desde : 17/07/2013
Mensagens : 371
Pontos : 570 -
Higor_Forever- ****
- Membro desde : 17/07/2013
Mensagens : 371
Pontos : 570 -
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
Facebook
Twitter
Youtube
