Jump to content

  2. →
  3. →

Photo

Cursor, Style De Ajuda

Started By .Ninja., 02/06/2003, 21:37

  • Faça o login para participar
9 replies to this topic

#1 .Ninja.

.Ninja.

    12 Horas

  • Usuários
  • 234 posts
  • Sexo:Não informado

Posted 02/06/2003, 21:37

qual eh o style que fica akele cursor com a setinha e uma interrogracao do lado qdo vc passa o mouse sobre um link?
tem no site da receita, mais nao sei em qual, pq sao MTOS sites hehe

vlw

#2 Guilherme Blanco

Guilherme Blanco

    Loading...

  • Conselheiros
  • 891 posts
  • Sexo:Masculino
  • Localidade:São Carlos - SP/Brasil
  • Interesses:Programação Web e minha namorada (Maria Camila).

Posted 02/06/2003, 22:50

Utilize o atributo CSS cursor

Exemplo: cursor: pointer;

Para saber de alguns cursores, cheque este link: http://www.webfx.eae...cs/environ.html

Grato,
<script language="WebFórum">
// Dados:
Nome("Guilherme Blanco");
Localidade("São Carlos - SP/Brasil");
Cargo("Manutenção");
</script>

#3 Chinello Cybernético

Chinello Cybernético

    Simplesmente "Chinello"

  • Usuários
  • 1892 posts
  • Sexo:Masculino
  • Localidade:Canoas - RS

Posted 03/06/2003, 02:24

Pô GB..

Vc sempre se esquece que vc tb pode mover os tópicos.. <_< hehe

Ah, e Ninja, essa parte do fórum, serve apenas para serem postados tutoriais feito por membros, dúvidas, devem ser postadas nas repectivas seções.. ;)

Movendo pra seção de CSS.. :D

Fui.. :P
Diego Sampaio - kroW - PHP Framework > http://chinelloweb.net/
chinello at gmail dot com

System > Athlon 64 3200+ Mobile | Kubuntu 7.04 Fesity Fawn AMD64 | Kernel 2.6.20-16
Coding @ KDE 3.5.7 | PHP 5.2.1 | Apache 2.2.3 | MySQL 5.0.38

#4 .Ninja.

.Ninja.

    12 Horas

  • Usuários
  • 234 posts
  • Sexo:Não informado

Posted 03/06/2003, 13:47

Pô GB..

Vc sempre se esquece que vc tb pode mover os tópicos.. <_< hehe

Ah, e Ninja, essa parte do fórum, serve apenas para serem postados tutoriais feito por membros, dúvidas, devem ser postadas nas repectivas seções.. ;)

Movendo pra seção de CSS.. :D

Fui.. :P

Seria CSS?
hm... achei mesmo q era mais html, pq eh soh usar style e pa

malz ae move logo hehe :P

#5 Chinello Cybernético

Chinello Cybernético

    Simplesmente "Chinello"

  • Usuários
  • 1892 posts
  • Sexo:Masculino
  • Localidade:Canoas - RS

Posted 04/06/2003, 00:39

Seria CSS?
hm... achei mesmo q era mais html, pq eh soh usar style e pa

malz ae move logo hehe :P

Seria sim.. :D

Mas mesmo assim, se fosse HTML, o lugar do tópico ainda estaria errado..

Porque assim, essa seção, serve apenas para serem postados TUTORIAIS e NÃO dúvidas.. Entendeu?

Agora que botaram eu di mod aqui di novo, tô movendo... B)

Fui.. :P
Diego Sampaio - kroW - PHP Framework > http://chinelloweb.net/
chinello at gmail dot com

System > Athlon 64 3200+ Mobile | Kubuntu 7.04 Fesity Fawn AMD64 | Kernel 2.6.20-16
Coding @ KDE 3.5.7 | PHP 5.2.1 | Apache 2.2.3 | MySQL 5.0.38

#6 Dinho Z.

Dinho Z.

    Rock'n'Roll !!! Yeah !!!

  • Usuários
  • 755 posts
  • Sexo:Não informado
  • Localidade:Santo André - SP

Posted 04/06/2003, 12:50

Segue um exemplo:

<html>
<head>
<title>Teste</title>
<style>
body {cursor: help;}
</style>
</head>
<body>
</body>
</html>

Dinho

Ajude a proibir os "jabás" nas rádios brasileiras.
Mas, afinal, o que é o "jabá"?!? acesse Rock Brasil
Acesse Fórum SOS Designers
Coluna de JavaScript/CSS do Upmasters

#7 Chinello Cybernético

Chinello Cybernético

    Simplesmente "Chinello"

  • Usuários
  • 1892 posts
  • Sexo:Masculino
  • Localidade:Canoas - RS

