7.1.19

Efeito descricao hover 2


Gente, não sei nem por onde começar, será que tem alguém vivo por aqui ainda? Tudo bem mores? ヾ(。^ω^。)ノQuanto tempo né? Chessus, eu não estava muito afim de voltar não, sei lá, a minha vontade não é a mesma de antes mas consegui fazer um layout novo e aqui estou eu. Desculpem pela demora em postar mas eu estava muito estressada com a faculdade que não tinha vontade nenhuma de entrar no pc, não ao menos para blogar. Mas agora vai, está tudo mais calmo e eu menos louca, vou postar aos poucos 

Gente, vem cá, cês tão vendo ou já viram a série Lucifer? Meu Dels, eu terminei a 3º temporada e tô gritando aqui, eu tô super ansiosa para a estréia da 4ª temporada, quem ainda não viu Lucifer, por favor assista que vocês não vão se arrepender. E o que é essa notícia de que vai ter comeback de BTS no inicio do ano já? Gente, eles não descansaram nada ainda, é muito puxado e eles devem estar muito estressados e esgotados, acho que a Big Hit devia dar umas férias maiores para eles, tipo uns 6 meses, eles merecem tadinhos.

Vamos lá? LIVE PREVIEW o(^∀^*)o

Vá até o seu modelo e cliquem e editar html, dentro procure por: ]]></b:skin> e acima dele cole o seguinte código:

.describazin {
display: inline-block;
margin-left:px;
margin-top:px;
overflow: hidden;
border: 0px solid #fff;
z-index: 1;
}
.describazin:hover {
-webkit-transition: all 1.2s ease-out;-moz-transition: all 1.2s ease-out;
}
.describazin img {
display: inline-block;
width:185px;
height:110px;
}
.describazin:hover #descri {
margin-top:-113px;
height: 100px;
opacity: 0.9; 
-webkit-transition: all 1.2s ease-out;-moz-transition: all 1.2s ease-out;
}
#descri {
background-color:rgba(225,225,225,0.5);
position:absolute;
width: 175px;
height: 8px;
line-height:12px;
margin-left:0px;
margin-top:-25px;
padding: 5px;
overflow:hidden;
font-size: 12px;
font-family: 'Lato', sans-serif;
text-shadow: 1px 1px 1px #8b8b84;
text-align: center;
color: #fff; 
-webkit-transition: all 1.2s ease-out;
-moz-transition: all 1.2s ease-out;
}

Para funfar os links, dentro de um gadget cole o código:

<div class="describazin">
<img src="IMAGEM" />
<div id="descri">TÍTULO AQUI<br /><br />Descrição fofa aqui neste pedacinho fofo</div>
</div>

Beijos!

