Top Posts Tagged with #enquantovivermos | Tumlook

Menu Slide..:

Aprenda a colocar um menu slide no seu tumblr. Esse menu é aquele que tem apenas uma palavra ou frase que quando clicada abra várias opções de links. 1º Passo: Copiar o código abaixo e cola-lo imediatamente acima de </head>. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $(".links_body").hide(); $(".links_head").click(function(){ $(this).next(".links_body").slideToggle('fast'); }); }); </script> <style type="text/css"> .links_list { margin:0px; padding:0px; width:180px;} .links_head { padding-top:5px; padding-bottom:5px; cursor:pointer; position:relative; margin:1px; text-align:center;} .links_body { padding:10px; text-align:left; color: #fff; display:none;} </style> 2º Passo: Copie o código abaixo e cole na descrição. <div class="links_list"> <p class="links_head">PALAVRA</p> <div class="links_body"> <center> <a href="LINK">nome_do_link</a><br><a href="LINK">nome_do_link</a><br><a href="LINK">nome_do_link</a><br><a href="LINK">nome_do_link</a><br><a href="LINK">nome_do_link</a><br><a href="LINK">nome_do_link</a><br> </center> </div></div> No Lugar de PALAVRA, coloque a palavra que vai ser clicada, no lugar de LINK coloque o link e no lugar de nome_do_link coloque o que vai aparecer no lugar do link. Para colocar ou retirar um link basta adicionar ou eliminar essa parte do código: <a href="LINK">nome_do_link</a><br> 3º Passo: Veja se esta tudo certo com o seu theme, se sim salve, vá no seu tumblr e teste para ver se esta tudo funcionando direito.

#enquantovivermos #costumizacao

•18+ Adults Only

Watch Anya Live on Cam

Anya is live and ready to show you everything. Watch her strip, dance, and perform exclusive shows just for you. Interact in real-time and make your fantasies come true.

✓ Live Streaming✓ Interactive Chat✓ Private Shows✓ HD Quality✓ Free Actions

Free to watch • No registration required • HD streaming

Imagem se movendo..:

Seguindo os passos abaixo você irá aprender a colocar imagens passando na sua barra lateral.

1º Passo: Copie o código abaixo <marquee direction="left" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" width="150" height="200"> <a href="url link" target="_blank"><img src="LINK" /></a> <a href="url linkl" target="_blank"><img src="LINK" /></a> </marquee>2º Passo: No lugar de LINK coloque o link das imagens que vão ficar se movendo. 3º Passo: Copie o código já com os links e cole-o na sua descrição. 4º Passo: Veja se as imagens estão se movendo na barra lateral do seu theme, se sim salve e saia, se não, cancele.

#enquantovivermos #costumizacao

Link Colorido..:

Aprenda a deixar os links do seu tumblr mudando de cor quando alguém passar o mouse por cima deles.

1º Passo: Copie o código abaixo

<script type='text/javascript'> //<![CDATA[ var rate = 50; if (document.getElementById) window.onerror=new Function("return true") var objActive; // The object which event occured in var act = 0; // Flag during the action var elmH = 0; // Hue var elmS = 128; // Saturation var elmV = 255; // Value var clrOrg; // A color before the change var TimerID; // Timer ID if (document.all) { document.onmouseover = doRainbowAnchor; document.onmouseout = stopRainbowAnchor; } else if (document.getElementById) { document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT); document.onmouseover = Mozilla_doRainbowAnchor; document.onmouseout = Mozilla_stopRainbowAnchor; } function doRainbow(obj) { if (act == 0) { act = 1; if (obj) objActive = obj; else objActive = event.srcElement; clrOrg = objActive.style.color; TimerID = setInterval("ChangeColor()",100); } } function stopRainbow() { if (act) { objActive.style.color = clrOrg; clearInterval(TimerID); act = 0; } } function doRainbowAnchor() { if (act == 0) { var obj = event.srcElement; while (obj.tagName != 'A' && obj.tagName != 'BODY') { obj = obj.parentElement; if (obj.tagName == 'A' || obj.tagName == 'BODY') break; } if (obj.tagName == 'A' && obj.href != '') { objActive = obj; act = 1; clrOrg = objActive.style.color; TimerID = setInterval("ChangeColor()",100); } } } function stopRainbowAnchor() { if (act) { if (objActive.tagName == 'A') { objActive.style.color = clrOrg; clearInterval(TimerID); act = 0; } } } function Mozilla_doRainbowAnchor(e) { if (act == 0) { obj = e.target; while (obj.nodeName != 'A' && obj.nodeName != 'BODY') { obj = obj.parentNode; if (obj.nodeName == 'A' || obj.nodeName == 'BODY') break; } if (obj.nodeName == 'A' && obj.href != '') { objActive = obj; act = 1; clrOrg = obj.style.color; TimerID = setInterval("ChangeColor()",100); } } } function Mozilla_stopRainbowAnchor(e) { if (act) { if (objActive.nodeName == 'A') { objActive.style.color = clrOrg; clearInterval(TimerID); act = 0; } } } function ChangeColor() { objActive.style.color = makeColor(); } function makeColor() { // Don't you think Color Gamut to look like Rainbow? // HSVtoRGB if (elmS == 0) { elmR = elmV; elmG = elmV; elmB = elmV; } else { t1 = elmV; t2 = (255 - elmS) * elmV / 255; t3 = elmH % 60; t3 = (t1 - t2) * t3 / 60; if (elmH < 60) { elmR = t1; elmB = t2; elmG = t2 + t3; } else if (elmH < 120) { elmG = t1; elmB = t2; elmR = t1 - t3; } else if (elmH < 180) { elmG = t1; elmR = t2; elmB = t2 + t3; } else if (elmH < 240) { elmB = t1; elmR = t2; elmG = t1 - t3; } else if (elmH < 300) { elmB = t1; elmG = t2; elmR = t2 + t3; } else if (elmH < 360) { elmR = t1; elmG = t2; elmB = t1 - t3; } else { elmR = 0; elmG = 0; elmB = 0; } } elmR = Math.floor(elmR).toString(16); elmG = Math.floor(elmG).toString(16); elmB = Math.floor(elmB).toString(16); if (elmR.length == 1) elmR = "0" + elmR; if (elmG.length == 1) elmG = "0" + elmG; if (elmB.length == 1) elmB = "0" + elmB elmH = elmH + rate; if (elmH >= 360) elmH = 0; return '#' + elmR + elmG + elmB; } //]]> </script>

2º Passo: Cole o código imediatamente depois de <head>, aperte Update Preview e veja se esta tudo certo com o seu tumblr, se estiver salve, vá para a sua página do tumblr, procure por um link e veja se deu certo.

#enquantovivermos #costumizacao

Reblog This Tumblr..:

Algumas pessoas vem perguntando como colocar um link em cada post escrito Reblog This ao invés do botão de Reblog. Vou ensinar no tutorial de hoje como fazer isso. Para quem não sabe, esse link facilita para as pessoas que visitam o seu tumblr de reblogarem os seus posts, e ele também permite que você reblog o seu próprio post. Bom, esse tutorial é bem simples... 1º Passo: Copiar o código abaixo: <a href="{ReblogURL}" target="_blank">Reblog This</a> 2º Passo: Há dois lugares para se colocar o link: acima ou abaixo do post. Para colocá-lo acima do post procure por: <div class="post"> e cole o código imediatamente abaixo do primeiro <div class="post"> que aparecer no seu código. NOTA: Se não achar o <div class="post"> no seu HTML procure por {block:Posts} e cole o código imediatamente abaixo disso. Para colocá-lo abaixo do post procure por: <div class="bottom"></div> e cole o código imediatamente antes do primeiro <div class="bottom"></div> que aparecer no seu código. NOTA: Se não achar o <div class="bottom"></div> no seu HTML procure por {/block:Posts} e cole o código acima dele. 3º Passo:) Depois de colocar o código no lugar de sua preferência aperte Update Preview e veja se esta tudo certo com o seu theme, se estiver tudo ok salve e vá para o seu tumblr testar o link pra ver se ele funciona. NOTA: O link não funciona na página de customização do tumblr

