sábado, agosto 10, 2013

Como Centralizar A Fanfic

2 comentários
Então, vieram me pedir um Tutorial pelo ASK.FM de como se faz para deixar a fanfic no meio da tela, igual aos sites que tem por aí e eu vou tentar explicar como funciona porque, como meu lema é "A prática leva a perfeição", se tiver alguns erros, me perdoem, não pratiquei muito.

Caso você não saiba de HTML/CSS, primeiro você terá que ler os outros TUTORIAIS, pois eu já expliquei como posta a fanfic e outros códigos.

Então, para quem baixou o documento que eu havia disponibilizado, o código é válido, mas eu descobri um outro que é bem mais fácil de ser usado e que com certeza é mais certo de que dê certo.
O código novo é o esse:


Então, é o seguinte, depois que você baixar/copiar esse código, você está a um passo de centralizar seu texto, basta você copiá-lo e colar dentro de

<style type="text/css"> </style>

JUNTO com as funções "H" que já expliquei AQUI. E como eu deixei explicado lá no documento.

Depois que você fizer isso, você irá colocar as perguntas (se for interativa) e em seguida irá colocar o código onde irá postar a fanfic e tudo o mais:

<div class="bloco_1"> </div>

Após fazer isso, você irá ver que sua fanfic foi centralizada.
Você pode manipular a distância que as margens irão ter, basta vocês editarem:

padding-left:10%;
    padding-right:10%

O número 10% aí é o que fator que decide se fica mais longe ou mais perto das bordas. No caso do site que a menina me pediu, eles usam 20%, mas no meu exemplo eu coloquei 10%.

Segue uma foto que explica melhor o que eu falei até agora:

clique na foto para ampliar

Eu também fiz um exemplo de como ficará a fanfic nesse tumblr de teste AQUI.


PS: Caso você queira dar uma olhada em como eu faço meus códigos e/ou quiser copiar algo de lá, basta apertar Ctrl + U que aparecerá todo o script que uso, os links das fotos e afins.


Espero que tenha ajudado, DE VERDADE vocês, caso tenham dúvidas, não se acanhem em vir me perguntar, eu ajudo com prazer :D