'Oilá' e boas vindas a todos!!!
Trouxe cortininhas/barrinhas muito kawaii! Elas foram encontradas no Pink Sugar.tumblr.com, Chu-Itigo.jp, Glitter Graphics.com e pela internet, podem ser usadas como enfeites em layouts, divisórias, imagens, menus ^-^... E para enfeitar seu layout com elas nem é preciso colocá-las em uma imagem, pode ser feito com HTML.Por exemplo, se quiser usar alguma como divisória entre cada postagem, leia esse tutorial aqui:
Caso queira usá-las em tables para fazer menus, perfis, recadinhos e nãnãnã...leia esse aqui:
Se quiser enfeitar seu blog com elas, tipo uma no topo, outras nas laterais, uma no rodapé, use esses códigos abaixo encontrados no Kawaii World:
Para o topo:
<div style=" background-image: url('URL DA IMAGEM'); top: 0px; left: 0px; width: 100%; height: 0px; z-index: 100; position: fixed;"></div>
Para o rodapé:
<div style=" background-image: url('URL DA IMAGEM'); bottom: 0px; left: 0px; width: 100%; height: 0px; z-index: 100; position: fixed;"></div>
<div style=" background-image: url('URL DA IMAGEM'); top: 0px; left: 0px; width: 50px; height: 100%; z-index: 100; position: fixed;"></div>
Para a lateral direita:
<div style=" background-image: url('URL DA IMAGEM'); top: 0px; right: 0px; width: 50px; height: 100%; z-index: 100; position: fixed;"></div>Cole esses códigos acima de </body> no HTML do seu template.
*Notas:
-Troque URL DA IMAGEM pela URL de uma cortininha.
-Altere height: 0px; pela altura da cortininha e width: 50px; pela largura de uma cortininha.
-Se não quiser que a cortininha fique aparecendo mesmo quando se desliza pela página, troque position: fixed; por position: absolute;
-Você pode usar os 4 códigos juntos; para que uma cortininha fique acima da outra você tem que colar os códigos na ordem em que quiser que apareçam.
Veja no blog de testes como ficou o template quando usei esses códigos:
<div style=' background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRA0IusrF9_50zgk3saA6kiqYFf8f7nwRCM7WNLfqsY0lrsdhFtSdpfhcSU3uQWR4EPqgkg6MRfMscCalNqYLaaO0F_Yeff6-93LXLqgcj56Oh7YyVyNg6c8QGX1PITkvLfKGDnrL3H24/s1600/2.gif"); top: 0px; left: 0px; width: 42px; height: 100%; z-index: 100; position: absolute;'/>
<div style=' background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUR8dF1eqYV2L6nhq3up74jCkqH2MrMLh6aLNiB3q4a0kM-DLtFHvMlQdzUJF6kRMBaprCaeRL9IvmAm2Gnsw3wDUv6vflTw1N93N0eJGt88J6Wh9HBJacjws9SHDKIn1IUwqsC6MeuSw/s1600/3.gif"); top: 0px; right: 0px; width: 42px; height: 100%; z-index: 100; position: absolute;'/>
<div style=' background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXQ7yQbVo4pVjvHLfG1fqaHE95lKcj9Oa0IerTNP_wodGX4ZvNjws1nTtRUe5E8QXzQJnEA52eCJf0WLFO_vE7V-r2FUTJcvHb3zJmApQ_KJW0GfID3hUZAT1mjkMqQUj8xprWss9UMLI/s1600/102.gif"); top: 0px; left: 0px; width: 100%; height: 55px; z-index: 100; position: fixed;'/>
<div style=' background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkeyysrO0kTVqjWqFNTq6-pYRqGzGMvQgDXgvK_3eLYj4qXITNZZn3rHvhBh6ysyn-_8e4MsUTw3F9sGVi2kI09HvhjAF4g-D20ikxS8IfvLLLy0qZEVT5QR41De1KA5Hv8EXXql3k2_U/s1600/103.gif"); bottom: 0px; left: 0px; width: 100%; height: 55px; z-index: 100; position: fixed;'/>
Ah sim!!! As imagens agora neh ^^:
Passe o mouse para ver essa acima; é super clarinha ^-^ |
Espero que gostem e beijinhus <3
nossa muito lindas as cortininhas, e é muito simples de colocar né?bjs
ResponderExcluirblogbondmais
Awn, que lindos esse enfeitinhos! O tutorial também é ótimo, acho que um toque todo delicado no blog...
ResponderExcluirBeijos ♥
blogjeitounico.blogspot.com
o template fico lindo mas ta muito pesado ):
ResponderExcluiroiiiiiii muito cute o seu blog. ameiiiiiiiii!to seguindo, me segue:http://robertarodrigueslady.blogspot.com.br/
ResponderExcluirObrigada e sejam bem-vindas sempre!!! E Fuyuki aqui tá carregando rapidinho...
ResponderExcluirBeijinhus...
O meu não ta dando certo . . .
ResponderExcluirBem, tente colar o código em um novo gadget HTML/JavaScript; talvez dê certo ^^
ExcluirBeijus...
Obrigada ! beijos !
ResponderExcluirMuito lindo!!!
ResponderExcluirGostaria de saber como colocar essas cortininhas na parte da postagem, como nesse blog aqui: http://suey-cide.blogspot.com.br/2012/10/outfit-12-de-outubro.html
Será que vc tem alguma dica?!
Beijos ^-^
Me parece que é usado uma imagem como background que já vem com as cortininhas como plano de fundo, tipo a do template do Berry Puppy e a do template Kawaii que fiz.
ExcluirVou procurar imagens desse tipo para compartilhar aqui ok?
Beijinhus e obrigada...
Eu coloquei como EDITAR HTML e n ta dando certo.....
ResponderExcluirTente adicionar como um gadget HTML/JavaScript que dá certo também ^^
ResponderExcluirBeijus...
lindo mesmo, como sempre, obrigada por disponibilizar tanto material lindo, beijos
ResponderExcluirMuuuuuuuito Lindo!
ResponderExcluirObrigada!!!!!
OMG,são todas lindas!
ResponderExcluirOiii,boa noite! :D
ResponderExcluirMuito obrigada pelas cortininhas,e pelas dias. Deus sabe como é útil ter blogs assim tão explicadinhos na internet! hehe
Seu layout é muito fo-fo! Deve ter dado uma trabalheira danada né? Sei como é isso,também tenho um blog,não sossego enquanto não ficar tudo bonitinho,do jeitinho que eu imaginei -_-
Aliás,gostaria de te propor parceria ao meu blog: http://lilacideas.blogspot.com
Gostaria muito de uma resposta positiva sua *------*
Bjinhooo! *-*
ola linda ! se n se importar eu peguei alguns modelos ( só uns 5 ) pra postar no meu blog ta ? estilistadoavesso.blogspot.com
ResponderExcluir