COMO: Criar Hiperlinks Personalizados Usando Folhas de Estilos em Cascata no FrontPage 2003

Traduções deste artigo Traduções deste artigo
ID do artigo: 825450 - Exibir os produtos aos quais esse artigo se aplica.
Para obter a versão deste artigo para o Microsoft FrontPage 2002, consulte287706.
Expandir tudo | Recolher tudo

Neste artigo

Sumário

Este artigo explica como criar hiperlinks usando folhas de estilos em cascata (CSS) no Microsoft Office FrontPage 2003. Ele contém exemplos que demonstram como usar funções de folhas de estilos em cascata para criar hiperlinks personalizados.

Nota Este artigo usa funções de folhas de estilos em cascata que podem não estar disponíveis em todos os navegadores da Web. Para obter mais informações, consulte a Ajuda do FrontPage. Para fazer isso, clique em Ajuda do Microsoft FrontPage no menu Ajuda, digite compatibilidade de folha de estilos em cascata na barra Procurar, e depois pressione ENTER para visualizar os tópicos retornados.

Criar Hiperlinks Personalizados Usando Folhas de Estilos em Cascata

Os exemplos a seguir demonstram como criar hiperlinks personalizados usando funções de folha de estilos em casacata:

A Microsoft fornece exemplos de programação apenas para ilustração, sem garantia explícita ou implícita, incluindo, mas sem se limitar às garantias de comercialização ou adequação para uma finalidade em especial. Este artigo pressupõe que você conheça a linguagem de programação que está sendo demonstrada e também as ferramentas usadas para criar e depurar procedimentos. Os profissionais de suporte da Microsoft podem explicar a funcionalidade de um procedimento, mas eles não modificarão esses exemplos para fornecer funcionalidades adicionais ou construir procedimentos para atender às suas necessidades. Se você não possui muita experiência de programação, talvez seja necessário entrar em contato com um Microsoft Certified Partner ou a linha de consulta da Microsoft no telefone (800) 936-5200. Para obter mais informações sobre Microsoft Certified Partners, consulte o seguinte site da Microsoft na Web:
http://directory.microsoft.com/mprd/
Para obter mais informações sobre as opções de suporte disponíveis na Microsoft, visite o seguinte site da Microsoft na Web:
http://support.microsoft.com/default.aspx?scid=fh;[LN];CNTACTMS
Nota É possível ou receber uma mensagem de erro ou a página pode não ser exibida corretamente se você copiar os exemplos diretamente deste artigo e colá-los no FrontPage. Os colchetes angulares (< and >) podem aparecer como código HTML. Como solução alternativa para esse comportamento, primeiro cole o exemplo do código em um documento em branco do bloco de notas e em seguida copie o exemplo do código do documento no bloco de notas para a sua página do FrontPage.

Exemplo 1: Criar Hiperlinks em que somente os Sublinhados São Exibidos em uma Cor Diferente

Este exemploformata o texto do hiperlink para a mesma cor do texto do documento. Somente o sublinhado do hiperlink é exibido em uma cor diferente. Para criar o hiperlink personalizado, execute estas etapas:
  1. Inicie o FrontPage e crie uma nova página em branco.
  2. No menu Exibir, clique em Página e depois, no final da página, clique em Código.
  3. Insira o seguinte código na área <head></head> da página:
    <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. Insira o seguinte código na área <body></body> da página:
    <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 o local em que quiser salvar o arquivo, digite Exemplo1 na caixa Arquivo de nome e depois clique em Salvar.
  7. No menu Arquivo, aponte para Visualizar no navegador e depois clique no navegador da Web que desejar usar para visualizar a página.

Exemplo 2: Criar Hiperlinks que usem Botões em Foco

Este exemplo cria hiperlinks que usam botões do estilo em foco com plano de fundo sólido. Para criar o hiperlink personalizado, execute estas etapas:
  1. Inicie o FrontPage e crie uma nova página em branco.
  2. No menu Exibir, clique em Página e depois, no final da página, clique em Código.
  3. Insira o seguinte código na área <head></head> da página:
    <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. Insira o seguinte código na área <body></body> da página:
    <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 o local em que quiser salvar o arquivo, digite Exemplo2 na caixa Arquivo de nome e depois clique em Salvar.
  7. No menu Arquivo, aponte para Visualizar no navegador e depois clique no navegador da Web que desejar usar para visualizar a página.

Exemplo 3: Criar Hiperlinks que usem Botões de Contorno

Este exemplo cria hiperlinks que usam um botão do estilo em foco com contorno. Aparece uma caixa colorida em volta do texto do hiperlink que cria um efeito de contorno. Para criar o hiperlink personalizado, execute estas etapas:
  1. Inicie o FrontPage e crie uma nova página em branco.
  2. No menu Exibir, clique em Página e depois, no final da página, clique em Código.
  3. Insira o seguinte código na área <head></head> da página:
    <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. Insira o seguinte código na área <body></body> da página:
    <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 o local em que quiser salvar o arquivo, digite Exemplo3 na caixa Arquivo de nome e depois clique em Salvar.
  7. No menu Arquivo, aponte para Visualizar no navegador e depois clique no navegador da Web que desejar usar para visualizar a página.

Exemplo 4: Criar Hiperlinks que usem uma Formatação de Texto Diferente

Este exemplo formata os hiperlinks para usar texto sem sublinhado, em itálico e em caixa baixa. Ao mover o ponteiro do mouse sobre o hiperlink, o texto do mesmo é convertido para caixa alta. Para criar o hiperlink personalizado, execute estas etapas:
  1. Inicie o FrontPage e crie uma nova página em branco.
  2. No menu Exibir, clique em Página e depois, no final da página, clique em Código.
  3. Insira o seguinte código na área <head></head> da página:
    <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. Insira o seguinte código na área <body></body> da página:
    <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 o local em que quiser salvar o arquivo, digite Exemplo4 na caixa Arquivo de nome e depois clique em Salvar.
  7. No menu Arquivo, aponte para Visualizar no navegador e depois clique no navegador da Web que desejar usar para visualizar a página.

Referências

Para obter mais informações sobre folhas de estilos em cascata no FrontPage 2003, consulte a Ajuda do FrontPage. Para fazer isso, no menu Ajuda, clique em Ajuda do Microsoft Office FrontPage. Na caixa Procurar, digite folhas de estilos em cascata e pressione ENTER para visualizar os tópicos retornados.

Referências

Para obter informações adicionais, clique nos números abaixo para consultar os artigos na Base de Dados de Conhecimento da Microsoft:
196488 Fs000: O que São Folhas de Estilos em Cascata?
205996 HOW TO: Create Cascading Style Sheets in FrontPage 2000
240972 HOW TO: Remove Underlines from Hyperlinks in FrontPage 2000
222949 FP2000: Creating Hover Effects for Form Buttons using DHTML and CSS

Propriedades

ID do artigo: 825450 - Última revisão: quinta-feira, 21 de dezembro de 2006 - Revisão: 1.1
A informação contida neste artigo aplica-se a:
  • Microsoft Office FrontPage 2003
Palavras-chave: 
kbhowto KB825450

Submeter comentários

 

Contact us for more help

Contact us for more help
Connect with Answer Desk for expert help.
Get more support from smallbusiness.support.microsoft.com