Balão de GIBI

[SerraVentura 0]

Tow fazendo um album...onde o usuario ao colocar o mouse em cima da foto vai aparecer o comentario da pessoa da foto....esse comentario vem de um Banco de dados....esse comentario apareceria tipo como a propriedade ALT da tag IMG....porem eu queria q aparecesse em formato de balão tipo de revistas em quadrinhos.....tipo desse site aqui http://www.macrocenter.com.br/....só q desse site foi feito em flash...tava pensando se não conseguiria resolver isso com DHTML ou javascript mesmo...

 

Alguem saberia de uma solução?

[andrealoisio 1]

Dá pra fazer sim, você joga uma imagem de um balão no background de um div ou um span e coloca o texto bem em cima da imagem, mas acho que vai ter que usar barra de rolagem pois os textos podem variar[]'s

[SerraVentura 0]

Mas como eu faço isso??a questão da barra de rolagem consigo resolver...mas naum sei como fazer o lance do balão...

[SerraVentura 0]

Putz ninguem sabe como resolver?

[giga_fire 0]

Putz ninguem sabe como resolver?

Mew, faz assim...1. Cria uma figura de um balão (balao.gif 400x150)2. Cria uma <div> com essa figura no fundo<div class="div_balao"></div>3. Depois é só inserir o texto ali no lugar certo. Olha o CSS abaixo.div_balao {background: transparent url(balao.gif) no-repeat scroll left; /* Regras do fundo */overflow: auto; /* Barra de rolagem */height: 110px; /* Um pouco menor q o balao */width: 330px;}Espero ter ajudado

[SerraVentura 0]

Valew aí pela resposta...vou dar uma testada...mas assim...onde entra a questão do mouse over?...pq tipo esse balão tem q aparecer no momento q o mouse estiver sobre a foto....sacou?mas valew mesmo assim ja da pra testar!!

[FabricioGomes 0]

deixa tudo como hidden (display: none) e no codigo do mouseover voce muda para display: inline (ou utilize visibility: visible ou hidden)

 

acreito que seria mais fácil voce criar as bordas, 8, sendo topo esquerdo, topo direito, topo centro, esquerda, direita, bottom, direita, bottom esquerda, bottom centro... ai voce coloca tudo dentro de uma tabela com 3x3 e coloca o texto no meio....

 

é uma ideia, da pra fazer com divs e spans... aconselho a procurar em http://www.dynamicdrive.com que deve ter isso...

 

abracos ;)

[SerraVentura 0]

Valew mesmo muito bom o site!