#lupapost

[nelsoncarlosblue]

E um dia você vai agradecer a favela por ter te tornado quem é hoje. #lupa #lupapost

[tasyakhairunni-blog]

Kita lagi kita lagi#lupapost

[revolutionhtml-blog]

Colocando Lupa no seu post.

Bom para quem não sabe a lupa é como se podesse dar um zoom no seu post,não fiz preview mais quem quiser da uma olhada nesse meu theme pra ter uma noção Aqui;

É bem simples, você irá copiar o código abaixo e colar entre <style> e </style>

.lupa{margin-left: 55px; position: absolute; opacity: 0; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; margin-top: 5px;}

.NOME DA SUA DIV:hover .lupa{opacity: 1; margin-left: 5px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; z-index:300;}

Feito isso logo abaixo de {block:post} ou {block:photo} você vai colar o seguinte código.

<div class="NOME DA SUA DIV">

{block:HighRes}<div class="lupa"><a href="{PhotoURL-HighRes}" target="_blank"><img src="http://static.tumblr.com/8yo5xxv/Hnjm5q2kf/lupa.png"></a></div>{/block:HighRes}

EXPLICAÇÃO: observe que está em negrito o nome da sua div,mais duda o que é isso? então, isso é o nome que está dado ao seu post, algumas pessoas colocam entry, ou all, ou até seus nomes,no meu caso eu coloco baseduh.. deu pra entender? se estiver com alguma duvida venha na ask, se tiver algum erro você irá tirar o {block:HighRes} e o {/block:HighRes} que está entre a <div> da lupa,mais por favor apague somente o mesmo.bom é isso.

Se lhe foi útil credite e dê liked pelo o tuto e alguns códigos.

{Duda}