Posted 05/06/2003, 02:14

Segue um exemplo:

<html>
<head>
<title>Teste</title>
<style>
body {cursor: help;}
</style>
</head>
<body>
</body>
</html>

Póis é..

A inciativa foi boa, mas infelizmente vc naum leu com atenção o que ele queria exatamente..

No seu exemplo, o cursor fica em toda a page, e ele pediu apenas em um link..

Aqui segue 2 exemplos da maneira como vc quer:

<html>
<head>
<title>Teste</title>
<style>
.link_ajuda {cursor: help;}
</style>
</head>
<body>
<a href="#" class=link_ajuda>Precisa de ajuda</a>
</body>
</html>

O de cima usando class...

E o de baixo usando o style direto no link:

<html>
<head>
<title>Teste</title>
</head>
<body>
<a href="#" style="cursor: help">Precisa de ajuda</a>
</body>
</html>

Agora sim, dois exemplos que fazem exatamente o que o .Ninja. ( :ph34r: ) pediu.. :lol: :lol: :lol:

Fui.. :P
Diego Sampaio - kroW - PHP Framework > http://chinelloweb.net/
chinello at gmail dot com

System > Athlon 64 3200+ Mobile | Kubuntu 7.04 Fesity Fawn AMD64 | Kernel 2.6.20-16
Coding @ KDE 3.5.7 | PHP 5.2.1 | Apache 2.2.3 | MySQL 5.0.38

#8 Dinho Z.

Dinho Z.

    Rock'n'Roll !!! Yeah !!!

  • Usuários
  • 755 posts
  • Sexo:Não informado
  • Localidade:Santo André - SP

Posted 05/06/2003, 09:03

Foi mal...

Mas o exemplo é válido, é só mudar o body por a...

Desculpas mais uma vez...
Dinho

Ajude a proibir os "jabás" nas rádios brasileiras.
Mas, afinal, o que é o "jabá"?!? acesse Rock Brasil
Acesse Fórum SOS Designers
Coluna de JavaScript/CSS do Upmasters

#9 Lee Lee

Lee Lee

    Turista

  • Usuários
  • 37 posts
  • Sexo:Não informado

Posted 28/06/2003, 11:52

O nome do pointer é help, o cod completo de css p/ links eh o seguinte:

<STYLE type="text/css">
A:link { color:COLOR; text-decoration:none; cursor:help;}
A:visited { color:COLOR; text-decoration:none; cursor:help;}
A:active { color:COLOR; text-decoration:none; cursor:help;}
A:hover { color:COLOR; text-decoration:none; cursor:help;}
</STYLE>

vai nessa pag q tem explicando
http://htmlpalace.com/linkstyles.php
//Lee Lee
//UIN 101140447
//MSN leelee_me@hotmail.com
//E-mail leelee_me@hotmail.com
//Love Photoshop
//Por favor não postem links/imagens para kit.net
//Moderadora e Colunista UpMasters
//Moderadora SOS PHP

#10 Chinello Cybernético

Chinello Cybernético

    Simplesmente "Chinello"

  • Usuários
  • 1892 posts
  • Sexo:Masculino
  • Localidade:Canoas - RS

Posted 28/06/2003, 17:23

O nome do pointer é help, o cod completo de css p/ links eh o seguinte:

<STYLE type="text/css">
A:link { color:COLOR; text-decoration:none; cursor:help;}
A:visited { color:COLOR; text-decoration:none; cursor:help;}
A:active { color:COLOR; text-decoration:none; cursor:help;}
A:hover { color:COLOR; text-decoration:none; cursor:help;}
</STYLE>

vai nessa pag q tem explicando
http://htmlpalace.com/linkstyles.php

Mais uma vez..

Isso faria com que TODOS os links da page ficassem com o cursor indicado..

E como já foi dito há 23 dias atrás (é só olhar a data alí ;)), os exemplos que eu dei, que são exatamente o que ele quer..

Mas muito obrigado por postar o link com mais explicações.. ;)

Fui.. :P
Diego Sampaio - kroW - PHP Framework > http://chinelloweb.net/
chinello at gmail dot com

System > Athlon 64 3200+ Mobile | Kubuntu 7.04 Fesity Fawn AMD64 | Kernel 2.6.20-16
Coding @ KDE 3.5.7 | PHP 5.2.1 | Apache 2.2.3 | MySQL 5.0.38
Voltar para HTML, CSS e Metodologias


1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

  1. Fórum WMO
  2. → Desenvolvimento
  3. → HTML, CSS e Metodologias
  4. Privacy Policy
  5. Regras ·
IPB Skin By Virteq