Background em Full Screen no Web Acappella

Background em Full Screen no Web Acappella

Olá Pessoal,

Atendendo a  pedidos hoje vamos fornecer algumas dicas de como deixar o background em full screen (tela cheia) no Web Acappella.

Existem diversos modos de deixar o background em full screen no Web Acappella inclusive utilizando os próprios recursos nativos do programa, no entanto muitos usuários tem dificuldade no posicionamento da imagem e não chegam em um resultado satisfatório.

A dica de hoje baseia-se em alguns simples códigos, vamos lá!

Com o Web Acappella já aberto vá até o menu superior e clique em Site > Propriedades do Site.  E clique na opção Avançado (representada por uma engrenagem):

 

Feito isso cole o código abaixo na seção HEAD do seu site:


<style>

#bg {

position:fixed;

top:0;

left:0;

&nbsp;

/* Preserve aspet ratio */

min-width:100%;

min-height:100%;

}

</style>

 

Após clique em OK:

Agora vamos a parte do código que será responsável pela exibição do background (fundo) do seu site.

Primeiramente envie a imagem a ser exibida no seu background para o seu servidor de hospedagem e anote o caminho do mesmo, pois  utilizaremos no próximo passo.

 

Agora no seu Web Acappella vá até a matriz principal, e adicione um código HTML na mesma:

 

Feito isso insira o seguinte código:


<img src="http://endereco-do-seu-background.jpg" id="bg">

 

Substitua o trecho endereco-do-seu-background.jpg  pelo endereço da sua imagem e publique o seu site normalmente.

 

Importante: Para que o background não fique sobreposto aos demais elementos do site é necessário que o código acima seja inserido na matriz principal do seu site.

 

 

Gostou? Comente e compartilhe!

 

 


Comments

  1. bom!!

  2. você pode adicionar uma gravação de vídeo de tela

  3. Muio bom!

  4. Coloco o caminho certinho da imagem, mas a mesma não aparece no site, fica tudo em branco!! O que será que pode ser?

  5. Olá! A Minha imagem ficou muito grande, ela não centralizou, fiz ela com uma resolução um pouco maior, caso o site seja acessado por uma tela maior a imagem fique com uma resolução boa, como faço para justificar a imagem e centralizar?

  6. E se eu quiser que este esquema de full funciona-se apenas no rodapé……. colocar uma imagem full apenas no rodapé. Sabe como?

  7. No lugar da imagem é possivel colocar um video de fundo como neste exemplo http://demosthenes.info/samples/polina.html

  8. ola nao aparece a imagem em meu site apenas um desenho de link quebrado

    • Provavelmente porque o arquivo da imagem não foi coloca dentro do servidor ou o endereço esta errado.

      Digite no navegador apenas o endereço da imagem, se aparecer, é porque esta certo.

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *