Background diferente para cada membro

+3
.Danni.
DaniloKoD
Azure
7 participantes

Página 2 de 2 Anterior  1, 2

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Tópico resolvido Background diferente para cada membro

Mensagem por Azure 26.03.13 19:42

Relembrando a primeira mensagem :

Qual é minha questão:
Eu vi esse tutorial do Background diferente para cada membro e eu querisa saber o seguinte o meu fórum tem uma imagem de fundo com 1280 de largura, no entanto em ecrãs grandes a imagem não ocupa a largura total. Se eu coloco uma imagem maior, ela fica cortada num ecrã mais pequeno.




Como eu faço para a imagem de fundo esticar ou encolher de forma a ocupar sempre 100% da largura do ecrã utilizando o esse tutorial?


https://ajuda.forumeiros.com/t71210-tutorial-background-diferente-para-cada-membro

Endereço do meu fórum:
http://v2-0.forumeiros.com

Versão do fórum:
PUNBB


Última edição por Azure em 05.05.13 4:29, editado 1 vez(es)
Azure

Azure
Membro

Membro desde : 17/04/2008
Mensagens : 810
Pontos : 785

http://sc2br.forumeiros.com/

Ir para o topo Ir para baixo


Tópico resolvido Re: Background diferente para cada membro

Mensagem por Azure 01.05.13 6:36

Com esse código que você forneceu ele parou de usar a função repet porem ele ainda não está deixando a imagem cobrindo 100% do meu monitor!
Azure

Azure
Membro

Membro desde : 17/04/2008
Mensagens : 810
Pontos : 785

http://sc2br.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Background diferente para cada membro

Mensagem por seender 01.05.13 6:39

Olá!

Queres um código que redimensiona automaticamente? viu isso em algum site?

Até mais!
seender

seender
Membro Entusiasta
Membro Entusiasta

Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455

http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Ir para o topo Ir para baixo

Tópico resolvido Re: Background diferente para cada membro

Mensagem por Azure 03.05.13 1:53

esse efeito está nesse site como dito anteriormente
http://odisseia.forumais.com/
Azure

Azure
Membro

Membro desde : 17/04/2008
Mensagens : 810
Pontos : 785

http://sc2br.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta
  • 0

Tópico resolvido Re: Background diferente para cada membro

Mensagem por seender 03.05.13 6:05

Olá!

Troque o css por este:
Código:
        #custom_background{background-size: 100%;filter:alpha(opacity=93);-moz-opacity:0.93;opacity:0.93; background-attachment:fixed;background-color:#361010; background-image:url('http://i31.servimg.com/u/f31/17/41/76/40/backgr21.jpg') !important;box-shadow:0 0 10px rgba(0,0,0,0.8) inset;color:#FFF;position:relative;padding:15px 0 15px 15px}
        #custom_background span{-moz-transition:all .2s ease-in-out 0;background:none no-repeat scroll 50% 50% #000;border-radius:7px 7px 7px 7px;box-shadow:0 1px 7px #000 inset, 0 1px 0 rgba(255,255,255,0.05), 0 0 1px rgba(255,255,255,0.35);cursor:pointer;display:block;float:left;height:90px;margin-right:15px;width:140px}
        #custom_background span:hover{box-shadow:0 1px 2px #000 inset, 0 1px 0 rgba(255,255,255,0.05), 0 0 1px rgba(255,255,255,0.35)}
        #bg1{background-image:url(http://i72.servimg.com/u/f72/17/41/76/40/zerg11.jpg)!important;background-repeat:repeat-x!important;height: auto;
padding: 10px 0px;
background-attachment: fixed;
background-size: 100%;}
        #bg6{background-image:url(http://i72.servimg.com/u/f72/17/41/76/40/1jimra10.png)!important;background-repeat:repeat-x!important;height: auto;
padding: 10px 0px;
background-attachment: fixed;
background-size: 100%;}
        #bg5{background-image:url(http://i72.servimg.com/u/f72/17/41/76/40/1tychu10.png)!important;height: auto;