#enquantovivermos #costumizacao

Imagem tremendo no Tumblr..:

Um efeito muito legal para colocar no tumblr é deixar as imagens do seu blog tremendo quando se passa o mouse por cima delas. É um efeito muito interessante e não muito difícil de se colocar. 1º Passo: Copie o código abaixo, vá no tumblr >> customize >> Advanced e cole o código no box de Custom Css ( caso não de certo dessa forma cole o código imediatamente antes de </style> ) .shakeht {

position:relative }

2ºPasso: Copie o código abaixo e cole imediatamente antes de </head>

<script type="text/javascript"> var rector=3 var stopit=0 var a=1 function init(which){ stopit=0 shake=which shake.style.left=0 shake.style.top=0 } function rattleimage(){ if ((!document.all&&!document.getElementById)||stopit==1) return if (a==1){ shake.style.top=parseInt(shake.style.top)+rector+"px" } else if (a==2){ shake.style.left=parseInt(shake.style.left)+rector+"px" } else if (a==3){ shake.style.top=parseInt(shake.style.top)-rector+"px" } else{ shake.style.left=parseInt(shake.style.left)-rector+"px" } if (a<4) a++ else a=1 setTimeout("rattleimage()",50) } function stoprattle(which){ stopit=1 which.style.left=0 which.style.top=0 } </script>

3º Passo: Procure por {block:Photo} e apague de <img src… até /> e cole o código abaixo no lugar: (Olhe as imagens para compreender melhor)

<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500" class="shakeht" onMouseover="init(this);rattleimage()" onMouseout="stoprattle(this);top.focus()" onClick="top.focus()" />

Antes

Depois 4º Passo: Aperte Update Preview e veja se esta tudo certo com o seu theme, se estiver tudo ok, salve e vá para o seu tumblr conferir o resultado. (Não da para ver as imagens tremendo na página de customização do tumblr).

#enquantovivermos #costumizacao

•18+ Adults Only

Watch Anya Live on Cam

Anya is live and ready to show you everything. Watch her strip, dance, and perform exclusive shows just for you. Interact in real-time and make your fantasies come true.

✓ Live Streaming✓ Interactive Chat✓ Private Shows✓ HD Quality✓ Free Actions

Free to watch • No registration required • HD streaming

Wibiya - Barra de ferramentas no tumblr..:

Aprenda a colocar uma barra de ferramentas no seu tumblr, que pode incluir entre outras coisas, botões do Facebook, Twitter, Youtube, Foursquare e contador de pessoas online. 1º Passo: Acesse http://www.wibiya.com/ 2º Passo: Aperte GET IT NOW! 3º Passo: Faça o seu cadastro no site. Aperte NEXT quando terminar 4º Passo: Escolha a cor da sua barra de ferramentas, depois de fazer isso aperte Next. 5º Passo: Escolha quais serão os aplicativos da sua barra de ferramentas, depois de fazer isso aperte mais uma vez Next. 6º Passo: Conforme as opções que você escolheu no passo anterior, o site irá pedir algumas informações, como por exemplo, usuário do twitter, canal do youtube, link da página de fãs do facebook etc. Coloque todas essas informações nos seus devidos lugares e aperte DONE. 7º Passo: Escolha o Tumblr como a sua plataforma 8º Passo: Copie o código que apareceu na página 9º Passo: Vá no tumblr >> Customize >> Custom HTML >> procure por </body>e cole o código imediatamente acima disso, aperte Update Preview e veja se esta tudo certo com o seu theme, se estiver tudo ok, salve, vá para a página do seu tumblr e veja se a barra apareceu na parte inferior da página. NOTA (1): A barra de ferramentas não aparece na página de customização do tumblr. NOTA (2): Em alguns themes o código pode ser colocado na descrição, que mesmo assim ele funciona.

#enquantovivermos #costumizacao

Imagens Aleatórias..:

Em alguns tumblrs na barra lateral aparece uma imagem, e quando mudamos de página ou atualizamos a mesma, a imagem muda.

1º Passo: Copiar o código abaixo:

<script language="JavaScript"> hoje = new Date() numero_de_imagens = 6 segundos = hoje.getMilliseconds() numero = segundos % numero_de_imagens if (numero == 0){ imagem= "LINK" } if (numero == 1){ imagem= "LINK" }

if (numero == 2){ imagem= "LINK" }

if (numero == 3){ imagem= "LINK" }

if (numero == 4){ imagem= "LINK" }

if (numero == 5){ imagem= "LINK" }

document.write('<p align="center"><a href="LINK_CLICAR"target=_blank"><img src="' +imagem + '"width="300""><a></p>')</script>

2º Passo: Editar o código:

No Lugar de LINK coloque o link da imagem. Para adicionar ou remover imagens basta que você coloque ou retire essa parte do código:

if (numero == ?){

imagem= "LINK" }

O ? vai ser o número da imagem, se você adicionar ou remover alguma imagem preste bem atenção na sequencia dos números, não pode ficar faltando nenhum número entre a primeira e a última imagem.

No lugar de 6 coloque o número total de imagens, lembre-se sempre de contar a imagem 0, no nosso exemplo a sequência vai de 0 a 5, portanto temos 6 imagens.

