Bordinha nas Postagens e Na Sidebar

|| ||
Deeeidara divo <3

A arte é uma explosão !! Como diz o Deidara. Bem, como eu disse no meu post anterior, eu disse que ia tentar postar mais do que antes, ontem só não deu para postar porque minha mãe ficou pedindo para desligar, mas eu acho que hoje vai dar para postar duas ou mais vezes. Então, se você quiser que eu poste alguma coisa no MK, é só pedir, e assim eu irei postar mais no MK.

Agora irei voltar ao assunto do tutorial, esse tutorial não é difícil mas também não é tão fácil, mas fica lindo no seu blog, isso pode ter certeza, se vocês fizerem tudo direitinho, vai ficar lindo no blog, mas se errarem algo, pode dar alguns erros, eu vi esse tutorial em outros blogs, esses blogs conseguiram diminuir, mas tem mudanças.
1 - Bordinha nas Postagens : Vá em Modelo/Editar HTML >> Digite CTRL + F e procure por  .main-inner.colum-center-outer . Abaixo do código procurado, haverá o componente dele, ou seja, o código abaixo. Vai estar assim :


.main-inner .column-center-outer {
background: $(post.background.color) $(post.background.url) repeat scroll top left; _background-image: none; }
Então, apague todo esse código e no lugar desse código, cole esse outro código :
.post-outer {
box-shadow: inset 0 0 0px #E6E6E6, 0 0 5px #d9d7d7;
margin: 3px 8px 15px;
background:#fff;
padding: 5px 5px;
padding: 5px;
outline: dotted 1px #cor da borda;
outline-offset: -5px; 
 
2 - Bordinha na Sidebar : Vá em Modelo/Editar HTML >> Digite CTRL + F e procure por /*Widgets logo você verá que tem um .sidebar .widget . Mais o código que acompanha. Assim : 
.sidebar .widget {
border-bottom: 2px solid $(widget.border.bevel.color);
padding-bottom: 10px;
margin: 10px 0;
}  
Então substitua o código acima por esse outro código :
.sidebar .widget {
width:100% !important;
background:#fff;
padding-left: 10px;padding-bottom: 10px;padding-right:10px;padding-top: 5px;margin: 30px 0; box-shadow: inset 0 0 0px #E6E6E6, 0 0 5px #d9d7d7;
outline: dotted 1px #cor da borda;
outline-offset: -5px;
Depois de substituir, substitua as partes destacadas >> Visualize, se tudo estiver certo, salve 

 


2 comentários:

  1. Oiie, adorei o tutorial, muito legal ^.^
    Ah, eu queria avisar que aceito a parceria, mas não consigo encontrar o seu button...
    Galaxy Of Pandas

    ResponderExcluir