♡ Maratona de Tutorial - Descrição Demo (nas imagens) ♡


Boa tarde , finalmente a tia gaby apareceu. Eu vou começar a assistir Thor : O Mundo Sombrio , então meio que tipo to uau nossa , acabei e ver o trailer. Ontem não estive aqui , por que estava sem internet , então difícil isso. Hoje eu tomei uma bolada na cabeça. Mais meu cabelo aliviou , cabelo de pobre é assim ,até que me protegeu , e ele era gatinho , fiquei com um pouco de ódio , mais tava loca pra beijar ele. Enfim , hoje foi um dia ruim , por que se eu me lembro falei de uma cachorria que me aproximou de um garoto (e infelizmente não estamos nos falando mais por problemas) , mais essa cachorrinha eu descobri que um cara lá da escola matou ela a sangue frio , porque a cachorrinha não queria sair de lá.

Achei desnecessário ele fazer isso , fiquei magoada sinceramente , mais a vida segue , a menina chorou , eu fiquei com ódio e tomei uma bolada de um gatinho e cá estamos nós né? Bom hoje eu queria apenas assistir filme , e depois fazer uma resenha no meu blog pessoal que está ai do lado direito do blog , só clicar na imagem , vou postar depois por que to vendo filme agora. E para continuar com a maratona de tutoriais , hoje vou postar um efeito bem legal que tipo , era igual ao que eu tinha é uma descrição na imagem , eu não me lembro qual é o nome do efeito , por que eu peguei do meu layout antigo , mais tarde eu vou editar algumas coisas aqui e tentar trazer algo meu brevemente. Vamos lá?


01. Procure por ]]>< , e cole o seguinte código acima :
#demo-5{position:relative;
-webkit-transition-duration: 250ms;}
#demo-5 .details{
opacity: 0;
position:absolute;
top:0;
left:0;
margin-left:1px;  -webkit-transition: margin-left;
-webkit-transition-timing-function: ease-in;
-webkit-transition-duration: 250ms;
}
#demo-5:hover .details{
opacity: .8;
margin-left:0;
 background: #fff;
font-size: 12px;
text-align: center;
width: largurapx;
height: alturapx;
-webkit-transition-duration: 250ms;}

02. Vá em adicionar Java/Script , e cole isso dentro :
<div id="demo-5" class="demobox">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPnwhhVqtt3W5G277a-qUgV3gpAWYxZnDzit-y91-Co6NrPrQ_PESnlDXFwAFilLpSn7NBdfMlXMD78H4RSwe1_TbQAUcnCrBUMfxv5emHTx57lNLJq3NbMzWBtH7vLqj1JLdB7us03f4v/s1600/cats2.jpg"/>
<div class="details">
<h3>Welcome to my blog</h3>
<p>Coloque aqui sua descrição</p></div></div>
Explicações :
Em negrito , está a url da imagem , que você vai substítuir pela sua.
Em negrito , Ficará o título.
Em sublinhado , ficará a descrição (um pouco sobre você).

Espero que tenham gostado ~

3 comentários:

  1. ~Yeey Luci-Chan

    Sou nova aqui e amei seu blog,muito perfeito :3
    Adorei o tutorial!
    Aceita afiliação?

    Rainbow of Kittens |~Kissus

    ResponderExcluir

Olá , antes de você comentar , existe regras e gosto de pessoas que respeitem.
- Não fale nenhum palavra
- Aqui é proibido ofender as pessoas
- Não coloque comentários anônimos , se você tem medo , não comente
- Aceito Tags , Celinhos , etc ..

Regras básicas , porém , precisam saber que aqui é um lugar de paz. E eu não quero brigas , a não ser que de alguma form aja. Espero que gostem do blog , e se quiserem seguir , fiquem a vontade. Ate~ (Agora comente).