15 maio, 2014

Semana de Tutoriais :: Bordinha por volta do Post e dos Widgets

Heeeeeey *-* tudo bueno meninas? u-u Hoje no nosso penúltimo dia de Tutoriais trouxe um tuto bem legal q eu nunca tinha visto rs Que é como colocar bordinhas nos Posts e nos Widgets. Achei super fofo então adicionei na lista :) Hoje eu não tenho muito o que falar pra dar uma enrolada aqui no começo do post '-' então...  vamos logo ao tuto :3

Créditos :: HTML Piece



Posts >> Veja :3

Widgets >> Veja ;3

Para por a borda na Postagem vá em Design >> Editar HTML >> Aperte F3 e procure por :

/* Posts----------------------------------------------- */


Abaixo desta linha cole :

.post-outer {background: #fff;padding-top: 0px;padding-left: 0px;padding-right: 0px;margin-left: 0px;margin-top: 0px;margin-bottom: 0px;border: 5px solid #fff;outline-offset: -5px;outline: 1px dashed #ccc;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;-webkit-box-shadow: inset 0px 0px 3px #eae9e9, -2px 2px 0px rgba(0,0,0, 0.1);-moz-box-shadow: inset 0px 0px 3px #eae9e9, -2px 2px 0px rgba(0,0,0, 0.1);-ms-box-shadow: inset 0px 0px 3px #eae9e9, -2px 2px 0px rgba(0,0,0, 0.1);}
Apenas edite onde está com Negrito porque o resto não precisa

Agora vamos ao Widgets 

Vá em Design >> Editar HTML >> Aperte F3 e procure por :

/* Widgets----------------------------------------------- */
Abaixo desta linha cole :

.sidebar .widget {font-family: "pf arma five";font-size: 8px;color: #000;text-align: justify;background: #fff;font-color: #ffffff;border: 5px solid #fff;outline-offset: -3px;outline: 1px dashed #ccc;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;-webkit-box-sh/dow: inset 0px 0px 3px #eae9e9, -2px 2px 0px rgba(0,0,0, 0.1);-moz-box-shadow: inset 0px 0px 3px #eae9e9, -2px 2px 0px rgba(0,0,0, 0.1);-ms-box-shadow: inset 0px 0px 3px #eae9e9, -2px 2px 0px rgba(0,0,0, 0.1);}

Edite somente os que estão em Negrito o resto não precisa 
Visualizou? Salve ! c:

                                                                                                                             

Mais uma vez Créditos :: HTML Piece
Por Hoje :3 é só,amanhã tem o nosso último tutorial então até lá :*







2 comentários:

  1. amei o tuto!acho que irei usa-ló no meu próximo lay!
    bj
    http://distractionsofaagirl-oficial.blogspot.com/

    ResponderExcluir

Bem Vindas ao Delírios De Adolescente comentários:
Oi deixe seu comentário seguindo as regras.

-Não Xingue Os Leitores
-Não Use Palavrões
-Mande Sua Opinião

Fique a vontade :3
Espero Que Goste do Blog.