Olá turma do bem,
Essa é hoje é rapidinha, pois é colocar um fundo tela inteira sem necessidade de Plugins.
A vantagem de usar códigos é que você pode adaptar com um sistema ADM para que seu cliente possa ele próprio alterar a imagem quando quiser. Eu por exemplo uso o M7ADM com o módulo Upload de Arquivos. Daí, oriento o cliente em manter o mesmo nome e extensão do arquivo.
CÓDIGO A SER UTILIZADO:
<!--[if lt IE 7 ]> <html class="ie ie6 no-js" lang="en"> <![endif]-->
<!--[if IE 7 ]> <html class="ie ie7 no-js" lang="en"> <![endif]-->
<!--[if IE 8 ]> <html class="ie ie8 no-js" lang="en"> <![endif]-->
<!--[if IE 9 ]> <html class="ie ie9 no-js" lang="en"> <![endif]-->
<!--[if gt IE 9]><!--><html class="no-js" lang="pt"><!--<![endif]-->
<style type="text/css">
#full-screen-background-image {
z-index: -999;
min-height: 386px;
min-width: 100%;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
</style>
<img src="IMAGEMDOFUNDO.JPG" id="full-screen-background-image" />
APLICANDO NO WA 4
UTILIZANDO COM FUNDO ÚNICO EM TODO SITE
No WebAcappella vai em SITE>>PROPRIEDADES DO SITE clique na catraca e cole o código acima no campo do head
ALTERE O TRECHO IMAGEMDOFUNDO.JPG pelo nome da sua imagem
que deve estar postada no mesmo diretório do site
** Caso deseja um fundo para cada página diferente basta em vez de colocar o código nas propriedades do site, faça o mesmo inserido o código nas propriedades da página de cada página alterando o trecho IMAGEMDOFUNDO.JPG pelo nome da imagem a ser utilizada para cada página.
Nada de novo, só para alimentar nossa biblioteca mesmo.
Demonstração WA 4
APLICANDO NO WA RC
UTILIZANDO COM FUNDO ÚNICO EM TODO SITE
do site clique em WEBSITE SETTINGS e clique em
EDIT HTML CODE cole o código acima no campo do head
ALTERE O TRECHO IMAGEMDOFUNDO.JPG pelo nome da sua
imagem que deve estar postada no mesmo diretório do site
** Caso deseja um fundo para cada página diferente basta em vez de colocar o código nas propriedades
do site, faça o mesmo inserido o código nas propriedades da página de cada página alterando
o trecho IMAGEMDOFUNDO.JPG pelo nome da imagem a ser utilizada para cada página.
Nada de novo, só para alimentar nossa biblioteca mesmo.
Demonstração WA RC
