Novo Layout + Novidade + Tutorial


           Hooy meninas,tudo bem? Bom,comigo está tudo até agora!
Gostaram do novo layout? Eu adorei *--* Ficou menos kawaii... deixem a opinião de vocês sobre ele.A novidade é que todos os tutoriais que eu usei dessa vez,completamente  todos eu irei ensinar aqui no blog okay?

Vamos ao primeiro tutorial? Com separar as postagens,arrendonda-lás e por fim fazer a mesma coisa com os gadgets okay?


Barra lateral como aqui no blog:

Vá em design,editar HTML,dê CTRL +F outro F3 e procure por:

/* Widgets

E antes da chavezinha } fechar cole o seguinte código:

background: #fff; /*----Cor do fundo do gadget----*/
  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, se não quiser apague essa linha inteira----*/
box-shadow: 1px 3px 15px 2px #ccc; /*---- sombra da caixa ----*/

A cor da barra lateral vai ficar lá,mais você tem que tirar.Vá em design,editar design do modelo,vá em avançado e na "cor da barra lateral" deixe a cor transparente e a cor da moldura também.Feito isso ficará Bonitinho *-*

Créditos: (www)




Separar os posts:


Procure por:


 .main-inner .column-center-outer {

E apague até a chavezinha }
no lugar desse código cole esse aqui

.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 */
border-radius: 5px; /*---- bordas arredondadas, se não quiser apague essa linha inteira----*/ 
margin: 5px 3px 25px;
}


P.S: Se quiser deixar mais redondas as bordas mude " 5px para 10px,15px ou a sua preferencia.

 Personalize o código,visualize e se estiver dando certo salve!
Beijos,espero ter ajudado e os créditos do segundo tutorial eu não esqueci (www)






6 comentários:

♥ Sâmmy Bridges ♥ disse...

Flor, muito bom o tutorial! :)
Ah, e obrigada pelo coment, viu? E o que você quis dizer com as 15 postagens hein? Não entendi muito bem... XD
E outra coisa: fiz aqueles gadgets com um tutorial que pelo o que me lembro, é do blog CandyLLand.
Bjos...

http://sammysacional.blogspot.com.br/

Lara Kuerten disse...

ja usava o da borda mas nao sabia do menu... como meu blog esta com uma cor de outono coloquei um laranjinha bem claro e ficou mmtmtmtmt perfo!!! Hahaha
valeu... preencheu o espaço em branco

tutosforyou.blogspot.com

Vitória Régia disse...

@♥ Sâmmy Bridges ♥
Eu quis dizer que o seu blog já tem mais que 15 postagens né?

Vitória Régia disse...

@Lara Kuerten
Que bom que gostou,o seu blog ta super liindo *---*

Jackie Zanini disse...

Tá muito lindo aqui guria ;D e já te linkei como parceira!

Vitória Régia disse...

@Jackie Zanini Brigadiinha Jackie *--*