terça-feira, 2 de outubro de 2012

'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
Compartilhe:

Quem escreveu esse post?


Foi a Roberta, que adora tudo o que for kawaii, macio, fofo, de chocolate e com morango no topo. Se ela não estiver online por aqui, você pode encontrá-la também em...


Caso queira adicionar um emoticon/emoji ao seu comentário, copie o link de uma das imagens abaixo:

17 comentários

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

REPLY

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

Beijos ♥
blogjeitounico.blogspot.com

REPLY

o template fico lindo mas ta muito pesado ):

REPLY

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

REPLY

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

REPLY

O meu não ta dando certo . . .

REPLY

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

REPLY

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 ^-^

REPLY

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...

REPLY

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

REPLY

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

REPLY

lindo mesmo, como sempre, obrigada por disponibilizar tanto material lindo, beijos

REPLY

Muuuuuuuito Lindo!

Obrigada!!!!!

REPLY

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! *-*

REPLY

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

REPLY

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

Reino Kawaii . 2018 Copyright. All rights reserved. Designed by Blogger Template | Free Blogger Templates