quinta-feira, setembro 27

Colocando parceiros no tumblr de passe o mouse



 1 parte: O <style> e nada mais aquela parte colorida do theme. Que as letras fica azul, amarelo, verde, vermelho. Ok você vai achar </style> e em cima dele, colocar esse codigo.

.box1 {width: 252px; margin-left: 82px; margin-top:96px; background-color:transparent; font-size:18px; color: ; padding:2px;position:fixed;height: 45px; font-family:verdana;}

.box {width:200px; margin-left: 150px; margin-top:400px; background-color:#000000; font-size:8px; font-family: tinytots; color: #FFFFFF; padding:2px;position:fixed;height: 15px; -moz-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; transition: all .7s ease-in-out; -webkit-transition: all .7s ease-in-out; overflow:hidden;}
.box:hover {height: 115px;}

@font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}

Se quiser configurar ele pra ficar certinho algumas regras básicas.
margin-top: Altura
margin-left: Distancia
background-color: Cor do fundo
color: Letras.

Então vamos pra segunda.

Você vai achar <body> no seu theme, e aquela parte que so fica verde e branco. Ele pode ta tanto <body> quanto <body onkeydown="return false">.

Embaixo dele você vai colocar isso.

<div class="box">

<center><p>PARCEIROS... PASSE O MOUSE!</p></center><br>

<div class="letra"> </div>

<a href="tumblrdapessoa" title="titulo" target="_blank"><img height="35" src="foto" width="35"/></a>

<a href="tumblrdapessoa" title="titulo" target="_blank"><img height="35" src="foto" width="35"/></a>

<a href="tumblrdapessoa" title="titulo" target="_blank"><img height="35" src="foto" width="35"/></a>

<a href="tumblrdapessoa" title="titulo" target="_blank"><img height="35" src="foto" width="35"/></a></div>

So substituir onde ta falando, tumblr da pessoa, foto, e titulo..

Marcadores: ,

Um comentário:

Assinar: Postar comentários (Atom)