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:

Efeito descrição Hover


Olá coisas fofas ✧⁺(●′▾‵●)⁺✧ Tudo certo? Estou tentando escrever e tenho que apagar quase tudo o que estou escrevendo pois meu gato está no pé meu brincando com ele, ou seja está mordendo e fazendo cócegas nele UASUASHuahsuahs EU amo esse pretinho >-< Mas então, estou demorando a postar né? E até demorando para retribuir e responder os comentários, mas acho que a maioria lembra que comecei a faculdade agora em fevereiro certo? Está faltando tempo para praticamente tudo, eu sabia que iria dificultar mais ainda para eu postar com frequência, eu acho que ao menos eu estou postando algo e não deixando o blog em hiatus ou coisa parecida. Melhor ter posts a cada dez dias do que não ter nenhum não acham? O jeito mesmo é improvisar e não fechar o blog!

LIVE PREVIEW ヾ(*ゝω・*)ノ

Vá até seu modelo e clique em editar dentro dê Ctrl F e procure por:]]></b:skin> acima dele cole o seguinte código:

.caixa1 {
width:230px;
height:150px;
padding:5px;
background:url(http://static.tumblr.com/koam7dd/Sr7nko391/teste_hover.png)no-repeat;
}
.descr {
background:rgba(255,255,255,0.9);
width:200px;
height:120px;
padding:10px;
opacity:0;
text-align: justify;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
transition: all 0.8s ease;
}
.caixa1:hover .descr, .box2:hover .descr { opacity:1; }
.outer {
border:1px solid #ddd;
width:230px;
height:150px;
padding:5px;
}
.top { margin:0 0 10px px; }

Para a descrição funcionar cole este código dentro de um gadget: 

<div class="outer top">
<div class="caixa1">
<div class="descr">Olá amigos, sim isto é uma descrição hover, escreva o que quiser aqui neste cantinho ok? Preencha com seus sonhos, desejos, gostos e intenção com o seu blog e descreva todas as suas atividades com ele.</div>
</div>
</div>

Obs:  O código base foi pego no Html Party e editado por mim, se quiser a descrição de outros tamanhos edite a área em que está a imagem e altere o tamanho da imagem certo? Kissus amores.

6 comentários:

  1. Este comentário foi removido pelo autor.

    ResponderExcluir
  2. Que fofinho seu gato, gentem! Tenho duas gatinhas em casa, amo gatosヽ(*ω。)ノ Nós compreendemos a falta de posts, só não se sobrecarregue! Tenta em tempo livre fazer alguns posts e programá-los pra postar no GNMH, tudo que não queremos é um hiatus ;_;
    Eu sempre quis aprender esse efeito, já tinha visto em um trilhão de themes do tumblr e skins, obrigada por postar, Roh! >3<

    Sakura || Miki Candy ♥

    ResponderExcluir
  3. Eu queria ter um gato :( acho eles mais quietos do que cachorros e mais sei lá, gosto mais de gatos aoidjidosd, mas eu tenho meu cachorrinho e não trocaria ele por nada ♥ ~bipolar só que sempre. Eu entendo, faculdade é uma correria mesmo, ainda faltam dois anos pra eu chegar nela mas minha irmã está fazendo e ela não tem tempo nem de respirar, imagina de cuidar de um blog oaisjao.
    Wowwww, que efeito perfeito *w*, achei muito lindo e fofo, estou terminando o meu próximo layout, faltam apenas alguns detalhes então nem dá pra usar, mas com certeza irei usar em algum layout free, muito lindinho ^3^

    Beijos, Thai. | henndrauhl visite!

    ResponderExcluir
  4. Já tinha vesto este efeito e achei ele super cute, talvez eu use no meu próximo layout, a propósito, adorei este lay do gnmh ...

    ~ MR acabou de reativar || ♡ Mini Realeza ♡ xoxo migs ~

    ResponderExcluir
  5. Oii. Tudo certo, e vc? Gente eu sempre quis ter um gato ou cachorro, mas eu moro em apartamento e tenho alergia :c Imagino como deve ser a correria kk eu ainda to na escola e tenho que acordar cedo e pegar ônibus, não tá facil pra ninguém kk.
    Ai que efeito lindinho >.< eu tava fazendo um layout e agora que vi o efeito acho que vou mudar o lay todo só pra usar ele kkBom que eu ainda to no começo.. Bjs^^
    ♡ Misty Roses ♡

    ResponderExcluir
  6. Gatos são umas fofurinhas ♥ Esse efeito é maravilhoso, simples mas ao mesmo tempo incrível!
    Beijos ~
    [ m o u l i n ▲ r o u g e ]

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