7 replies to this topic

[Rafael Info]

olha só qdo vx coloca um link no dreaweaver ele fica sublinhado ....
gostaria de saber c tem como qdo o usuario passar o mouse ai sim ele ficar sublinhado "PORTAL"!!!

falow

[Pirucask8]

para isso você terá de utilizar o CSS...
o Dreamweaver tem um editor de CSS, se você olhar no menu do lado direito do progama, na paleta Design você visualizará a tab CSS STYLES..por ali você pode criar seus estilos para link's e qualquer outra coisa que exista em sua page!

<style type="text/css">
<!--
a:hover {
	text-decoration: underline;
}
a:link {
	text-decoration: none;
}
-->
</style>

esse é o código que você deve colocar entre as tag's HEAD de sua page!

[pgnall]

ai, Piruca esqueceu de por se ele quizer o codigo completo:

<style type="text/css">
<--
/*link normal*/
a:link {color:cor; text-decoration:(descrição)}
/*link vistado*/
a:visted {color:cor; text-decoration:(descrição)}
/*link com o mouse em cima*/
a:hover {color:cor; text-decoration:(descrição)}
/*link ativado*/
a:active {color:cor; text-decoration:(descrição)}
-->
</style>

as coisas que eu botei ali:
/*texto*/ = isto é um comentario

e

(descrição) = fica sem as "()" é:
none =sem nada
underline = sublihada
overline = risco em cima
underline overline = com os dois

e tu ainda pode diminuir o tamanho do html botando

aqueles textos de css sem as tags <style>, mas vai ter que salvar somente aquele texto como algum nome.css e inserir assim:

<rel link="stylesheet" src="nome dado ao arquivo.css" type="text/css">

você tambem pode fazer varios links assim com formas diferentes:
é so por:

<style type="text/css">
<--
a.nome:link {...}
...
-->
</style>

e nos link:

<a href="pagina.ext" class="nome">texto</a>

simples naum?

é muito tri mecher com CSS


espero ter ajudado

[Rafael Info]

ow mais naum toh conseguindo usar ... sou meio lerdo .... tipow meu dreaw e ingles e o menu esta no lado direito .... dentro de table ....

[Rafael Info]

ok ... bom consegui fazer q mude a cor e tal .... entretanto gostaria q acontece-se o seguinte ...
como eu faço para ter um link q naum esteja sublinhado ... estilo ow do WMONLINE meu ... dai qdo passar o mouse ele fica sublinhado
FALOW

[Pedro_Henrique]

O text-decoration no estado normal do link deve ser none e no estado hover vc coloca text-decoration: underline

[htt]

Vc tem q fazer assim:
Nos menus da direita, existe a opição "design", nela a opção "estilos css" (se não estiver aparecendo janela > estilos css)
Clique no botãozinho "novo estilo css"
Escolha o tipo "utilizar o seletor de css" e no seletor escolha "a:link". Definir em "apenas este documento". Clique em ok.
Em decoração escolha "nenhuma".
Confirme.

Faça a configuração q vc quiser com "a:hover", q coresponde ao como o link ficará quando a seta ficar em cima.

Acho q é isso q tu quer saber.

FLW pru C.

Ok, apreciei as dicas, começo a entender, mas a pergunta é:

como aplicar esta folha de estilo na palavra ou frase q será o link, pois ao clicar em "Nenhuma" no a:link e F12 para ver o resultado, minha palavra continua sublinhada, algo estou fazendo errado.

Grato.