Background diferente para cada membro
+3
.Danni.
DaniloKoD
Azure
7 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 2 de 2
Página 2 de 2 • 1, 2
Background diferente para cada membro
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
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)
Re: Background diferente para cada membro
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!
Re: Background diferente para cada membro
Olá!
Queres um código que redimensiona automaticamente? viu isso em algum site?
Até mais!
Queres um código que redimensiona automaticamente? viu isso em algum site?
Até mais!
Re: Background diferente para cada membro
esse efeito está nesse site como dito anteriormente
http://odisseia.forumais.com/
http://odisseia.forumais.com/
Re: Background diferente para cada membro
Olá!
Troque o css por este:
seender
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}
seender
Página 2 de 2 • 1, 2
Tópicos semelhantes
» Adicionar ícone diferente para cada fórum
» [TUTORIAL] Background diferente para cada membro
» [dúvida] background diferente para cada membro
» [TUTORIAL] Background diferente para cada fórum
» Background diferente em cada página do portal
» [TUTORIAL] Background diferente para cada membro
» [dúvida] background diferente para cada membro
» [TUTORIAL] Background diferente para cada fórum
» Background diferente em cada página do portal
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 2 de 2
Permissões neste sub-fórum
Não podes responder a tópicos