Yoo ~~
Mais um tutorial, e dessa vez é de como colocar sombra com bordinha embaixo da área dos posts e das Gadgets ! É bem legal e eu gosto muito de usar nos meus Layouts !
Vamos lá ?
Enjoy :}
Bordinha na área dos Posts
Procure por:
.post-outer{
Depois cole a seguinte tag embaixo antes de }
box-shadow: inset 0 0 10px #cfcdcd, 0 0 5px #ccc;
border-bottom: 10px solid #Cor da borda;
Se quiser que a bordinha apareça na parte de cima troque o Bottom por top, se quiser colocar os dois, é so colocar os dois códigos border-Bottom e Border-Top ex:
Bordinha na área dos Gadgets
border-bottom: 10px solid #cdcdcd;
border-top: 10px solid #cfcfcf;
Bordinha na área dos Gadgets
Procure por:
sidebar .widget {
E faça o mesmo processo á cima !
Muito bom o tutorial, vou usar no próximo layout!
ResponderExcluirBeijos,
be-a-princess-official.blogs...
Obrigado ^^
Excluir- Beijos :3
Estou criando um blog novo e era exatamente esse tutorial que eu queria.
ResponderExcluirMuitoo obrigada. *-* ♥
De nada ~~
ExcluirAAAAHHHH , Seguindo esse blog agora . tava a muitoooo tempo procurando esse tutorial , só que precisa ser corrigido , não encontrei '' .post-outer{ '' no HTML , dei meu jeito de funcionar e ta funcionando td direitinho. pode ser aqui . mas msm assim Vlw . adoreei o tuto e o blog . minha diva no tamplete né ' HUAHSAUHASUHASUHAS Bjoos '--'
ResponderExcluirThanks :)
ExcluirAs vezes em alguns templates não há alguns códigos, é normal :)
Beijos :3
Oi Thiago! :) Bom, eu amei o tutorial mt bem feito! Mas eu queria saber em quais Modelos ele funciona, é que eu coloquei no Travel (viajem) E não funcionou! Pode me responder o mais rápido?
ResponderExcluirXOXO *---*
O meu é o mesmo e ta funcionando normal :/
ExcluirEu não consegui colocar na area de posts, só nos gadgets. porq não tem esse código .post-outer{
ResponderExcluiroq eu faço ?
Entre no seu Código fonte (CTRL+U) e procure pela tag. Se achar, localize mais ou menos onde ela fica e aplique o código (:
ExcluirNão achei o ".post-outer{" :C
ResponderExcluirEntre no seu Código fonte (CTRL+U) e procure pela tag. Se achar, localize mais ou menos onde ela fica e aplique o código (:
ExcluirObrigada pelo tuto! vou tentar fazer aqui ^^ beijão!
ResponderExcluirhttp://lovegacchin.blogspot.com.br/
Não achei ".post-outer{", já entrei no meu código fonte mas ainda não achei u.u
ResponderExcluirNão tem outro jeito? º~º
Harumi tem sim! Basta você procurar por .post ou criar essa tag ( .post )
ExcluirAmei o tutorial, me ajudou muito mesmo!
ResponderExcluirAmei o bloguinho de verdade!
http://teenagethiings.blogspot.com.br/
Gostei vlw ai pela ajuda :D
ResponderExcluirVisita e segue, retribuo tbm ;)
http://GuitarMusicBr.blogspot.com.br
não achei .post-outer!!! Entrei no meu código fonte mas não adiantou!! O que posso fazer ainda?? ://
ResponderExcluirAdorei! Vou usar no próximo lay :3
ResponderExcluirSegue lá? Blog novissimo! Criei ontem.
http://sweetiecherryblog.blogspot.com.br/