[Lucia]

Usando o recurso de efeitos DHTML no FrontPage

É bastante comum vermos sites com uns links diferentes e ficarmos com uma vontade
enorme de usar esses links. Até encontramos em sites que oferecem scripts prontos,
mas na hora de inserir esses scripts em nossas páginas...vem o sofrimento:
fazemos de um jeito ...e não dá certo...de outro e não dá certo...depois de 1001
tentativas, desistimos e ficamos como nosso linkquezinho popular.
O FrontPage oferece a ferramenta necessária para fazermos esse trabalho.

Vá em exibir -> ferramentas -> efeitos DHTML:
Vai abrir essa barra...



digite o texto do link e selecione e na barra de ferramenta DHTML vá em:

"Escolha um evento" -> ao passar o mouse
"Escolha um efeito" -> formatação
"Configuração" -> escolher borda

Vai abrir uma janela assim:



Nesta janela, escolhi para o exemplo o estilo "sólido", a cor verde e a largura 2px.
Coloqouei abaixo um arquivo funcionando para exemplo.


Link 1

Aqui vou mostrar um menu bem fácil e bonito.
Veja logo abaixo como ficam os menus:



Antes de tudo: Vá em exibir -> ferramentas -> efeitos DHTNL

Crie uma tabela com quantas linhas você precisar, uma para cada link.
Dentro desta tabela crie outra tabela onde será escrito o texto do link.
Se você quiser que apareça uma borda nesta tabela de dentro, como na borda do 2º link acima, clique na tabela com o botão direito do mouse vá em propriedades da tabela -> formatar-> estilo -> borda -> tracejado.
Escolha a cor do tracejado e coloque no tamanho 2px.
No 1º link com fundo laranja, é só clicar na tabela e ir em propriedades da tabela.
Escolher uma cor para o plano de fundo.

Agora vamos ver um outro tipo de menu, esse é na horizontal:



Aqui criei uma tabela com uma linha e seis colunas, com 94 porcentagem na largura.
Em enchimento da célula coloquei 1
Em espaçamento da célula 5
cor de plano de fundo FFCCOO
Para a borda fui em: Propriedades da tabela
-> formatar -> estilo -> formatar -> borda

Em Estilo coloquei "sólido" -> cor -> preta -> largura 2px
Efeitos DHTML utilizados:
-> evento -> passar o mouse -> efeito -> formatação -> configuração -> escolher borda - sombreamento -> e cor FFF3C4

Caso queira fazer este menu com tracejados, é só quando for em "Estilo" escolher tracejado , fica assim:




E se escolher pontilhados, colocando tamanho 8px temos este visual:



Veja no link abaixo o menu funcionando:

Link 2


A partir daí, já dá pra você colocar a criatividade em prática e inovar.
Abraços

Este post foi editado por Lucia: 02/05/2006, 21:18