Tutorial - Theme em tableless (centralizado)
Eu não tenho usado mais esse modo de centralizar meus themes, uso o tutorial do YL Themes. Mas vou ensinar o meu antigo jeito, pra quem preferir.
Primeiramente, cole esse código no seu css. Esse código, que serve pra quando você apertar ctrl -, o conteúdo vá para o meio. Agora, vamos aplicá-lo:
Cole esse código após o “<body>”, e antes de </body> cole esse código.
Agora, vamos centralizar os posts. Digamos que você quer que os posts fiquem do lado direito da página.
Cole esse código no css.
Você poderá editar, se você quiser o conteúdo dos posts do lado esquerdo, você deverá substituir o “left: 160px;” por “left: -160px”.
Para aplicar esse recurso nos posts, cole esse código no lugar da div id dos seus posts (que se encontra antes de {block:Posts}). Não esqueça de fechar essa div! Colocando esse código depois de {/block:Posts}.
E agora é a vez de centralizar a sidebar. Agora, vamos dizer que a sidebar vá do lado esquerdo, e ela seja fixa, ou seja, quando você desce a pagina, a sidebar desce junto.
Cole esse código no seu css.
Você pode editar esse código. Observe:
margin:100px 0px 0px -70px;}O “100px” representa a distancia entre o topo e a sidebar. E o “- 70px” representa a distancia entre o meio do theme (para a direita) e a sidebar, por isso o número é negativo. Você não precisa entender isso muito bem, é só ir mudando os números com você quiser. ATENÇÃO! O “0px 0px” não representa nada, porém você não deve apagá-lo, se não irá desconfigurar a centralização.
Então, se você quiser que a sidebar fique do lado direito, você deverá substituir o “-70px” por “560px”.
Para aplicar a centralização na sidebar, cole esse código no lugar da div id da sidebar (que se encontra antes do conteúdo da sua sidebar). Não esqueça de fechar essa div! Colocando esse código depois do conteúdo da sua sidebar.
TUTORIAL DESENVOLVIDO POR CACÁ, SE FOI UTIL, CREDITE O HAVINGTHEMES E O EVERANDWHATEVER. NUNCA REBLOGUE ESSE POST.
