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.
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:
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.
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 asnotas legaisantes de proceder com
o acesso e leitura do
conteúdo disponibilizado nestas páginas.