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;}
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:
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/
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
@♥ Sâmmy Bridges ♥
Eu quis dizer que o seu blog já tem mais que 15 postagens né?
@Lara Kuerten
Que bom que gostou,o seu blog ta super liindo *---*
Tá muito lindo aqui guria ;D e já te linkei como parceira!
@Jackie Zanini Brigadiinha Jackie *--*
Postar um comentário