10 fevereiro 2014

Efeito Left

| |
Oi. Não vou perder meu tempo falando sobre o tempo que eu fiquei fora, já tá ficando chato...

Eu quero passar alguns avisos aqui: daqui a um tempo vou mudar meu template e quando isso acontecer eu vou parar de escrever essas introduções chatas por um simples motivo: eu odeio isso! Também tem algumas novidades vindo com o novo tema, apenas esperem um pouquinho, ok?

Sobre o efeito... ( )




1 • Aperte F3. Procure por ]]>< e acima cole:
#left-isa {
width: 240px; /* Largura */
height: 240px; /* Altura */
background: black; /* Cor */
margin-top: -246px; /* Altura do back colorido */
color: #ccc; /* Cor da fone */
text-shadow:0 1px #fff; /* Cor da sombra */
font-family: trebuchet ms; /* Fonte */
font-size: 12px; /* Tamanho da fonte */
text-align:center; /* Alinhamento do texto */
margin-left: 120px;
opacity:0;
-webkit-transition: all .5s ease-in-out
}
#left-isa:hover{
margin-left: 0px;
opacity: 0.75;
}

Mude apenas o que se pede no código, ok? Se não desconfigura e dá uma dor de cabeça...

2 • Depois de visualizar e salvar, vá em Layout > Adicionar gadgets > HTML/JavaScript e cole:
<center><a href='LINK'><img src="https://31.media.tumblr.com/94e8b5a14fc5a9661bcc83be40c3c59b/tumblr_inline_n04r95PF2u1sowndh.png" style="padding: 2px; border: 1px dotted #ccc;"/><div id="left-isa"></br><br />Escreva algo aqui. Escreva algo aqui. Escreva algo aqui. Escreva algo aqui. Escreva algo aqui. Escreva algo aqui. Escreva algo aqui. Escreva algo aqui.</div></a></center>

◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘

8 comentários:

  1. Quero ver logo o novo theme daqui *u* Enfim, adorei o efeito.

    Letícia Evans | Vida de uma SONE

    ResponderExcluir
  2. O efeito fica super legal, e eu também odeio escrever introduções, acho perda de tempo principalmente pra quem tem blog de tutoriais tipo eu e você ;-; . Ansioso pelo novo tema <3

    www.wehearthtml.com

    ResponderExcluir
  3. Que lindo esse feito, muito super.
    Ás vezes fica chato mesmo escrever uma introdução, às vezes fico sem ideia, mas as vezes tenho mesmo de escreve algo :3 não vejo a hora de ver o novo layout.

    A.N

    ResponderExcluir
  4. A minha introdução tem exatamente dez linhas, imagine o quanto é cansativo ç.ç

    Que perfeiçaum *0* Acho que irei usar :3

    htmlandresources.blogspot.com.br

    ResponderExcluir
  5. Que efeito bonito, super legal.

    http://morang-ochocolate.blogspot.com.br/
    Nova URL, visite.

    ResponderExcluir
  6. Ansiosa pro próximo Lay *o* É, as vezes escrever em excesso cansa d+... Efeito super exclusivo, lindo ♥ Seguindo, gostaria de se afiliar? Meu blogger é novo, então entendo se não for possível ;* Beijos, Cath.

    Creating Eternally

    ResponderExcluir
  7. Oi, eu queria saber como vc faz pra colocar as fontos girando, tipo, a pessoa passa o mouse na foto e ela gira.... Obrigada!

    ResponderExcluir
  8. tem como colocar link por exemplo: eu quero colocar uma postagem relacionada com a imagem no topo ai a pessoa clica na imagem e vai direto para a postagem?

    ResponderExcluir

« »