"1º Vá a Modelo > Editar HTML clique no quadradinho de Expandir modelos e procura por:
<body
2º Copie o código do lugar onde quer que a cortininha apareça e cole ABAIXO de <body...
Cortininha no topo :
<div style=" background-image: url('URL DA CORTININHA'); top: 0px; left: 0px; width: 100%; height: 35px; z-index: 100; position: fixed;"></div>
Cortininha em baixo :
<div style=" background-image: url('URL DA CORTININHA'); bottom: 0px; left: 0px; width: 100%; height: 35px; z-index: 100; position: fixed;"></div>
Cortininha do lado direito :
<div style=" background-image: url('URL DA CORTININHA'); right: 0px; top: 0px; width:35px; height:100%; z-index: 100; position: fixed;"></div>
Cortininha do lado esquerdo :
<div style=" background-image: url('URL DA CORTININHA'); left: 0px; top: 0px; width:35px; height:100%; z-index: 100; position: fixed;"></div>
Onde está em negrito URL DA CORTININHA cole no lugar o endereço da imagem que vc vai usar, a imagem não precisa ter a largura da tela porque ela vai repetindo. E onde está em negrito 35 você vai colocar a altura (ou no caso das que ficam do lado a largura) da cortininha que você escolheu. A que eu uso no blog por exemplo tem 75 px e o código que eu uso é exatamente esse aqui:
<div style=' background-image: url('http://i49.tinypic.com/vzd1r5.jpg'); top: 0px; left: 0px; width: 100%; height: 75px; z-index: 100; position: fixed;'/>
Se quiser umas cortininhas prontas procurem no tumblr! Lá tem muitas cortininhas legais!
Entenderam? Espero ter ajudado! Preciso dizer que tirei os códigos do blog Adolenário então se usar coloque os créditos! Mas o tutorial não é o de lá não, é o que eu usei para colocar a minha ok?"
Nenhum comentário:
Postar um comentário