Postagens
Importante ressaltar que esse efeito não irá funcionar em todas as imagens do seu tumblr, só funcionará nas imagens que você colocar o código.
1º Passo) Abra o Customize e vá em Theme (Na aba Custom HTML)
2º Passo) Copie o código a seguir e cole logo abaixo de <head>
<style type="text/css">
<!--
#lightbox{background-color:#
#lightboxCaption{font-size: 0.8em;padding-top: 0.4em;}
#lightbox img{ border: none; }
#overlay img{ border: none; }
#overlay{background-image: url(http://img534.imageshack.
* html #overlay{
background-color: #333;background-color: transparent;background-image: url(http://img43.imageshack.
-->
</style>
<script type="text/javascript" src="http://static.tumblr.com/
Aperte Update Preview para ver se está tudo certo com o seu theme, se estiver tudo ok, salve.
Aperte Update Preview para ver se está tudo certo com o seu theme, se estiver tudo ok, salve.
3º Passo) Abra um post do tipo Texto e clique em HTML
4º Passo) No HTML do post cole o código abaixo
<a href="Link da Imagem" rel="lightbox" title="Descrição da Imagem"><img src=" Link da Imagem "></a>
No lugar de Link da Imagem coloque o link da imagem que você quer, de preferência uma imagem que já esteja no tumblr. No lugar de Descrição da Imagem coloque a descrição que irá aparecer no final da imagem quando ela abrir no box.
Esse tutorial foi feito com a grande ajuda do nosso leitor Matheus Souza
No lugar de Link da Imagem coloque o link da imagem que você quer, de preferência uma imagem que já esteja no tumblr. No lugar de Descrição da Imagem coloque a descrição que irá aparecer no final da imagem quando ela abrir no box.
Esse tutorial foi feito com a grande ajuda do nosso leitor Matheus Souza
Fonte: www.dicastumblr.com
0 comentários:
Postar um comentário