Como fazer para essa imagem de fundo se esticar para ficar um belo tamanho?

2 participantes

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

Tópico resolvido Como fazer para essa imagem de fundo se esticar para ficar um belo tamanho?

Mensagem por Joker™ 09.03.12 20:02

Qual é minha questão:
Simples, eu quero por essas imagens se unindo, formando assim, uma imagem bem grandona pra ficar tipo naquele fórum:

Obs: Eu sei que no fórum com esse sistema tem essas imagens em tamanho grande, mas o que eu quero é alguma forma de esticar essas imagens e unificalas

Medidas que eu tomei para corrigir o problema:
Nenhuma.

Links e imagens do meu problema:
Imagens:

Como fazer para essa imagem de fundo se esticar para ficar um belo tamanho? 110

Como fazer para essa imagem de fundo se esticar para ficar um belo tamanho? 210

Como fazer para essa imagem de fundo se esticar para ficar um belo tamanho? 310

Links:

Fórum Frito - Imagem Buscada.

CSS:
Convidado clique aqui para ver o que está oculto:

Endereço do meu fórum:
Tudaki - Meu Fórum.

Versão do meu fórum:
PHPBB3


Última edição por Alan Castelo em 12.03.12 23:57, editado 1 vez(es)
Joker™

Joker™
Membro

Membro desde : 18/02/2012
Mensagens : 617
Pontos : 982

http://tudaki.forumeiro.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Como fazer para essa imagem de fundo se esticar para ficar um belo tamanho?

Mensagem por MateusV. 09.03.12 20:08

Olá, adicione este codigo em seu CSS
Código:
 #page-header{
        width: 984px;
        background: url(http://i43.servimg.com/u/f43/16/43/60/45/s10.png) no-repeat top center;}

#page-body{
background: url(http://i66.servimg.com/u/f66/13/46/75/82/body33.png) repeat-y center !important;
width: 100%;
margin: 0px 0px;}

#outer-wrapper{
padding: 4px 0px;}

#page-footer{
float: center !important;
width: 984px;
background: url(http://i66.servimg.com/u/f66/13/46/75/82/f11.png) no-repeat bottom center;
height: 70px;}
Cordialmente. Feliz
MateusV.

MateusV.
Membro Entusiasta
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Como fazer para essa imagem de fundo se esticar para ficar um belo tamanho?

Mensagem por Joker™ 09.03.12 20:20

Não, não... Isso ai eu ja tinha, eu quero fazer é esticar essas imagens ai para poder a pagina carregar mais rapido, já que essas ai são menores...


Tipo:
Quando se põe um fundo, ele se estica todo, até completar. Eu quero esticar essas imagens ali, até elas até fazer um efeito parecido com esse dai que ele pôs imagens grande..., entende?

Tem como fazer isso?
Joker™

Joker™
Membro

Membro desde : 18/02/2012
Mensagens : 617
Pontos : 982

http://tudaki.forumeiro.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Como fazer para essa imagem de fundo se esticar para ficar um belo tamanho?

Mensagem por MateusV. 09.03.12 20:23

Olá, a qualidade da imagem pode ficar muito baixa, mas substitua o codigo por este
Código:
 #page-header{
        width: 984px;
        background: url(http://i48.servimg.com/u/f48/17/28/71/97/110.png) no-repeat top center;}

#page-body{
background: url(http://i48.servimg.com/u/f48/17/28/71/97/210.png) repeat-y center !important;
width: 100%;
margin: 0px 0px;}

#outer-wrapper{
padding: 4px 0px;}

#page-footer{
float: center !important;
width: 984px;
background: url(http://i48.servimg.com/u/f48/17/28/71/97/310.png) no-repeat bottom center;
height: 70px;}
Cordialmente. Feliz
MateusV.

MateusV.
Membro Entusiasta
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Como fazer para essa imagem de fundo se esticar para ficar um belo tamanho?

Mensagem por Joker™ 09.03.12 20:29

Ficou no tamanho original :/, não esticou, como faz pra esticar? E outra coisa...

Qual código eu uso pra mostrar esse tipo de spoiler ai,reduzido e com botão selecionar? Pode me dizer?
Joker™

Joker™
Membro

Membro desde : 18/02/2012
Mensagens : 617
Pontos : 982

http://tudaki.forumeiro.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Como fazer para essa imagem de fundo se esticar para ficar um belo tamanho?

Mensagem por MateusV. 09.03.12 20:36

