25 de dez de 2012

Personalizando a Área das postagens


Konnichiwa Minna San!!!!Como vai indo o Natal de vocês??O meu foi maravilhoso, comi demais - suahsuashuash isso não vem ao caso - Então, finalmente veio um pedido pela ask, como é anônimo eu não sei quem pediu - dã se é anônimo neh Nik Chan! - pra postar como colocar bordas nas postagens......
O tuto que eu aprendi foi no IIRTW então créditos para lá ok?Aproveitando para agradecer a Sagwa dona de lá, os tutos me ajudaram muito a fazer esse lay... >//<  Arigatou Sagwa...
Leia mais e confira..


Se você usa o modelo Travel procure por:

.main-inner .column-center-outer {
Se você usa o Modelo Janela de Imagem ou Marca d'agua procure por :

.post-outer {

Agora você vai achar isto:

No Modelo Travel 

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

Se você usa o Marca d'agua

.post-outer { background-color: $(post.background.color);  border: solid 1px $(post.border.color);  -moz-border-radius: $(post.border.radius);  -webkit-border-radius: $(post.border.radius);  border-radius: $(post.border.radius);  -goog-ms-border-radius: $(post.border.radius);  padding: 15px 20px;  margin: 0 $(post.margin.sides) 20px;

Se você usa o Janela de Imagem

.post-outer {  background-color: $(post.background.color);  border: solid 1px $(post.border.color);  -moz-border-radius: $(post.border.radius);  -webkit-border-radius: $(post.border.radius);  border-radius: $(post.border.radius);  -goog-ms-border-radius: $(post.border.radius);  padding: 15px 20px;  margin: 0 $(post.margin.sides) 20px;

 Independente do modelo você vai substituir tudo o que você achou por :


.post-outer {background: #fff; /* Fundo da postagem */ 
padding-top: 1px; /* Espaço do topo */
padding-left: 10px; /* Espaço da esquerda */
padding-right: 10px; /* Espaço da direita */
padding-bottom: 10px; /* Espaço de baixo */
margin: 1px 12px 7px;border-top:2px #EDEDED solid; /* Borda de cima */
border-left:1px #EDEDED solid; /* Borda da esquerda */
border-right:1px #EDEDED solid; /* Borda da direita */
border-bottom:1px #EDEDED solid; /* Borda de baixo */
box-shadow: inset 0 0 5px #F8F8F8, 0 0 1px #ccc; /* Sobra */
border-radius: 15px; /* Se quiser arredondar a postagem */
margin-top: 35px;
}


Agora mude conforme o que está escrito e Pronto..
Lembrando os créditos ao IIRTW...E se der algo de errado avise...
Kissus~~




8 comentários:

  1. Oi linda , seguindo o blog ,muito lindo ! Se me permite ,queria convidar vc e suas leitoras para participar da tag de natal do meu blog , acesse aqui :http://behappywithluuh.blogspot.com.br/2012/12/reblogando-tag-o-que-eu-ganhei-de-natal.html e ve certinho ! Bjo , Luuh.
    http://behappywithluuh.blogspot.com.br

    ResponderExcluir
    Respostas
    1. Muito brigada mas por enquanto não estou participando de tags ok?
      Mas obrigada mesmo assim XD

      Excluir
  2. KKK fui eu que pedi nik *--* Obrigada,

    http://kawaii-little-things.blogspot.com.br/

    ResponderExcluir
  3. oi ! adorei a dica !!! vou tentar colocar no meu blog !! se puder daruma olhadinha lá http://escorpiaovingativo.blogspot.com.br/ (escorpião vingativo )

    ResponderExcluir
  4. Amei o tutorial! Tentarei fazer isso no meu blog *-*
    Se quiser visitar:
    samistoezzy.blogspot.com

    ResponderExcluir

-Yoo!!

Sem comentários Ofensivos.
Pedidos na ask
Elogios são sempre bem vindos
-Responderei a todo mundo...

(◕‿◕✿)  。◕‿◕。 ⊱✿◕‿◕✿⊰ (◡‿◡✿) (◕〝◕)


◑▂◐ ◑0◐ ◑︿◐ ◑ω◐ ◑﹏◐ ◑△◐ ◑▽◐