Webly: Aprenda Como Retirar Serrilhado Do Link - Webly

Ir para

Regras para postagem

É permitido postar livremente respostas com comentários, testes e avaliações dos scripts. Postagens contendo dúvidas sobre o script, deverão ser postadas no fórum principal de Webstandards/Tableless/CSS/XML.

IMPORTANTE: Todos os tutoriais postados neste fórum irão automaticamente para o portal Webly. Contribua você também e faça parte da equipe de colaboradores que fazem a evolução da web. Obrigado.
Página 1 de 1

Aprenda Como Retirar Serrilhado Do Link Caixa serrilhada que engloba um link Avaliar tópico: -----

#1 Membro offline   Evaldo Ícone

  • Ícone
  • Grupo: Membros
  • Posts: 35
  • Cadastrado: 01-fevereiro 08

Ícone  Postou 28 fevereiro 2008 - 11:49

Fiz uma pesquisa no fórum mas não achei nada referente a isso, então decidi postar pra ajudar quem também precise.

Sabe aquele serrilhada que fica em volta de qualquer link quando você clica nele? É possível retirá-lo.

Isso serve apenas para deixar bonito uma barra de navegação, por exemplo. Você criou sua barra usando imagens no background, active, hover, etc... ela ficou parecendo uma barra de botões, só que quando clica em algum botão, fica aquele serrilhada em volta dele todo.

Bom, pra retirar isso, use a seguinte declaração:

a:link {
	outline:none;
}


Ou use onde você declarou as configurações para links.

Bom, uma simples dica, mas que dá um visual diferenciado para o site.

Abraços

Este post foi editado por NightSpy: 28 fevereiro 2008 - 04:54
Razão por editar: Correção do sub-título

0

#2 Membro offline   Daniel Caliope Ícone

  • www.twitter.com/dcaliope
  • Ícone
  • Grupo: Administradores
  • Posts: 1836
  • Cadastrado: 17-julho 06
  • Localização:São Paulo
  • Interesses:Web, Tecnologia e Gadgets.

Postou 28 fevereiro 2008 - 01:02

Poxa não conhecia essa!! :ohok:

Bem legal!
########### WEBLY ###########

» Engles eu não cei, mas porrtuguez eu çou fera.

Processador Phenom X4 9550 Quadcore (4 núcleos reais)
8 GB Memória RAM
1 TB HD Sata II
Mobo Asus M3A - Deluxe
Placa de Vídeo ATI HD 4870 512MB
0

#3 Membro offline   JulioGreff Ícone

  • Ícone
  • Grupo: Membros
  • Posts: 206
  • Cadastrado: 20-outubro 06
  • Localização:Farroupilha - RS
  • Interesses:JavaScript, Ajax, WebStandards, Ruby, PHP...

Postou 28 fevereiro 2008 - 01:34

E isso funciona em IE/FF/OP? Ou melhor, faz parte da especificação?
Júlio Greff de Oliveira
Javascript Turbinado
Blog: http://www.juliogreff.blog.br
0

#4 Membro offline   Evaldo Ícone

  • Ícone
  • Grupo: Membros
  • Posts: 35
  • Cadastrado: 01-fevereiro 08

Postou 28 fevereiro 2008 - 04:10

Ver postJulioGreff, em 28/02/2008 - 13:34, disse:

E isso funciona em IE/FF/OP? Ou melhor, faz parte da especificação?

Testado no FF e IEca. E sobre as especificações, tá aqui...
CSS Reference



Pedido....
Algum moderador poderia corrigir o título, pois não conheço EMBLOBA :rindo:
0

#5 Membro offline   Bermonruf Ícone

  • Bernardo Rufino
  • Ícone
  • Grupo: Moderadores
  • Posts: 762
  • Cadastrado: 04-outubro 06
  • Localização:Rio de Janeiro, RJ
  • Interesses:Ruby On Rails, PHP, Javascript, Ajax, CSS, XHTML, DOM, XML

Postou 28 fevereiro 2008 - 04:12

Me lembro vagamente dessa propriedade :D
Blog: http://bermonruf.wordpress.com
0

#6 Membro offline   NightSpy Ícone

  • Sigam-me os bons!
  • Ícone
  • Grupo: Coordenadores
  • Posts: 1342
  • Cadastrado: 18-julho 06
  • Localização:São Paulo / Zona Leste / PQ. São Lucas
  • Interesses:Tecnologia, Design, Carros, Jogos, Conhecimento em geral

Postou 28 fevereiro 2008 - 04:54

ja brinquei muito com isso! :thumbsup:
Webly - Onde o aprender não é com professores e sim com amigos....
-------------------------|~|----------------------
Chaves - "Voce me chutou!"
Chiquinha - "Sim."
Chaves - "E na minha presença!?"
"Só me enganei uma vez: quando acreditei estar enganado!" (Professor Girafales)
-------------------------|~|----------------------
0

#7 Membro offline   CassianoOliver Ícone

  • cassianodesigner.com
  • Ícone
  • Grupo: Membro Amigo
  • Posts: 661
  • Cadastrado: 07-agosto 07
  • Localização:São Mateus - ES

Postou 28 fevereiro 2008 - 09:55

legal, não conhecia...
##### "O seu maior desafio é se aprimorar para ser... você mesmo!" #####
CASSIANODESIGNER.COM - Desenvolvimento Web
0

#8 Membro offline   JonE Ícone

  • Ícone
  • Grupo: Membros
  • Posts: 33
  • Cadastrado: 06-maio 07

Postou 02 março 2008 - 05:40

Esse serilhado é ralmente chato as veses,

o outline é uma propriedade de muitos elementos não só dos links, mesmo que ela não apareeça em todos...

eu tive um problema que quando você clicava no elemento no ff, se o layout estivesse muito "justo", aparecia o outline e quebrava o layout, foi so tirar o outline ...

apesar disso, tirar ele dos links diminui a acessibilidade do site, ja que quem usa o teclado para navegar não vê onde esta ;)
0

#9 Membro offline   Evaldo Ícone

  • Ícone
  • Grupo: Membros
  • Posts: 35
  • Cadastrado: 01-fevereiro 08

Postou 03 março 2008 - 10:44

Bem lembrado.

É importante ter certeza do que está fazendo, justamente pra não perder a acessibilidade.
0

#10 Membro offline   Evaldo Ícone

  • Ícone
  • Grupo: Membros
  • Posts: 35
  • Cadastrado: 01-fevereiro 08

Postou 03 março 2008 - 11:51

Só pra constar... eu utilizo esta função numa barra de navegação, onde existe imagem para os links no estado ativo/sobre/atual, então não tem problema tirar o serrilhado, pois as imagens mostram onde o visitante está....
0

#11 Membro offline   Evaldo Ícone

  • Ícone
  • Grupo: Membros
  • Posts: 35
  • Cadastrado: 01-fevereiro 08

Postou 03 março 2008 - 02:16

Esqueçam o que eu postei acima... fiz um teste aqui, e tirando o serrilhado do link não tem como ver onde vc está pelo teclado, apenas pelo mouse.

Então, só usem esta dica se realmente for interessante tirar o serrilhado. :thumbsup:
0

Página 1 de 1


Resposta rápida

  

1 usuário(s) está(ão) lendo este tópico
0 membro(s), 1 visitante(s) e 0 membros anônimo(s)