6 comentários:

  1. Roh! Bem vinda de volta mulher. Já disse, mas repito: estava com saudades! ♥

    Eu entendo a sua vontade de não voltar mais, afinal, a blogosfera não anda mais a mesma, não é? Anda tudo muito parado! Eu mesmo já pensei em desistir várias vezes (bom, mas eu sou um caso a parte nessa história, pois eu blogo pra mim mesmo... para desabafar e tals), mas não desista, por favor! Eu AMO esse seu cantinho e não sei o que seria de mim sem você. Seus tutoriais me ajudam muito e você é minha maior inspiração. Seria meu sonho fazer layouts tão lindos iguais ao seus? Com certeza! Se eu não desisti do meu cantinho até hoje é porque eu me inspiro muito em você. Tu é fod* ♥
    Enfim, não desista, ok? Pois as poucas pessoas que restaram na blogosfera ainda precisam de tu. Ah, acho que você não tem a intenção de tornar esse cantinho em algo mais pessoal, acho que a sua ideia é que seja exclusivamente voltado para HTML e CSS, mas se for o caso, já pensou em mudar o foco as vezes? Sei lá, tipo, pra você se "distrair" um pouco. Enfim, é só um sugestão para dar "aquele gás" e não desistir das coisas por aqui. E eu só queria deixar registrado que eu sempre vou acompanhar o seu blog (até mesmo em outros formatos) e desejo imensamente que você não desista *u*

    Nem vou falar sobre o novo layout, porque como sempre, está hino! O que eu mais gostei foi o hack leia mais abaixo do título achei muito cute *u* E esse rosinha também tá muito pretty ♥
    Poxa, espero que o período estressante com a faculdade tenha passado? Aliás, quando você se forma, moça?

    Nossa, até tu recomendando Lucifer? Ok, vou ter que assistir essa série. Você deve ser a quarta pessoa que recomenda essa série, mas eu sempre deixo pra lá por causa do nome, sei lá, parece meio, clichê (?) kkkkk ~mejulgue. Mas não é que o trem deve ser bom mesmo? Vou dar uma chance. Prometo. Depois venho dar meu feedback aqui, ok? Tô falando sério kkkkk

    Sinto muita dor no coração pelos nossos meninos. Depois do "boom" que o BTS se tornou nos últimos anos eles nunca mais tiveram um descanso merecido </3 Não é atoa que os coitados pensaram em "disbandar" no começo do ano. A BigHit está ficando mais mercenária que a SM! Queria tanto protegê-los...

    Amei o tutorial ♥ Já vou dar um jeito de encaixá-lo em algum layout!
    Mais uma vez: tu arrasa!

    Beijos, Roh e até a próxima. Espero que você não desista do blog e nem suma, ok? Se precisar for flodar o seu ask com pedidos de tutorias, ok? kkkkkk

    PS: Vou te seguir no insta *u*

    ResponderExcluir
    Respostas
    1. Chessus menina, fiquei duas horas lendo o seu comentário hahahaha, mas amei voltar e ler esse textão, me sinto muito amada.

      Beijos!

      Excluir
  2. primeiramente, se eu pudesse sequestrar um layout eu sequestrava o seu e o judiava com todo amor do mundo, iria encher de beijos malignos e carinhos hahaha sou muito cruel.
    minha tia assiste lúcifer, mas eu tenho muita preguiça de assistir sendo que meu catálogo de série tá lotada kkkk mas, eu ficava com medo dela (evangélica) dizendo o quando amava o "Luluzinho" e amava essa série. Não entendia (por estar fora do contexto) até eu lembrar que assistia Hannibal e que é difícil mesmo odiar um personagem sendo que o diretor faz o favor de deixar o vulgo "cara mau" ser tão charmoso e carismático.── bighit acha que bts é indestrutível literalmente? eu dava um descansinho, mds sai comeback e entra outro, nem tempo de criar uma fic do conceito. Ainda com a noticia do kai e a jennie atropelando minha Timeline. (peço que a Dispatch não flagre meu namoro com o namjoon, pfv queremos privacidade).

    estou construindo uns layout aleatórios, e nem vou dizer que seu blog é minha caverna de html :v ♥

    ResponderExcluir
    Respostas
    1. Olá, tudo bem?
      Gostou mesmo? No início não era o que eu queria sabe? Mas no final saiu isso.
      Assista Lucifer sim, como eu disse antes, não irá se arrepender.
      Fico feliz que o meu blog ajude em algo hehe.

      Beijos!

      Excluir
  3. toda vez que entro aqui dá vontade de ficar admirando por horas os seus layouts de tão bonitos e criativos que são. sério, eu sempre fico tipo ":O como ela pensou nisso?". você é minha inspiração #1 para construir os meus layouts e me ajuda bastante com os seus tutoriais :)

    não costumo assistir séries, mas sempre ouço comentários positivos sobre lucifer (e o seu protagonista ahahah). talvez algum dia eu arranja tempo e disposição para assistir.

    e como assim bts vai fazer comeback no começo desse ano? os meninos nem vão conseguir respirar direito fazendo tour até abril, imagine fazer outro album! espero que seja um alarme falso ou que, sei lá, a bighit foque um pouco mais no novo grupo que estão criando.

    ah, e adorei o efeito hover da descrição. ainda mais com essas fotos lindinhas do hoseok <3

    feliz ano novo :)

    ResponderExcluir
    Respostas
    1. meu Deus que mal educada eu fui, me perdoe, as vezes eu acho que já respondi todo mundo e quando vou olhar os posts novamente tá sem a resposta.
      Me desculpe mesmo, não foi a minha intenção.

      E sobre os elogios eu nem sei o que dizer, fico muito feliz em ser reconhecida e de que gostem do que eu crio.

      E sobre os meus layouts, na verdade sempre me inspiro em layouts de tumblr, eles são maravilhosos e super diferentes, me inspiro e depois tento por em prática o que vem em minha mente, claro, nunca plágio apenas inspiração mesmo.

      Beijos linda =3

      Excluir

Olá! Se chegou até aqui é porque leu toda a postagem certo? Não? Poxa, comenta antes de sair e por favor, tente ler todo o conteúdo do post pois, por mais que a maioria do que eu escrevo seja sobre css e html, eu também comento sobre vários assuntos no mesmo post.

E abaixo, algumas regrinhas para seguir e fazer um comentário bem maroto:

1 - Comente apenas se sentir a vontade e queira.

2 - Seja educado, não use palavras inapropriadas, respeite os outros comentários e opiniões alheias.

3 - Se eu fico feliz quando comentam algo? Ô se fico, na verdade adoro!

4 - Antes de sair além de comentar deixe o link do seu bloguinho caso queira pois assim conseguirei lhe visitar e deixar um recadinho.

5 - Quer ser afiliado ao blog? Só pedir nos comentários ou na própria página direcionada a isto, estou precisando de afiliados mesmo rsrs.

Obrigada por tanto e obrigada por me acompanhar até aqui, fico muito feliz e grata pela sua companhia!

Roh ~

GNMH - LAYOUT E DESIGN POR RDS / CRIADOS EXCLUSIVAMENTE PARA ESTE BLOGUINHO ❤