Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

AlexCT

Caixa do link colorido

Recommended Posts

queria saber como faço para deixar quando o mouse fica em cima do link , o texto do link fique com o fundo colorido (a caixa colorida)

Compartilhar este post


Link para o post
Compartilhar em outros sites

Essa tu vai achar fácil.....Seguinte....é puro CSSSabe como criar um estilo através do dreamweaver?Poderia te dar o código direto para você colar no seu html...mas não acho válido para o fórum que é Dreamweaver e não HTMLNa paleta de CSS styles do seu DW você irá criar um novo estilo....Por exemplo.box-bgACredito que saiba criar um estilo através da palheta CSS Styles.Continuemos....Após criado o estilo...vamos definir as propriedades deste estilo....Bem..na caixa de diálogo você tem 8 opções:TypeBackgroundBlockBoxBorderListPositioningExtensionsPara você começar a entender este procedimento você deverá definir apenas as configurações de "Type"Pronto agora você tem um estilo para seu link quando o mouse não estiver sobre ele...Mas prescisamos do efeito que você quer....o box certo?Lá vai..agora você vai definir as propriedades do estilo a:hover que você vai criarquase da mesma forma....que o anterior...Continuemos...Quando abrir a caixa de diálogo New CSS Style você deverá definir que quer a opção use CSS Seletor ...é a terceira opção em type...Agora perceba que mudou de "name" para "seletor" no Jump menu desta mesma caixa de New CSS Style.Bem escolha a:hover no jump menu..... Pronto agora definiremos as configurações do a:hover da mesma forma que fizemos no estilo anterior...apenas com a diferenção que escolheremos Background para definirmos a cor do fundo que você quizer....pronto....Se você quizer que a caixa com a cor que você definiu para a:hover seja maior na largura ou altura deverá configurar tbm a opção Box neste mesmo estilo a:hoverSe não deu pra entender..manda um pvt que eu te mando um tutorial ...beleza.Crab

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.