Colocando Tooltip em todos os links!

Holá amores, everything is fine? Tudo bem com todo mundo? Espero que sim u.u! Amores como vocês sabem eu ando fuçando em muita coisa net, e muito dessas coisas são blogs, tumblrs e o escambau, e com isso percebi que muitos blogs pequenos e até grandes não sabem como colocar aquele balãozinho em imagens, muitos donos de tumblrs postam trilhões de efeitos que tanto amamos, mas muitos apenas disponibilizam esses efeitos ( afiliados, moderadores, recomendo etc..) apenas com links normais, para apenas mostrarem o efeito na imagem. 

Eu um dia fiz um teste, peguei um efeito em um tumblr de html que era diferente de muitos que havia testado, testei em vários outros links para ver se eu estava correta na tentativa, e voilá a minha tentativa estava certa, e com isso quero ensinar a quem não tem a mínima idéia de como fazer isso! Porque as vezes o blog tem imagens de elite, moderadores e várias outras coisas mas sem nada, sem nada que eu digo é sem os balõzinhos que deixam esses efeitos muito mais charmoso e legal!

Vou demonstrar aqui um exemplo de link de imagem com e sem tooltip:


Link sem tooltip

<a href="link" class="rollover"></a>

Com tooltip

<a href="LINK URL"target="blank" title="NOME BLOG"><img src="LINK IMAGEM" class="try" /></a> 

Estão vendo a diferença? No sem link tem apenas o link da url e a classe do efeito, mas se adicionar o css nos códigos combinando eles podemos mostrar tooltip em todos os links que queremos. Onde está "target="blank" title=  é o que faz ter esse efeito do balão em todos os links. Se quiserem algum efeito e por links de urls e ainda mostrar os nomes coloquem esse efeito de css, eu na verdade amo e acho muito mais fofo mostrar os nomes e tals, acho mais organizado. Então amores espero que tenham gostado do post de hoje e que eu pude ajuda-los em algo ;) Kissus!!!
Querem ver os perfis de quem posta aqui? cliquem na imagem᠉
Continue

4 comentários:

  1. Muito legal ! <3

    princessofjeans.blogspot.com

    ResponderExcluir
  2. Achei o tutorial bastante útil, se bem que, honestamente, para mim nem faz grande diferença =P

    @Catching Stars

    ResponderExcluir
  3. se não for de incômodo, será que vc podia fazer um post ensinando como fazer nossos próprios tooltips? por exemplo eu vi que o seu é marrom com as letras em amarelo-queimado

    ResponderExcluir
  4. Nossa amei o tuto *--* Super útil!
    cute-bii.blogspot.com

    ResponderExcluir

Olá meus amores, os comentários devem ser direcionados somente ao blog e não a vida pessoal de ninguém! Qualquer dúvida peça pela Ask que responderei o mais rápido possível. Anônimo não adianta vir xingar pelos comentários que antes de mesmo de pensar em me ofender eles serão excluídos! Não gosto de tags, se quiser fazer fique a vontade mas não irei retribuir, não curto seguindo segue de volta =/ mas posso seguir se gostar realmente do blog, não julgo por layout ou por seguidores, avalio o blog e como disse se eu curtir é claro que sigo, afiliações? Peça nos comentários pois se pedir em outro lugar no caso páginas é bem provável que eu não veja! Então meus lindos espero que curtam cada cantinho do meu bloguinho e voltem sempre! kissus (*^3^)

Layout e codificação por Roh A.Ramos Os blogs que mais ajudaram com os tutoriais foram: CHIHDVCA Tecnologia do Blogger ♡ 2012 a 2017