padding: 10px 0px;
background-attachment: fixed;
background-size: 100%;}
        #bg2{background-image:url(http://i1359.photobucket.com/albums/q800/azure91/Forum/protoss_zpsc0553b1f.jpg)!important;height: auto;
padding: 10px 0px;
background-attachment: fixed;
background-size: 100%;}
        #bg3{background-image:url(http://i1359.photobucket.com/albums/q800/azure91/Forum/fundo_zps7e8c3ea7.jpg)!important; height: auto;
padding: 10px 0px;
background-attachment: fixed;
background-size: 100%;}
        #bg4{background-image:url(http://i72.servimg.com/u/f72/17/41/76/40/1kerri10.png)!important; height: auto;
padding: 10px 0px;
background-attachment: fixed;
background-size: 100%;}
        #custom_url{clear:left;padding-top:10px;text-align:center}
        #custom_input{background:none repeat scroll 0 0 rgba(0,0,0,0.5);border:0 none;border-radius:4px 4px 4px 4px;box-shadow:0 1px 3px rgba(0,0,0,0.75) inset, 0 1px 0 rgba(255,255,255,0.15);color:#FFF;font-size:20px;height:40px;margin-left:-15px;margin-right:8px;white-space:nowrap;width:780px;padding:0 10px 0 0}
        #custom_submit{background:url(http://i48.servimg.com/u/f48/16/58/89/73/highli10.png) repeat-x scroll 0 0 rgba(197,206,213,0.4);border-radius:4px 4px 4px 4px;box-shadow:0 1px 3px rgba(0,0,0,0.6);color:#FFF;cursor:pointer;display:inline-block;font-size:20px;font-weight:400;line-height:40px;text-shadow:0 -1px 0 #4C5057;padding:0 10px}
        .bg1{background-image:url(http://i72.servimg.com/u/f72/17/41/76/40/zerg11.jpg) !important;height: auto;
padding: 10px 0px;
background-attachment: fixed;
background-size: 100%;}
        .bg2{background-image:url(http://i1359.photobucket.com/albums/q800/azure91/Forum/protoss_zpsc0553b1f.jpg)!important;height: auto;
padding: 10px 0px;
background-attachment: fixed;
background-size: 100%;}
        .bg3{background-image:url(http://i1359.photobucket.com/albums/q800/azure91/Forum/fundo_zps7e8c3ea7.jpg)!important;height: auto;
padding: 10px 0px;
background-attachment: fixed;
background-size: 100%;}
        .bg4{background-image:url(http://i72.servimg.com/u/f72/17/41/76/40/kerrig12.jpg)!important;height: auto;
padding: 10px 0px;
background-attachment: fixed;
background-size: 100%;}
        .bg5{background-image:url(http://i72.servimg.com/u/f72/17/41/76/40/tychus11.jpg)!important;height: auto;
padding: 10px 0px;
background-attachment: fixed;
background-size: 100%;}
        .bg6{background-image:url(http://i72.servimg.com/u/f72/17/41/76/40/jim_ra10.jpg)!important;background-repeat:no-repeat;background-attachment:fixed;}
        .bg_custom{background-attachment:fixed;background-color:#000;height: auto;
padding: 10px 0px;
background-attachment: fixed;
background-size: 100%;}
        #nav_background{background-color:#000;border:3px dotted #444!important;border-radius:15px 15px 15px 15px;cursor:pointer;float:right;padding:5px}
        #nav_background:hover{background-color:#FFF}
        #nav_background:active{background-color:#E71E7B} 
Melhores cumprimentos,
seender
seender

seender
Membro Entusiasta
Membro Entusiasta

Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455

http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Ir para o topo Ir para baixo

Tópico resolvido Re: Background diferente para cada membro

Mensagem por Azure 05.05.13 4:29

porr.a ate que fim deu certo pode fehcar!
Azure

Azure
Membro

Membro desde : 17/04/2008
Mensagens : 810
Pontos : 785

http://sc2br.forumeiros.com/

Ir para o topo Ir para baixo

Página 2 de 2 Anterior  1, 2

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos