DetailPage-MSS-KB

Base de Dados de Conhecimento

ID do artigo: 928715 - Última revisão: quarta-feira, 6 de dezembro de 2006 - Revisão: 1.0

 

Nesta página

INTRODUÇÃO

Este artigo descreve como usar folhas de estilo em cascata (CSS) para criar hiperlinks personalizados no Microsoft Expression Web. Ele contém exemplos que demonstram como usar recursos CSS para criar hiperlinks personalizados.

Mais Informações

Exemplo 1: Criar hiperlinks em que a formatação de sublinhado é exibida em uma cor diferente

Este exemplo formata o texto dos hiperlinks com a mesma cor como o texto do documento. Somente o sublinhado formatação dos hiperlinks seja exibida em uma cor diferente. Para criar esses hiperlinks personalizados, execute essas etapas:
  1. Inicie o Expression Web e, em seguida, criar uma nova página em branco.
  2. No menu Exibir , clique em página e clique em código na parte inferior da página.
  3. No <head> </head> área da página, insira o código a seguir:
    <style> 
    body { color: black; background-color: white; font-family: arial } 
    a { color: black; text-decoration: none; border-bottom-style: solid; border-bottom-width: 1px } 
    a:link { border-bottom-color: blue } a:visited { border-bottom-color: purple } 
    a:hover { border-bottom-color: green } a:active { border-bottom-color: red } 
    </style> 
  4. No <body> </body> área da página, insira o seguinte código:
    <p>Please see <a href="http://www.microsoft.com">http://www.microsoft.com</a> for more.</p> 
    <p>Please see <a href="http://www.msn.com">http://www.msn.com</a> for more.</p> 
  5. No menu arquivo , clique em Salvar .
  6. Na caixa de diálogo Salvar como , especifique um local ao qual você deseja salvar o arquivo.
  7. Na caixa nome do arquivo , digite exemplo1 e, em seguida, clique em Salvar .
  8. No menu arquivo , aponte para Visualizar no navegador e, em seguida, clique no navegador da Web que você deseja usar para visualizar a página.

Exemplo 2: Criar hiperlinks que usam botões em foco

Este exemplo cria hiperlinks que usam botões em foco que têm um plano de fundo sólido. Para criar esses hiperlinks personalizados, execute essas etapas:
  1. Inicie o Expression Web e, em seguida, criar uma nova página em branco.
  2. No menu Exibir , clique em página e clique em código na parte inferior da página.
  3. No <head> </head> área da página, insira o código a seguir:
    <style> 
    body { color: black; background-color: white; font-family: arial } 
    a { text-decoration: none; padding: 3px } 
    a:link { color: white; background-color: blue } 
    a:visited { color: white; background-color: purple } 
    a:hover { color: white; background-color: green } 
    a:active { color: white; background-color: red } 
    </style> 
  4. No <body> </body> área da página, insira o seguinte código:
    <p>Please see <a href="http://www.microsoft.com">http://www.microsoft.com</a> for more.</p> 
    <p>Please see <a href="http://www.msn.com">http://www.msn.com</a> for more.</p> 
  5. No menu arquivo , clique em Salvar .
  6. Na caixa de diálogo Salvar como , especifique um local ao qual você deseja salvar o arquivo.
  7. Na caixa nome do arquivo , digite exemplo2 e, em seguida, clique em Salvar .
  8. No menu arquivo , aponte para Visualizar no navegador e, em seguida, clique no navegador da Web que você deseja usar para visualizar a página.

Exemplo 3: Criar hiperlinks que usam botões de foco de estrutura de tópicos

Este exemplo cria hiperlinks que usam botões de foco de estrutura de tópicos. Quando você coloca nesses hiperlinks, uma caixa de cor é exibida ao redor do texto de hiperlink. Isso cria um efeito de estrutura de tópicos. Para criar esses hiperlinks personalizados, execute essas etapas:
  1. Inicie o Expression Web e, em seguida, criar uma nova página em branco.
  2. No menu Exibir , clique em página e clique em código na parte inferior da página.
  3. No <head> </head> área da página, insira o código a seguir:
    <style> 
    body { color: black; background-color: white; font-family: arial } 
    a { color: black; text-decoration: none; border-style: solid; border-width: 2px; padding: 2px } 
    a:link { border-color: blue } a:visited { border-color: purple } 
    a:hover { border-color: green } a:active { border-color: red } 
    </style> 
  4. No <body> </body> área da página, insira o seguinte código:
    <p>Please see <a href="http://www.microsoft.com">http://www.microsoft.com</a> for more.</p> 
    <p>Please see <a href="http://www.msn.com">http://www.msn.com</a> for more.</p> 
  5. No menu arquivo , clique em Salvar .
  6. Na caixa de diálogo Salvar como , especifique um local ao qual você deseja salvar o arquivo.
  7. Na caixa nome do arquivo , digite Exemplo3 e, em seguida, clique em Salvar .
  8. No menu arquivo , aponte para Visualizar no navegador e, em seguida, clique no navegador da Web que você deseja usar para visualizar a página.

Exemplo 4: Criar hiperlinks que usam formatação de texto diferente

Este exemplo formata hiperlinks para usar texto sem sublinhado, itálico, letras minúsculas. Quando você posiciona sobre esses hiperlinks, o texto se torna maiúsculas. Para criar esses hiperlinks personalizados, execute essas etapas:
  1. Inicie o Expression Web e, em seguida, criar uma nova página em branco.
  2. No menu Exibir , clique em página e clique em código na parte inferior da página.
  3. No <head> </head> área da página, insira o código a seguir:
    <style> 
    body { color: black; background-color: white; font-family: arial } 
    a { text-decoration: none; font-style: italic; text-transform: lowercase } 
    a:link { color: blue; font-weight: bold } a:visited { color: purple } 
    a:hover { color: green; text-transform: uppercase } 
    a:active { color: red } 
    </style> 
  4. No <body> </body> área da página, insira o seguinte código:
    <p>Please see <a href="http://www.microsoft.com">http://WWW.microsoft.COM</a> for more.</p> 
    <p>Please see <a href="http://www.msn.com">http://WWW.msn.COM</a> for more.</p> 
  5. No menu arquivo , clique em Salvar .
  6. Na caixa de diálogo Salvar como , especifique um local ao qual você deseja salvar o arquivo.
  7. Na caixa nome do arquivo , digite Exemplo4 e, em seguida, clique em Salvar .
  8. No menu arquivo , aponte para Visualizar no navegador e, em seguida, clique no navegador da Web que você deseja usar para visualizar a página.

Referências

Para obter mais informações, clique nos números abaixo para ler os artigos na Base de dados de Conhecimento da Microsoft:
825450  (http://support.microsoft.com/kb/825450/ ) Como criar hiperlinks personalizados usando folhas de estilo em cascata no FrontPage 2003
196488  (http://support.microsoft.com/kb/196488/ ) O que são em cascata folhas de estilos?
222949  (http://support.microsoft.com/kb/222949/ ) Como criar efeitos de foco para botões de formulário usando CSS e DHTML do FrontPage

A informação contida neste artigo aplica-se a:
  • Microsoft Expression Web
Palavras-chave: 
kbmt kbexpertiseinter kbhowto KB928715 KbMtpt
Tradução automáticaTradução automática
IMPORTANTE: Este artigo foi traduzido por um sistema de tradução automática (também designado por Machine Translation ou MT), não tendo sido portanto traduzido ou revisto por pessoas. A Microsoft possui artigos traduzidos por aplicações (MT) e artigos traduzidos por tradutores profissionais, com o objetivo de oferecer em português a totalidade dos artigos existentes na base de dados de suporte. No entanto, a tradução automática não é sempre perfeita, podendo conter erros de vocabulário, sintaxe ou gramática. A Microsoft não é responsável por incoerências, erros ou prejuízos ocorridos em decorrência da utilização dos artigos MT por parte dos nossos clientes. A Microsoft realiza atualizações freqüentes ao software de tradução automática (MT). Obrigado.
Clique aqui para ver a versão em Inglês deste artigo: 928715  (http://support.microsoft.com/kb/928715/en-us/ )
Compartilhar
Opções de suporte adicionais
Fóruns de Suporte do Microsoft Community
Contate-nos diretamente
Localize um parceiro certificado da Microsoft
Microsoft Store