Novo Lay + Tutoriais básicos

caderninhos fofos ^^

Oi leitoras <3 Gostaram do novo layout ? Como vocês podem ver lá em baixo, o desing do blog foi feito de novo por ninguém menos que a diva da Paula, do Piink Cookie ! Nem sei como agradecer a ela, mas enfim, hoje trouxe alguns tutoriais que deixam seu blog mais organizado e fofo u_u, e com uma melhor visualização.

Créditos á Blog Detalhes & O mundo secreto das edições.

1 - Como centralizar o titulo dos posts 

* Vá em desing -> editar HTML -> tecle ctrl+f e procure por : 

h3.post-title {

Abaixo cole desse código cole :

text-align: center;

Vai ficar assim :

h3.post-title {

text-align: center;

*Visualize e se o título das suas postagens estiver centralizado, salve.*

2 - Como centralizar o titulo dos gadgets

* Vá em desing -> editar HTML -> tecle ctrl+f e procure por : 

sidebar .widget h2 {

Abaixo desse código cole :

text-align: center;

Vai ficar assim :

sidebar .widget h2 {

text-align: center;

*Visualize e se o título dos seus gadgets estiver centralizado, salve.*

3 - Como separar os gadgets em caixas com borda arredondada (ou não)

assim u_u

 * Vá em desing -> editar HTML -> tecle ctrl+f e procure por : 

/* Widgets

Antes de fechar a } cole este código :

background: #fff; /*---- cor do fundo da caixa ----*/    padding-left: 20px; /*---- espaço à esquerda ----*/    padding-bottom: 20px;  /*--- espaço de baixo ---*/    padding-right: 20px; /*--- espaço à direita ---*/    padding-top: 5px; /*---- espaço de cima ----*/  border-radius: 5px; /*---- bordas arredondadas, apague a linha se não quiser ----*/ box-shadow: 1px 3px 15px 2px #ccc; /*---- sombra da caixa ----*/

Se a vossa senhoria não desejar as bordas arredondadas, é só apagar a linha em que se encontra o seguinte código :

border-radius: 5px; /*]

OBS :

#fff é a cor do fundo da caixa. modifique com ESSA tabela de cores #recomendo

#ccc é a cor da sombra da caixa. modifique com ESSA tabela de cores #recomendo ²

- se quiser aumentar a borda (deixar mais arredondada), modifique o border-radius: 5px; /*] , e o troque por um número maior

*Visualize e se as seus gadgets estiverem separados, com borda (ou não), e com sombreado, salve*

4 - Como separar os posts em caixas com borda arredondada (ou não)

assim u_u

 * Vá em desing -> editar HTML -> tecle ctrl+f e procure por : 

.main-inner .column-center-outer {

Quando achar, deverá estar mais ou menos assim :

.main-inner .column-center-outer {                                                                                 
background: $(post.background.color) $(post.background.url) repeat scroll top left; _background-image:none;}

Então troque o código acima, por esse :

.post-outer {                                                                      

background: #fff; /* Fundo da postagem */         

  padding-top: 4px; /* Espaço do topo */               

padding-left: 5px; /* Espaço da esquerda */       

padding-right: 5px; /* Espaço da direita */<        

margin: 5px 3px 25px;                                                   

border-radius: 20px;                                                    

}

OBS :

o #fff você troca pela cor do fundo da caixa.

o 20px; você troca por um numero maior para aumentar a borda (deixá-la mais arredondada), se não quiser borda, apague a linha :

border-radius: 20px;  

----------------------------------------------------------------------------------------------------------

Bom, esse foi o post de hoje, espero que tenham curtido girls <3

Beeeeijos s2