Jump to content


Photo

Colocar Imagem No Hover Do Link


  • Faça o login para participar
10 replies to this topic

#1 marcmc

marcmc

    Novato no fórum

  • Usuários
  • 11 posts
  • Sexo:Não informado

Posted 27/05/2009, 09:36

Pessoal,

Não sei se alguém aqui já postou um tópico parecido, mas eu gostaria de uma ajuda. É o seguinte, existe alguma maneira de ao passar o cursor do mouse sobre um link em modo texto e ele me mostrar um link em modo figura? Tipo logotipo de uma empresa. Atenção, não é um pop-up não, é uma figura no lugar do texto. Eu poderia colocar logo a figura como link mas por razão de espaço não ficaria conveniente. A idéia é evitar do cara usar a barra de rolagem.


Obrigado

Edição feita por: Édipo Costa Rebouças, 27/05/2009, 12:29.


#2 DarkSign

DarkSign

    Doutor

  • Usuários
  • 868 posts
  • Sexo:Masculino
  • Localidade:Brasil
  • Interesses:Tecnologias na área WEB em geral e desenvolvimento.

Posted 27/05/2009, 11:32

Usar barra de rolagem? Não entendi essa parte.

Mas o que vc quer é de fato simples.

basta adicionar a regra background no CSS do link hover, parecido com o codigo abaixo.

a:hover {
  background: url(pasta_de_imagens/linkup.gif) no-repeat center;
  text-indent: -3000em;
  overflow: hidden;
 }

isso informa que quando o link estiver em "hover" (mouse em cima), ele colocará um fundo no lugar do texto.
Vamos ver:

background - fundo do link
text-indent - esconder texto
overflow - como o texto é deslocado -3000em pra esquerda, impede que ele seja exibido ultrapassando o link.

Não testei o código, mas o caminho é por ae.

/*DS*/
Não sabe por onde começar? Que tal pelas Regras ?

#3 Maykel Esser

Maykel Esser

    Super Veterano

  • Usuários
  • 1536 posts
  • Sexo:Masculino
  • Localidade:Curitiba - PR

Posted 27/05/2009, 14:11

Tenho um que eu usei, que na verdade ele cria um "box", onde vc pode colocar, tanto texto como imagem.

[codebox]<a href="#" class="dcontexto">Passe o mouse<span><img src="imagens/seila.jpg"/></span></a>[/codebox]
[codebox]a.dcontexto{
position:relative;
padding:0;
color:#9d7d42;
text-decoration:none;
border-bottom:2px dotted #fea500;
cursor:help;
z-index:24;
font-family: Tahoma;
font-size: 11px;
font-weight: bold;
}
a.dcontexto:hover{
background:transparent;
z-index:25;
}
a.dcontexto span{
display: none
}
a.dcontexto:hover span{
display:block;
position:absolute;
width:300px;
top: 15px;
text-align:justify;
left:0;
font:11px Trebuchet MS;
padding:10px 10px;
color:#6F4A00;
background-color: #FFFEF0;
}
[/codebox]

Se este post lhe ajudou, ajude o fórum também. Use a reputação de mensagens! add.png


#4 LarPhozyHah

LarPhozyHah

    Super Veterano

  • Usuários
  • 14515 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 20/09/2017, 13:37

Zithromax Shelf Life cialis price Kamagra Pills In South Africa Buy Cialis Brand Online Acquisto Levitra In Farmacia Original Cialis Lilly online pharmacy Viagra Alternativen
Prednisone Online Bestellen online pharmacy Achat Cialis Uk Como Hacer La Propecia Acquistare Viagra Originale Propecia Effectiveness Hair Loss Levitra Drug Interactions cialis online Cialis Schweiz

#5 LarPhozyHah

LarPhozyHah

    Super Veterano

  • Usuários
  • 14515 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 27/09/2017, 23:54

Pvp Viagra Compra Viagra Generico cialis Viagra Healthy Man

#6 LarPhozyHah

LarPhozyHah

    Super Veterano

  • Usuários
  • 14515 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 07/10/2017, 20:49

20mg Cialis canadian generic levitra Amoxicillin Dosage For Ear Infection
Cialis 20 Mg Utilizzo Disfunzione Erettile Cialis Comprar Cialis Generico Tadalafil viagra Buy Periactin Pills

#7 RonsisM

RonsisM

    Super Veterano

  • Usuários
  • 15724 posts
  • Sexo:Masculino
  • Localidade:Plovdiv

Posted 07/10/2017, 23:17

24hr Candian Pharmacy Efectos Cialis viagra Is Cephalexin Safe While Breastfeeding Salzarex Gen Amoxicillin 750mg Cialis Achat Sur
Cheap Cialis Canada viagra Nolvadex Generique

#8 LarPhozyHah

LarPhozyHah

    Super Veterano

  • Usuários
  • 14515 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 23/10/2017, 08:11

Il Viagra Funziona Anche Per Le Donne levitra Buy Accutane Online Fast Delivery Levitra Prix Casablanca Buy Viagra Pfizer Online
Bystolic For Sale Propecia Without A Prescription Male Pattern Hair Loss Levitra Efficacite viagra Buy Ciprofloxacin Hydrochloride Ophthalmic Solution
Buy Nolvadex Online Order Diflucan Online Canada Cost Of 100 Mg Of Viagra cialis price But Generic Lexapro Online Cheap

#9 LarPhozyHah

LarPhozyHah

    Super Veterano

  • Usuários
  • 14515 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 02/11/2017, 19:56

Bromocriptine Buy Without Prescription Auragenerics viagra Sildenafil Generic
Direct On Line Fluoxetine Get Internet Overseas Shop Amoxicillin Capsule Shelf Life Ethanol Et Baclofen viagra Nuova Propecia Caduta Serum Sickness Clinical Signs Amoxicillin Discount On Line Fedex Shipping Isotretinoin 10mg Medication Direct

#10 LarPhozyHah

LarPhozyHah

    Super Veterano

  • Usuários
  • 14515 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 30/11/2017, 08:40

Elimite Generic Propecia For Sale Overnight Progesterone Ups Internet viagra Viagra Cialis Levitra Prezzi Dapoxetina Shopping
Where To Buy Fluconazole In Arizona Viagra Kamagra Apotheke viagra cialis levitra combo packs Lioresal Acheter En Canada Overnight Shipping On Cialis Cialis Compara Prezzi
Priligy Medicaments Bon Marche viagra Vipps Certified Pharmacy

#11 RonsisM

RonsisM

    Super Veterano

  • Usuários
  • 15724 posts
  • Sexo:Masculino
  • Localidade:Plovdiv

Posted 01/12/2017, 10:50

Prix De Vente Cialis levitra prezzi Viagra Pills Legal Sites Kamagra Gold 100mg Bentyl 20mg Shipped Ups
Effetti Del Cialis Farmacia Propecia Cpt Injection Cephalexin cialis Propecia Side Effects In Girl Cephalexin Dog Side Effects Cialis Jeune Homme
Buy Strattera Atomoxetine Usa Online Discount Valtrex Coupons viagra online prescription Cialis Generico Sicuro
Buying Levitra Online Without Prescription levitra coupon free trial Best Lisinopril No Prescription Canada
Canadian Online Drug Site Reviews cialis Generico Do Viagra Pfizer Vendite Kamagra In Belgio
Priligy Precio En Farmacias Productos Kamagra Tadalafil 20mg Lowest Price viagra Kamagra Over The Counter




1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq