6 de jun de 2012

3 tutoriais em 1!

Tumblr_m5h6fvxi8p1rusks5o1_500_large
Não aguentei ficar longe de vocês :), isso mesmo! Estou aqui denovo para postar mais alguns tutoriais para vocês. Esse são 3 tutoriais importantes para quem quer um layout tumblr. Todos eles são super fáceis de fazer. Vamos ver como fazer eles :)

Como separa as postagens:
1 - Abra seu blog > Vá em design > Editar html e procure por : .main-inner .column-center-outer {
2- Quando você encontrar deve está mais ou menos desse jeito:
3-Apague o código que está circula de vermelho
4- Substitua ele por:
.post-outer {
padding: 5px 5px;
margin: 0 0 25px;
background-image: none;
background: #FFFFFF;
border: 1px solid #FFFFFF;
}
5- Se quiser bordas arredondas cole esse código antes da }
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px
Arredondar bordas:
1- Se quiser que as bordas das postagens arredonde procure por: .main-inner .column-center-outer {
2-Se quiser arredondar a borda da barra lateral e ele estiver a direita do blog, procure por:.main-inner .fauxcolumn-right-outer .fauxcolumn-inner {
3-Se quiser arredondar a borda da barra lateral e ele estiver a esquerda do blog, procure por:.main-inner .fauxcolumn-left-outer .fauxcolumn-inner { 
4- E logo depois de cada código que vocês procuraram cole:
 -moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; 
Subir barra lateral:
1- Vá até Design, Editar HTML, aperte CTRL+F e procure por:

.main-inner .column-left-outer {  Caso sua coluna seja no lado esquerdo
.main-inner .column-right-outer { Caso ela seja no lado direito
2-Cole esse código abaixo fazemdo as devidas alterações: margin-top: -100px;
Obs, quanto mais você aumenta o número a barra lateral vai mais pra cima.
3- Mais uma vez, aperte CTRL+F e procure por :
.main-inner .fauxcolumn-left-outer {  caso a coluna seja no lado esquerdo
.main-inner .fauxcolumn-right-outer {  caso a coluna seja no lado direito
4- E cole logo abaixo vazendo as devidas modificações:
margin-top: -100px;

5 comentários:

  1. Ahhh eu uso esses tutoriais kkk' obrigada pelo presentinho, volte sempre já estou seguindo *O* beijos, Let's Go sei que não é dá minha conta só que tá com a verificação de palavras no seu blog sugiro tirar assim atraíra mais comentários ^^

    ResponderExcluir
  2. Kkk bom,amou os brushes para pegar todos né?Hhahaha;

    Amei aqui,eu vi esse lay no Thing to you,ameiii os 3 tutoriais!

    Beijos,
    Usando Photoscape

    ResponderExcluir
  3. Ameiii o tutor, vou usar no Proximo layout. Obrigada pela visitinha .

    http://materiaisphotoscape-photofiltre.blogspot.com.br/

    ResponderExcluir
  4. Bordas arredondadas é tudo haha. Essa semana mesmo, fiz o tutorial de postagens separadas (:

    Hoje (07/06)o World-Cutest completa seis meses de existência. Não se esqueça de dar uma passadinha e conferir as novidades!
    http://world-cutest.blogspot.com.br/

    ResponderExcluir