<style type="text/css">body {background-image:url("Coloque aqui o url da imagem"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }</style><div id="tag" style="position:absolute; left:0px; top:30px; z-index:50; width:150px; height:45px;"><a href="http"></a></div><br /><br /><br /> <br /> <br /> <br />
02 novembro 2012
24 outubro 2012
Dicas da Criativa
Este post eu postei para guardá-lo.Peguei no http://www. flogvip.net/soucriativa
.:: Bordas das Laterais ::.
Bom pessoal, pra vcs colocarem um plano de fundo com foto nas laterais do seu flog, basta vc apagar uma pequena parte do css, confira o exemplo:
html, body {
border-top: 5px solid #ffffff;
background-attachment: scroll;
background: #F7F5F4 url("=") repeat;}
Aí, essa parte escrita html, body {
vc apaga a vírgula e o body; permanece a chave com apenas um espaço para separar o html da mesma. Depois de vc ja ter escrito html { vc coloca esse código abaixo da linha já registrada:
background: #SUACOR url("OURLDASUAIMAGEM");-moz-border-radius: 0px;}Agora
.:: Bordas das Laterais ::.
Bom pessoal, pra vcs colocarem um plano de fundo com foto nas laterais do seu flog, basta vc apagar uma pequena parte do css, confira o exemplo:
html, body {
border-top: 5px solid #ffffff;
background-attachment: scroll;
background: #F7F5F4 url("=") repeat;}
Aí, essa parte escrita html, body {
vc apaga a vírgula e o body; permanece a chave com apenas um espaço para separar o html da mesma. Depois de vc ja ter escrito html { vc coloca esse código abaixo da linha já registrada:
background: #SUACOR url("OURLDASUAIMAGEM");-moz-border-radius: 0px;}Agora
é só seguir as instruções de cima, onde tem escrito "sua cor" vc coloca a cor q vc quer em forma de código (isto é p/ ser a cor do fundo das laterais; não se preocupe pois se vc coloca o url, é este que vai aparecer). E na parte que tem escrito "o url da sua imagem" vc coloca o código da figura q vc deseja. Vc pode incorporar o código em qualquer página da internet q disponibiliza isso, o google é um bom exemplo, vc coloca lá o q vc quer pesquisar, vai em imagens, clika na imagem desejada, clika com o botão esquerdo em cima da foto desejada e clika em
"Copiar o URL da Imagem" aí depois vc cola esse url no lugar indicado. APROVEITE! visite o flog da criativa e tire suas duvidas.23 outubro 2012
código para colocar image de topo.
Hospede uma imagem de sua preferença no site:
www.tinypic.com
Depois copie o link( Direct Link for Layouts) e cole onde está ecrito link da imagem,
Antes de tudo isto vá em adicionar gadget,ehtml/javascript e cole o código.Depois o link da imagem.
Salvar e pronto.Não importa o lado que o código fica.
A imagem vai ficar paradinha no canto do rodapé do seu blog.
Espero ter explicado de um modo menos complicado.
BOA SORTE.
BEIJOS>>>>>
<div style="position:fixed; bottom:0px; right:0px;"><a href="#"><img src="LINK DA IMAGEM" border="0" /></a></div>
Este código pertence ao blog :http://ericagirlfashion.blogspot.com.br
Hospede uma imagem de sua preferença no site:
www.tinypic.com
Depois copie o link( Direct Link for Layouts) e cole onde está ecrito link da imagem,
Antes de tudo isto vá em adicionar gadget,ehtml/javascript e cole o código.Depois o link da imagem.
Salvar e pronto.Não importa o lado que o código fica.
A imagem vai ficar paradinha no canto do rodapé do seu blog.
Espero ter explicado de um modo menos complicado.
BOA SORTE.
BEIJOS>>>>>
<div style="position:fixed; bottom:0px; right:0px;"><a href="#"><img src="LINK DA IMAGEM" border="0" /></a></div>
Este código pertence ao blog :http://ericagirlfashion.blogspot.com.br
19 outubro 2012
CÓDIGO PAR COLOCAR FUNDO NO SEU BLOG
Pegando carona na dica anterior, posto aqui o código
para colocar fundo em seu blog, fácil, fácil...
Vá até "Elementos de página", e abra um HTML/Javascript. Cole lá o código e insira o endereço da imagem. Salve e pronto.

Para a imagem se repetir:
<script>document.write(unescape("%3Cstyle%20type%3D%22text/css%22%3E%0Abody%20%7B background-image %3A%20url%28%22 AQUI O ENDEREÇO DA IMAGEM %22%29%3B%20background-position%3A%20center%3B%20background-repeat%3A%20repeat%3B%20 background-attachment %3A%20fixed%3B%20%7D%0A%3C/style%3E%0A%3Cdiv%20id%3D%22tag%22%20 style%3D%22position%3Aabsolute %3B%20left%3A0px%3B%20top%3A30px%3B%20z-index%3A50%3B%20 width%3A150px%3B%20height%3A45px%3B%22%3E%0A%3Ca%20href%3D%22 %22%20border%3D%220%22/ %3E%0A%3C/a%3E%3C/div%3E%20"));</script>
Para a imagem não se repetir, o código é este:
<script>document.write(unescape("%3Cstyle%20type%3D%22text/css%22%3E%0Abody%20%7B background-image %3A%20url%28%22 AQUI O ENDEREÇO DA IMAGEM %22%29%3B%20background-position%3A%20center%3B%20background-repeat%3A%20no-repeat%3B%20 background-attachment %3A%20fixed%3B%20%7D%0A%3C/style%3E%0A%3Cdiv%20id%3D%22tag%22%20 style%3D%22position%3Aabsolute %3B%20left%3A0px%3B%20top%3A30px%3B%20z-index%3A50%3B%20 width%3A150px%3B%20height%3A45px%3B%22%3E%0A%3Ca%20href%3D%22 %22%20border%3D%220%22/ %3E%0A%3C/a%3E%3C/div%3E%20"));</script>
Vá até "Elementos de página", e abra um HTML/Javascript. Cole lá o código e insira o endereço da imagem. Salve e pronto.

Para a imagem se repetir:
<script>document.write(unescape("%3Cstyle%20type%3D%22text/css%22%3E%0Abody%20%7B background-image %3A%20url%28%22 AQUI O ENDEREÇO DA IMAGEM %22%29%3B%20background-position%3A%20center%3B%20background-repeat%3A%20repeat%3B%20 background-attachment %3A%20fixed%3B%20%7D%0A%3C/style%3E%0A%3Cdiv%20id%3D%22tag%22%20 style%3D%22position%3Aabsolute %3B%20left%3A0px%3B%20top%3A30px%3B%20z-index%3A50%3B%20 width%3A150px%3B%20height%3A45px%3B%22%3E%0A%3Ca%20href%3D%22 %22%20border%3D%220%22/ %3E%0A%3C/a%3E%3C/div%3E%20"));</script>
Para a imagem não se repetir, o código é este:
<script>document.write(unescape("%3Cstyle%20type%3D%22text/css%22%3E%0Abody%20%7B background-image %3A%20url%28%22 AQUI O ENDEREÇO DA IMAGEM %22%29%3B%20background-position%3A%20center%3B%20background-repeat%3A%20no-repeat%3B%20 background-attachment %3A%20fixed%3B%20%7D%0A%3C/style%3E%0A%3Cdiv%20id%3D%22tag%22%20 style%3D%22position%3Aabsolute %3B%20left%3A0px%3B%20top%3A30px%3B%20z-index%3A50%3B%20 width%3A150px%3B%20height%3A45px%3B%22%3E%0A%3Ca%20href%3D%22 %22%20border%3D%220%22/ %3E%0A%3C/a%3E%3C/div%3E%20"));</script>
Este código você encontra no blog:
http://templateseacessorios.blogspot.com.br
Neste blog voce encontra tudo para seu blog.
COMO INSTALAR LAYOUT FREE
<style type="text/css">body {background-image:url("ENDEREÇO DA IMAGEM"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }</style><div id="tag" style="position:absolute; left:0px; top:30px; z-index:50; width:150px; height:45px;"><a href="http"></a></div><br /><br /><br /> <br /> <br /> <br />
COMO INSTALAR LAYOUT FREE
Primeiro passo é copiar o código do layout
QUE SE ENCONTRA NA CX A CIMA
COLOQUE O ENDEREÇO DA IMAGEM NO LOCAL
INDICADO
(Você pode tanto copiar utilizando o botão direito do mause (opção copiar)
Como pode utilizar ctrl+C para copiar.
Mas antes deve-se selecionar todo o conteúdo da caixinha.Que você pode fazer do modo convencional ou utilizando ctrl+A, porém antes de fazer isso deve-se clicar dentro da caixinha.)
.Segundo paço é colar no JavaScript.
Como????
(No painel do seu blog encontre Layout.
Abrirá logo em "elementos de página"
Abra "Adicionar um GadGet"
Logo "HTML/JavaScript"
Cole o codigo.
COMO INSTALAR LAYOUT FREE
Primeiro passo é copiar o código do layout
QUE SE ENCONTRA NA CX A CIMA
COLOQUE O ENDEREÇO DA IMAGEM NO LOCAL
INDICADO
(Você pode tanto copiar utilizando o botão direito do mause (opção copiar)
Como pode utilizar ctrl+C para copiar.
Mas antes deve-se selecionar todo o conteúdo da caixinha.Que você pode fazer do modo convencional ou utilizando ctrl+A, porém antes de fazer isso deve-se clicar dentro da caixinha.)
.Segundo paço é colar no JavaScript.
Como????
(No painel do seu blog encontre Layout.
Abrirá logo em "elementos de página"
Abra "Adicionar um GadGet"
Logo "HTML/JavaScript"
Cole o codigo.
Assinar:
Postagens (Atom)