Sejam bem vindos meu ao bloguinho, ele foi criado com o intuito de ensinar a quem necessita de ajuda em html e css, temos diversos tutoriais e materiais. Fiquem bem a vontade e qualquer dúvida que tiverem entrem em contato comigo ou peçam pela ask. Beijinhos caramelados e inté mais ♡
Search here
All that you want is here, css and html
Welcome to garota no mundo html.
- efeito legenda nas imagens de posts
- backgrounds grandes em aquarela
- Avatar do autor no post footer
- Leia mais na mesma linha do header
- Efeito Dragqueen e efeito Swing
- Três modelos de menus agenda
- Usando temas de tumblr no blog
- Criando seu próprio modelo de data
O tema atual do layout é: the fall of leafs
A meta dos posts do blog é de: 300 posts
A meta de comentários do blog é de: 3500
O blog foi inaugurado no dia: 27/12/2012
os Seguidores do blog atualmente são: 865
A versão atual do layout está na: 41ª vers.
folhinhas que estão no blog online agora:
folhinhas que já passaram por aqui:

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!!!

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^)