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">Explicações :
<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>
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 ~
~Yeey Luci-Chan
ResponderExcluirSou nova aqui e amei seu blog,muito perfeito :3
Adorei o tutorial!
Aceita afiliação?
Rainbow of Kittens |~Kissus
Sim , vou te por
ExcluirLuci-Chan
ExcluirNão estou conseguindo seguir seu blog!