Precisa de um freelancer, códigos-fonte e exemplos completos?
Bem-vindo(a) ao meu site. Além de realizar alguns serviços como freelancer eu tenho alguns códigos-fonte e exemplos completos de Java, Delphi, PHP, Python, C/C++, Hibernate, JPA, Spring, JSP, Servlets, Ruby, Ruby On Rails e muitas outras linguagens e frameworks. Veja como falar comigo clicando aqui.
 
Arquivo de Códigos - Página Inicial
Códigos-fonte
» Códigos-fonte e exemplos completos
Linguagens
» ActionScript
» Adobe AIR
» Adobe Flex
» AJAX
» C
» C#
» C++
» CSS
» Delphi
» DHTML - Dynamic HTML
» HTML/XHTML
» Java
» JavaFX
» JavaScript
» Java Servlets
» JSP - Java Server Pages
» Perl
» PHP
» PHP-GTK
» Python
» Ruby
» Tcl/Tk
» VB.NET
Bancos de Dados
» IBM DB2
» MySQL
Frameworks
» CodeIgniter
» jQuery
» JSF - Java Server Faces
» Qt
» Ruby On Rails
» Struts
» Struts 2
» wxWidgets
» Zend Framework
Container/Servidor
» Apache Tomcat
» Apache Web Server
Ferramentas
» Apache Ant
» iTextSharp (iText#)
Referências
» CSS1 e CSS2
» JavaScript
Serviços On-Line
» Qual é meu IP?
» Tabela Cores HTML I
» Tabela Cores HTML II
» Lista de Mime Types
» Códigos Teclas Virtuais
Usuários On-Line
Visitantes: 143
PHP
O que há de novo no PHP 5?
40 dicas e truques sobre como trabalhar com datas e horas em PHP
60 dicas e truques sobre como trabalhar com strings e caracteres em PHP
PHP e a Orientação a Objetos - POO (Curso Completo)

DHTML
Curso completo de DHTML para iniciantes

CSS
Como definir uma imagem de fundo fixa na página
Definindo uma imagem de fundo para botões HTML
Você está aqui: Inicio -> DHTML -> Curso Completo -> As pseudoclasses :link e :visited
As pseudoclasses :link e :visited
Baseado em sua experiência com o HTML, você deve saber que todas as vezes que o usuário visita um link, os browser aplicar uma cor diferente a ele, e com o decorrer do tempo, esse mesmo link volta à sua cor original (antes de ser visitado). Isso é muito importante, já que se espera que o conteúdo da página seja alterado.

Nós podemos definir os atributos para os links em CSS usando o seletor "a". Veja em seguida um trecho de código que define os links como sendo da cor vermelha e sem o sublinhado:



<style type="text/css">
<!--
  a {color: red; text-decoration: none}
//-->
</style>


Experimente escrever uma nova página, incluir alguns links e definir este estilo. Você verá que, embora sem o sublinhado, os links são completamente funcionais. Há hoje uma grande tendência em retirar os sublinhados dos links. Enquanto este efeito é muito bonito e diferente, temos que pensar que isso torna a identificação dos links um pouco difícil, já que os usuários já se acostumaram a identificar qualquer linha de texto azul e sublinhada como sendo links. Caso você decida usar este artifício em suas páginas, escolha uma cor uniforme para os links e faça-o de modo que o usuário não tenha nenhuma dificuldade em navegar pelo site.

Ao definir as propriedades dos links usando apenas o elemento "a", nós nos deparamos com um problema. Os links normais, visitados e ativos terão a mesma cor e características. Não é essa nossa intenção. Para resolver este pequeno problema, podemos fazer uso das pseudoclasses :link e :visited. Isso mesmo. Com os dois pontos. Vamos a um trecho de código exemplificando estes cenários.

Crie uma página, insira alguns links, vá até a parte <head></head> e digite o seguinte código CSS:

<style type="text/css">
<!--
  a:link {color: red; text-decoration: none}
  a:visited {color: orange; text-decoration: none}
//-->
</style>


Agora sim. Clique em alguns dos links e abra a página novamente. Você perceberá que agora todos os links visitados anteriormente terão a cor laranja (orange), enquanto os links não visitados continuarão com a cor vermelha (red). Mais tarde o browser retornará a cor dos links visitados para a cor vermelha também.

Percebeu? Este é o uso das pseudoclasses.

Uma página HTML com o exposto nesta parte pode ser visualizada executando o arquivo lab1-11.htm.

<< Início do curso | As pseudoclasses dinâmicas :hover e :active >>
 
 
Arquivo de Códigos - Página Inicial

       

http://www.arquivodecodigos.net
:: Arquivo de Códigos - Softwares e Consultoria em Programação ::
Todo o conteúdo deste site, quando não devidamente observado, pertence a seus idealizadores e não
poderá ser usado para outras finalidades senão estudo e aprimoramento de técnicas de programação.
Certifique-se de ler as notas legais antes de proceder com o acesso e leitura do
conteúdo disponibilizado nestas páginas.

Fale Conosco: (62) 3261-7018 / (62) 8185-0734

Desenvolvedor Responsável: Osmar J. Silva

Página Inicial Contatos Pesquisar Mapa do Site