Follow Us @soratemplates

terça-feira, 2 de outubro de 2012

Cortininhas e Barrinhas Kawaii+Tutorial

'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>
Para a lateral esquerda:
<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("http://3.bp.blogspot.com/-xY-pPJ85f4s/UGsVuCyt3PI/AAAAAAAAFyc/GwQkUIzWREQ/s1600/2.gif"); top: 0px; left: 0px; width: 42px; height: 100%; z-index: 100; position: absolute;'/>
<div style=' background-image: url("http://1.bp.blogspot.com/-x-7jN9C_0aY/UGsV4RgdhOI/AAAAAAAAFz0/lfxEPkeR7ec/s1600/3.gif"); top: 0px; right: 0px; width: 42px; height: 100%; z-index: 100; position: absolute;'/>
<div style=' background-image: url("http://2.bp.blogspot.com/-t29BFLafxps/UGsVeLNtEbI/AAAAAAAAFwM/N8m07SACSak/s1600/102.gif"); top: 0px; left: 0px; width: 100%; height: 55px; z-index: 100; position: fixed;'/>
<div style=' background-image: url("http://3.bp.blogspot.com/-pE7cjlb-W3M/UGsVesgA-2I/AAAAAAAAFwU/P6jK6xzeCbc/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

17 comentários:

  1. nossa muito lindas as cortininhas, e é muito simples de colocar né?bjs
    blogbondmais

    ResponderExcluir
  2. Awn, que lindos esse enfeitinhos! O tutorial também é ótimo, acho que um toque todo delicado no blog...

    Beijos ♥
    blogjeitounico.blogspot.com

    ResponderExcluir
  3. o template fico lindo mas ta muito pesado ):

    ResponderExcluir
  4. oiiiiiii muito cute o seu blog. ameiiiiiiiii!to seguindo, me segue:http://robertarodrigueslady.blogspot.com.br/

    ResponderExcluir
  5. Obrigada e sejam bem-vindas sempre!!! E Fuyuki aqui tá carregando rapidinho...
    Beijinhus...

    ResponderExcluir
  6. Respostas
    1. Bem, tente colar o código em um novo gadget HTML/JavaScript; talvez dê certo ^^
      Beijus...

      Excluir
  7. Muito lindo!!!
    Gostaria 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 ^-^

    ResponderExcluir
    Respostas
    1. 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.
      Vou procurar imagens desse tipo para compartilhar aqui ok?
      Beijinhus e obrigada...

      Excluir
  8. Eu coloquei como EDITAR HTML e n ta dando certo.....

    ResponderExcluir
  9. Tente adicionar como um gadget HTML/JavaScript que dá certo também ^^
    Beijus...

    ResponderExcluir
  10. lindo mesmo, como sempre, obrigada por disponibilizar tanto material lindo, beijos

    ResponderExcluir
  11. Muuuuuuuito Lindo!

    Obrigada!!!!!

    ResponderExcluir
  12. Oiii,boa noite! :D
    Muito 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! *-*

    ResponderExcluir
  13. ola linda ! se n se importar eu peguei alguns modelos ( só uns 5 ) pra postar no meu blog ta ? estilistadoavesso.blogspot.com

    ResponderExcluir

Muito obrigada por seu comentário e por sua presença! Ambos são super importantes para mim.

Apenas peço que:
- Comente a vontade, dê sua opinião, faça críticas, esclareça suas dúvidas e dê suas sugestões sobre o assunto referente às postagens;
- Use um vocabulário livre para todas as idades;
- Não ofenda ninguém em hipótese alguma.

Os comentários são moderados e não são permitidos comentários de pessoas que não se identifiquem. Algumas dúvidas podem ser previamente esclarecidas na F.A.Q, assim como créditos e outras coisas.

Por favor, entrem em contato por meio das redes sociais também para dúvidas, sugestões, pedidos ou outros:
Facebook - Twitter - Google+ - Deviantart