Background diferente para cada membro

Página 2 de 2 Anterior  1, 2

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

Resolvido Background diferente para cada membro

Mensagem por Azure em 26/03/13, 04:42 pm

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?


http://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, 12:29 am, editado 1 vez(es)
avatar

Azure
Usuário destaque

Masculino
Inscrito dia : 17/04/2008
Mensagens : 810
Pontos Ativos : 785

Ver perfil do usuário http://sc2br.forumeiros.com/

Resolvido Re: Background diferente para cada membro

Mensagem por Azure em 25/04/13, 01:37 am

impossivel me manda um print que mostra a tela redimensionada 100% pq aqui não da certo!



o código acima tbm não funcionou!

Azure
Usuário destaque

Inscrito dia : 17/04/2008
Mensagens : 810

Ver perfil do usuário http://sc2br.forumeiros.com/

Resolvido Re: Background diferente para cada membro

Mensagem por Azure em 26/04/13, 03:03 pm

up

Azure
Usuário destaque

Inscrito dia : 17/04/2008
Mensagens : 810

Ver perfil do usuário http://sc2br.forumeiros.com/

Resolvido Re: Background diferente para cada membro

Mensagem por Azure em 27/04/13, 05:23 pm

up

Azure
Usuário destaque

Inscrito dia : 17/04/2008
Mensagens : 810

Ver perfil do usuário http://sc2br.forumeiros.com/

Resolvido Re: Background diferente para cada membro

Mensagem por Azure em 29/04/13, 01:41 pm

up

Azure
Usuário destaque

Inscrito dia : 17/04/2008
Mensagens : 810

Ver perfil do usuário http://sc2br.forumeiros.com/

Resolvido Re: Background diferente para cada membro

Mensagem por seender em 30/04/13, 01:03 am

Olá!

Troque o código 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}
        #bg6{background-image:url(http://i72.servimg.com/u/f72/17/41/76/40/1jimra10.png)!important;background-repeat:repeat-x!important}
        #bg5{background-image:url(http://i72.servimg.com/u/f72/17/41/76/40/1tychu10.png)!important}
        #bg2{background-image:url(http://illiweb.com/fa/pbucket.gif)!important}
        #bg3{background-image:url(http://illiweb.com/fa/pbucket.gif)!important}
        #bg4{background-image:url(http://i72.servimg.com/u/f72/17/41/76/40/1kerri10.png)!important}
        #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;background-repeat:no-repeat;background-attachment:fixed;}
        .bg2{background-image:url(http://illiweb.com/fa/pbucket.gif)!important;background-repeat:no-repeat;background-attachment:fixed;}
        .bg3{background-image:url(http://illiweb.com/fa/pbucket.gif)!important;background-repeat:no-repeat;background-attachment:fixed;}
        .bg4{background-image:url(http://i72.servimg.com/u/f72/17/41/76/40/kerrig12.jpg)!important;background-repeat:no-repeat;background-attachment:fixed;}
        .bg5{background-image:url(http://i72.servimg.com/u/f72/17/41/76/40/tychus11.jpg)!important;background-repeat:no-repeat;background-attachment:fixed;}
        .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;background-repeat:no-repeat;background-attachment:fixed;}
        #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
Principal contribuidor
Principal contribuidor

Inscrito dia : 07/04/2009
Mensagens : 9450

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Background diferente para cada membro

Mensagem por Azure em 01/05/13, 02:36 am

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!
avatar

Azure
Usuário destaque

Masculino
Inscrito dia : 17/04/2008
Mensagens : 810
Pontos Ativos : 785

Ver perfil do usuário http://sc2br.forumeiros.com/

Resolvido Re: Background diferente para cada membro

Mensagem por seender em 01/05/13, 02:39 am

Olá!

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

Até mais!
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Background diferente para cada membro

Mensagem por Azure em 02/05/13, 09:53 pm

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

Azure
Usuário destaque

Masculino
Inscrito dia : 17/04/2008
Mensagens : 810
Pontos Ativos : 785

Ver perfil do usuário http://sc2br.forumeiros.com/
  • 0

Resolvido Re: Background diferente para cada membro

Mensagem por seender em 03/05/13, 02:05 am

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://illiweb.com/fa/pbucket.gif)!important;height: auto;
padding: 10px 0px;
background-attachment: fixed;
background-size: 100%;}
        #bg3{background-image:url(http://illiweb.com/fa/pbucket.gif)!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://illiweb.com/fa/pbucket.gif)!important;height: auto;
padding: 10px 0px;
background-attachment: fixed;
background-size: 100%;}
        .bg3{background-image:url(http://illiweb.com/fa/pbucket.gif)!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
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Background diferente para cada membro

Mensagem por Azure em 05/05/13, 12:29 am

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

Azure
Usuário destaque

Masculino
Inscrito dia : 17/04/2008
Mensagens : 810
Pontos Ativos : 785

Ver perfil do usuário http://sc2br.forumeiros.com/

Página 2 de 2 Anterior  1, 2

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum