quinta-feira, setembro 27

Colocando parceiros no tumblr apenas uma linha


O theme e dividido em 2 partes, o <style> e o <body>. Vamos dividir em 2 partes ok.

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.

/*** Código ***/

#deslizante {width: 280px; font-size: 23px; background-color: #000; font-family: georgia; line-height:40px;  color: #000; position: fixed; -webkit-border-radius: 0px 0px 0px 0px; overflow: hidden; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; z-index: 1; text-align: center; font-style: italic;}

.deslizante1 {margin-left: 208px; margin-top: 495px; width: 260px; font-size: 15px; background-color: #trans; font-family: georgia; height: 50px; line-height:25px;  color: #000; position: fixed; -webkit-border-radius: 0px 0px 0px 0px; overflow: hidden; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; z-index: 1; text-align: center; font-style: italic; letter-spacing: -2px;}

.deslizante2 {margin-left:  255px; margin-top: 536px; width: 166px; font-size: 8px; background-color: #fff; font-family: tinytots; line-height:16px;  color: #000; position: fixed; -webkit-border-radius: 0px 0px 0px 0px; overflow: hidden; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; z-index: 1; text-align: center; font-style: normal; -webkit-border-bottom-right-radius:0px; -webkit-border-bottom-left-radius:0px;}

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


Agora você vai ter que modificar. Pra colocar no lugar certo. margin-left: e a distancia. margin-top: altura.
 Então ex. Eu quero altura 350 eu vou colocar assim margin-top:350px. E com o left tbem. A mesma coisa. 
background-color: e o fundo. Se eu quiser preto eu coloco background-color: #00000. e o color, a letra.  A primeira parte e essa.

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 id="deslizante">

<div class="deslizante1">

<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>

<div class="deslizante2">PARCEIROS</div></div>

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

Marcadores: ,

Nenhum comentário:

Postar um comentário

Assinar: Postar comentários (Atom)