Olá, de que spoiler fala? quer dizer a tag "code"? Enquanto ao codigo substitua-o por este
Código:
 #page-header{
        width: 984px !important;
        background: url(http://i48.servimg.com/u/f48/17/28/71/97/110.png) no-repeat top center width: 984px;}

#page-body{
background: url(http://i48.servimg.com/u/f48/17/28/71/97/210.png) repeat-y center width: 100% !important;
width: 100% !important;
margin: 0px 0px;}

#outer-wrapper{
padding: 4px 0px;}

#page-footer{
float: center !important;
width: 984px !important;
background: url(http://i48.servimg.com/u/f48/17/28/71/97/310.png) no-repeat bottom center width: 984px;
height: 70px;}
Cordialmente.
MateusV.

MateusV.
Membro Entusiasta
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Como fazer para essa imagem de fundo se esticar para ficar um belo tamanho?

Mensagem por Joker™ 09.03.12 20:41

Sim... E não, não funcionou..., as imagens sumiram :/.
Joker™

Joker™
Membro

Membro desde : 18/02/2012
Mensagens : 617
Pontos : 982

http://tudaki.forumeiro.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como fazer para essa imagem de fundo se esticar para ficar um belo tamanho?

Mensagem por Joker™ 09.03.12 20:52

Faz o seguinte tem como eu poruma borda naquilo? Assim não precisa esticar... A borda faz o trabalho sozinho...
Joker™

Joker™
Membro

Membro desde : 18/02/2012
Mensagens : 617
Pontos : 982

http://tudaki.forumeiro.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Como fazer para essa imagem de fundo se esticar para ficar um belo tamanho?

Mensagem por MateusV. 09.03.12 21:06

Olá, se deseja apenas colocar uma borda o codigo é este
Código:
 #page-header{
-moz-border-radius:10px;
-webkit-border-radius:10px;
border: 1px solid white;
}

#page-body{
-moz-border-radius:10px;
-webkit-border-radius:10px;
border: 1px solid white;
}

#outer-wrapper{
padding: 4px 0px;}

#page-footer{
-moz-border-radius:10px;
-webkit-border-radius:10px;
border: 1px solid white;}
.forumline {
-moz-border-radius:10px;
-webkit-border-radius:10px;
border: 1px solid white;
}
Cordialmente.
MateusV.

MateusV.
Membro Entusiasta
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Como fazer para essa imagem de fundo se esticar para ficar um belo tamanho?

Mensagem por Joker™ 09.03.12 21:29

Tem como preencher essa borda com cor? E fazer essa borda igual a dos meus widgets? Aquelas com pontinhos?
Joker™

Joker™
Membro

Membro desde : 18/02/2012
Mensagens : 617
Pontos : 982

http://tudaki.forumeiro.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Como fazer para essa imagem de fundo se esticar para ficar um belo tamanho?

Mensagem por MateusV. 09.03.12 21:38

Olá, sim, entenda o codigo
#page-header{
-moz-border-radius:10px;
-webkit-border-radius:10px;
border: 5px dotted white;
}

#page-body{
-moz-border-radius:10px;
-webkit-border-radius:10px;
border: 5px dotted white;
}

#outer-wrapper{
padding: 4px 0px;}

#page-footer{
-moz-border-radius:10px;
-webkit-border-radius:10px;
border: 5px dotted white;
}
.forumline {
-moz-border-radius:10px;
-webkit-border-radius:10px;
border: 5px dotted white;
}
Verde, nele você ira revezar entre solid e dotted, solid é uma borda solida, apenas o traço, dotted é uma borda com pontos, vermelho, nele você coloca o codigo hexadecimal da cor ou seu nome em ingles.
Obs: Faça isto em todas as partes do codigo
Cordialmente.
MateusV.

MateusV.
Membro Entusiasta
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Como fazer para essa imagem de fundo se esticar para ficar um belo tamanho?

Mensagem por Joker™ 09.03.12 21:43

Tem como por uma cor de fundo nessa borda? Pipoca Digo dento dela um fundo nela?
Joker™

Joker™
Membro

Membro desde : 18/02/2012
Mensagens : 617
Pontos : 982

http://tudaki.forumeiro.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como fazer para essa imagem de fundo se esticar para ficar um belo tamanho?

Mensagem por Joker™ 12.03.12 23:52

REsolvi aqui sosinho, valeu ai...
Joker™

Joker™
Membro

Membro desde : 18/02/2012
Mensagens : 617
Pontos : 982

http://tudaki.forumeiro.com/

Ir para o topo Ir para baixo

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