No lugar de LINK_CLICAR coloque o link da página que vai abrir quando alguém clicar em uma das imagens.

Para exemplificar melhor vou colocar aqui o código que tem 3 imagens, notem que no número de imagens coloquei 3, que a sequencia só vai até o 2 e que no LINK_CLICAR eu coloquei o link do blog.

<script language="JavaScript">

hoje = new Date() numero_de_imagens = 3 segundos = hoje.getMilliseconds() numero = segundos % numero_de_imagens if (numero == 0){ imagem= "LINK" } if (numero == 1){ imagem= "LINK" }

if (numero == 2){ imagem= "LINK" }

document.write('<p align="center"><a href="http://www.dicastumblr.com"target=_blank"><img src="' +imagem + '"width="300""><a></p>')</script>

Nota: Cuidado para não apagar as aspas.

3º Passo: Depois de editar o seu código, vá no tumblr >> customize e cole o código na descrição, aperte update preview e veja se uma das imagens apareceu, se sim salve se não cancele.

Nota: Nem todos os themes funcionam códigos na descrição.

#enquantovivermos #costumizacao

Menu para Tumblr #2 ..:

Coloque um menu parecido com o da imagem abaixo no seu tumblr de maneira simples e rápida.

1º Passo: Copie o código abaixo:

div.navigate a{

background: #87CEEB; color: #ffffff; letter-spacing: 0px; display:block; padding:0px 0; border: 0px solid #000000; width: 180px; margin-top:1px; position:relative; -webkit-transition-duration: .0s; z-index:1; } div.navigate a:hover{ font-weight: bold; letter-spacing: 1px; background: #FF69B4}; display:block; padding:0px 0; border: 0px solid #000000; z-index:2; }

2º Passo: Editar o código do passo anterior, no lugar de #87CEEB coloque o código da cor do menu e no lugar de #FF69B4 coloque o código da cor que a opção do menu ficará quando o mouse passar por cima dela. Por exemplo, a cor do menu da imagem abaixo é azul, só que quando passamos o mouse na opção a cor muda para rosa.Para ver o código HTML das cores acesse http://www.mxstudio.com.br/Conteudos/Dreamweaver/Cores.htm 3º Passo: Copie o código já com as cores de sua preferência e vá no tumblr >> customize >> Advanced e cole o código no box de Custom Css ( caso não de certo dessa forma cole o código imediatamente antes de </style> ) 4º Passo: Copie o código abaixo <center><div class="navigate"> <a href="http://link1"style="text-decoration:none">TEXTO 1</a><a href="http://link2"style="text-decoration:none">TEXTO 2</a> </div></center> 5º Passo: No lugar da parte destacada em vermelho no código (http://link1) coloque os links, já na parte destacada em laranja (TEXTO 1) coloque o nome referente ao link. Por exemplo,No menu acima só existe duas opções(links), Música e Cursores, portanto o código no caso desse exemplo ficou assim: <center><div class="navigate"> <a href="http://www.dicastumblr.com/search/label/musica"style="text-decoration:none">Música</a><a href="http://www.dicastumblr.com/search/label/cursores"style="text-decoration:none">Cursores</a></div></center> Você pode tanto adicionar quanto retirar links (opções) do seu menu, para acrescentar mais opções além dessas 2 do código basta adicionar <a href="http://link"style="text-decoration:none">Texto </a> antes de </div> , para retirar alguma opção é só retirar essa mesma parte do código Nota(1): Dependendo de como você colocar os códigos irá aparecer um espaço entre as opções do menu, para retirá-lo é só apagar o espaço que tem entre o código de um link(<a href="http://link"style="text-decoration:none">Texto </a>) e do outro.( Não é o espaço entre o <a e o href=... e sim o de antes do <a. ) 6º Passo: Copie o código do passo anterior já com os links (opções) do seu menu, vá no tumblr >> customize >> info e cole o código na descrição. Veja se o menu apareceu e se esta tudo certo com o seu theme. Nota(2): Em alguns themes os códigos colocados na descrição não funcionam. Para fazer funcionar nesses themes tem que colocar o código direto no HTML, e como os themes são muito diferentes não temos como explicar um lugar específico para colocar o código nesses casos. Nota(3):Os links não funcionam na página de customização do tumblr portanto se estiver tudo ok com o seu theme salve, vá na sua página e teste o menu para ver se ele esta funcionando direito.

#enquantovivermos #costumizacao

Top Posts Tagged with #enquantovivermos | Tumlook