Link com campo de descrição

[tsubasa1985 0]

Oi gente!

Keria saber se tem algum tópico por aki ou se alg sabe como fazer

um campo de descrição, tipo um balãozinho pra descrever o link,

mas sem ser usando o title dentro da tag.

Eu já vi isso em algum lugar, tipo, você passa o mouse em cima, daí

esse balãozinho aparece.

Keria saber onde posso encontrar isso. http://forum.imasters.com.br/public/style_emoticons/default/blush.gif

Vlw galera! http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

[hargon 64]

Coloquei um exemplo no link abaixo:

http://rapidshare.de/files/14550015/linkdescricao.zip.html

 

Retirei o código da página

http://www.maujor.com/tutorial/photolist.php

[THE_WATCHER 0]

Ou então você pode fazer com o title e estilizá-lo via CSS. Veja neste link uma matéria do Revolução Etc ensinando como fazê-lo. Eu fiz e achei bem bacana.

[tsubasa1985 0]

Coloquei um exemplo no link abaixo:http://rapidshare.de/files/14550015/linkdescricao.zip.htmlRetirei o código da páginahttp://www.maujor.com/tutorial/photolist.php

Ola, po gostei desse exemplo, alias gostei dos dois q me deram, então resolvi pegar este q hargon pos aki. :) Bom, eu consegui mudar a descrição e ficou do jeito q eu keira.Só q a posição delaem relação ao link ficou mt grande e pra baixo. :blink: Bom... :huh: Será q tem como mudar isso? Bota-la do lado direito do link e mais"colada" nele? http://forum.imasters.com.br/public/style_emoticons/default/ermm.gif Porque tirando isso gostei mt de como ficou. ^_^ Abraços e obrigada por me ajudarem. http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

[hargon 64]

Eu não comparei o JS do THE_WATCHER com o meu, mas o resultado é o mesmo e ambos fazem a mesma coisa. Utilizam o title para fazer a descrição. :D

 

Em relação ao posicionamento da descrição, utilize as propriedades margin-top e margin-left para posicioná-la onde desejar. Testa este exemplo abaixo, se não estiver onde você quer, modifique os valores.

div.nicetitle {
	border: #333333 2px solid;
	padding: 0px;
	background: #CCCCCC;
	left: 0px;
	top: 0px;
	font: italic 0.95em Arial, Helvetica, sans-serif;
	position: absolute;
	margin-top: -50px;
	margin-left: 50px;
	font-size: 0.85em;
	COLOR: #00F;
	text-align: center;
}

[Harley-HD 0]

Coloquei um exemplo no link abaixo:http://rapidshare.de/files/14550015/linkdescricao.zip.htmlRetirei o código da páginahttp://www.maujor.com/tutorial/photolist.php

Olá!Náo consegui ter acesso ao arquivo de http://rapidshare.de/files/14550015/linkdescricao.zip.htmlPodes me enviar ou disponibilizar em outro local?Quero fazer os links com descrição exatamente como no site www.maujor.com/tutorial/Abraço!Alex P. B.

[pa_bruno 0]

naum olhei os exemplos, mas creio q seja usando o title modificando por javascript e css... algo assim certo?

 

dentro do portal http://www.videolog.tv criei um exemplo pra isso... cadastre-se lah e qnd logar, dentro d algumas páginas tem uma interrogação... por exemplo, na direita, onde tem o HD Virtual (naum esqueça q tem q estar logado e dentro da página d amd ;) )

 

aponte para a interrogação e veja... utilizei position absolute e um estilo pros boxes e utilizei javascript para ocultar e aparecer o box...

 

eh soh dar uma olhada no código e no css ;)