#ask util

Tem sim.

Primeiro:

Pela sua div de centralização (se tiver). Ela pode está com o nome de #center #middle ou #contain. Denro dela você adiciona isso aqui:

border-left:1px solid #ddd; border-right:1px solid #ddd;

O #ddd é a cor da borda. Você pode mudar as cores acompanhada de uma tabela de cores, te indico essa aqui.

Segundo:

Cole isso no seu CSS (antes de ):

#ph_border1{position:fixed; width:1px; height:100%; top:0px; margin-top:0px; margin-left:100px;background:#ddd;}

#ph_border2{position:fixed; width:1px; height:100%; top:0px; margin-top:0px; margin-left:300px;background:#ddd;} 

Coloque isso no HTML (depois de ):

 Explicações:

Width: Grossura/espessura da borda;Margin-left: Distancia do canto direito da tela até a borda;Background: Cor da borda. Você pode mudar as cores acompanhada de uma tabela de cores, te indico essa aqui.

Ai que amor! Ficamos felizes em saber que gosta do nosso trabalho. É mais que gratificante! <3 Mas sigamos ao tutorial: O código do primeiro quadrinho é esse aqui:

O que nós vamos fazer? Vamos adicionar o menu Rubi logo após a imagem. Vai ficar assim:

Palavra

 Você coloca esse código dentro de todos os quatro quadrinhos e edita como você quiser depois. Tendeu?

Ah, depois que terminar e se você se sentir a vontade, vem logada/o preu ver? Eu adoraria, haha [] 

Esse aqui, baby:

Coloque ele do jeitinho que tá, não precisa por sua url em lugar nenhum. Ela vai “automaticamente”, ok?  Beijo!

height:100%; opacity:0;

O truque é: sabe a parte do .post ou .posts:hover #sua-div? Você não coloca isso.

Exemplo:

.div { position:absolute; top:0; left:0; width:100%; height:100%; }

Essa parte você ignora:

.posts:hover .div { opacity:1; } 

e coloca somente isso/assim:

.div:hover { opacity:1; }

Agora você chega no seu block de fotos e coloca assim:

conteúdo dos seus notes, normal

Procure por {block:Text} no seu theme. Depois de encontrar tente achar dentro da mesma os notes. Quando você achar os notes você coloca isso a cima deles:

{block:IndexPage}

E abaixo dele você põe isso:

{/block:IndexPage}

Exemplo:

Deu pra entender?

Olá! Para ir mais para a esquerda basta você procurar na sua div do título por margin-left e diminuir o valor que tem lá. Por exemplo:

div { blá blá blá 

       margin-left:25px; }

Esse 25px você diminue por 20 ou 15px, o valor que lhe deixar satisfeito.

Para ir mais pra baixo você procura por margin-top e aumenta o valor que tem lá. Por exemplo:

div { blá blá blá

      margin-top:30px; }

Esse 30 você aumenta para 35 ou 40, o valor que lhe deixar satisfeito.

Magina meu bem <3

Para diminuir os photosets você procura pela block dele. Exemplo:

{block:Photoset}

blá blá blá

{Photoset-400}

{/block:Photoset}

Esse 400 em negrito você troca por 250. Não pode ser 300 porque o tumblr não suporta e tal. Os únicos tamanhos que o tumblr aceita são: 250, 400,500 e 700.

Ah, é bem simples meu bem. Primeiro você faz a parte do css, antes de . Vou fazer uma só pra mostrar e explicar o que geralmente tem dentro dela.

CSS SIDEBAR COM EXPLICAÇÕES:

#sidebar { position:fixed; width:250px; left:0px margin-left:0px; margin-top:150px; background:#eee; border:1px solid #ddd; padding:10px; }

position:fixed - É pra ela ficar fixa mesmo quando role a scrollbar.

width:250px; - É o tamanho da sidebar.

left:0px / margin-left:0px - Para ela ficar do lado esquerdo.

margin-top:150px - É a distância entre a sidebar e o topo da página.

background:#eee; - É a cor do fundo da sidebar. Para mais cores visite essa tabela de cores.

border:1px solid #ddd; - Isso é a borda em torno da sidebar.

padding:10px; - É um margem/espaço interno da sidebar.

CSS LINKS COM ESPLICAÇÕES:

#links { font-family:calibri; font-size:10px; letter-spacing:1px; margin:2px; }

font-family:calibri; - É a fonte usada nos links.

font-size:10px; - É o tamanho dos links em pixel.

letter-spacing:1px; - é o espaço entre as letras.

margin:2px; - É a margem/distância entre um link e outro.

Depois de fazer a parte do css você vai para o html, que é a parte depois de

. No html os links tem que ficar sempre dentro da sidebar. Aliás, tudo tem que ficar sempre dentr da sidebar. Link, descrição, titulo, imagem e afins.

HTML:

 <!— Abertura da sidebar —>

 <!— Abertura dos links —>

Link nome  <!— Link 1 —>

Link nome  <!— Link 2 —>

Link nome  <!— Link 3 —>

Link nome  <!— Link 4 —>

 <!— Fechamento dos links —>

 <!— Fechamento da sidebar —>