Css para fundo personalizado

4 participantes

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

Tópico resolvido Css para fundo personalizado

Mensagem por Edmix 10.12.11 21:59

Qual é minha questão:
Gostaria de saber os codigos CSS para um fundo personalizado como no tema abaixo:
http://pt.hitskin.com/buscar-um-tema/pokemon-azures-50-169211.htm

Sei que esse é no PHBB3, gostaria de sabar para o PHBB2!

Sei também q é a imagem de cima, a do conteudo ( meio ) e a do final!


Endereço do meu fórum:

www.gamezerbrasil.forumeiros.com

Versão do meu fórum:
PHPBB2
Edmix

Edmix
****

Membro desde : 18/05/2011
Mensagens : 274
Pontos : 391

http://www.gamezerbrasil.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Css para fundo personalizado

Mensagem por Convidad 10.12.11 22:16

Olá!

Não é usado nenhum código no fundo deste tema.
Para adicionar o fundo vá em:

Painel de controle Seta Visualização Seta Gestão das imagens.

No campo:
:seta2: Imagem do fundo da página: Coloque:

http://hitskin.com/themes/16/92/11/i_background.png

Atenciosamente.


Última edição por Touks em 10.12.11 22:17, editado 1 vez(es)
Anonymous

Convidad
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Css para fundo personalizado

Mensagem por Konai 10.12.11 22:16

Olá,

Tente:

Código:
body {
background: url(link da imagem) repeat-x;
margin: 0px !important;
padding: 0px !important;}

Ou adicione na imagem de fundo , no painel de controle .

Css para fundo personalizado I_background



Piscada
Konai

Konai
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Css para fundo personalizado

Mensagem por Edmix 10.12.11 22:49

não é isso galera!
Isso eu sei!

To falando aquela parada branca que fica nas bordas das categorias!, qe tem umas curvas no topo!
Aquiilo é CSS!

Eu instalei o tema e peguei o CSS disso!

e é isso:

Topo:
Código:
#page-header{
min-height: 245px;
background: url(http://i66.servimg.com/u/f66/11/96/49/61/header25.png) no-repeat top center;
width: 926px;}

Final:
Código:
#page-body{
width: 926px;
padding-bottom: 31px;
margin: 0 !important;
background: url(http://i66.servimg.com/u/f66/11/96/49/61/body_e10.png) no-repeat bottom center;}

Meio:
Código:
#emptyidcc{
width: 926px;
display: inline-block !important;
padding: 10px 0px;
background: url(http://i66.servimg.com/u/f66/11/96/49/61/body24.png) repeat-y;}

pelas imagens da para ver, é o seguinte eu gostaria desse codigo para PHBB2 ou se falta algum complemento!
Edmix

Edmix
****

Membro desde : 18/05/2011
Mensagens : 274
Pontos : 391

http://www.gamezerbrasil.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Css para fundo personalizado

Mensagem por Luciano98 10.12.11 23:29

Olá!

Você quer arredondar e adicionar bordas brancas em volta do corpo do fórum?

Até mais.
Luciano98

Luciano98
Membro Entusiasta

Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Css para fundo personalizado

Mensagem por Edmix 10.12.11 23:35

Quero fazer que nem esse:
http://pt.hitskin.com/buscar-um-tema/pokemon-azures-50-169211.htm
é CSS com imagem!

eu quero fazer desse jeito, so que com outra imagem, outro tipo de fundo!
Edmix

Edmix
****

Membro desde : 18/05/2011
Mensagens : 274
Pontos : 391

http://www.gamezerbrasil.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Css para fundo personalizado

Mensagem por Luciano98 10.12.11 23:39

Olá!

Seria mais fácil montar um CSS se nós tivéssemos essas imagens.
Você poderia posta-las aqui no tópico?

Até mais.
Luciano98

Luciano98
Membro Entusiasta

Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Css para fundo personalizado

Mensagem por Edmix 10.12.11 23:43

Eu ainda pensei em fazer, mais como eexmplo eu posso fazer um quadrado, com as médidas, dividino nas 3 imagens!

para você poder fazer o código ok?
Edmix

Edmix
****

Membro desde : 18/05/2011
Mensagens : 274
Pontos : 391

http://www.gamezerbrasil.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Css para fundo personalizado

Mensagem por Luciano98 10.12.11 23:52

WW EDMIX escreveu:Eu ainda pensei em fazer, mais como eexmplo eu posso fazer um quadrado, com as médidas, dividino nas 3 imagens!

para você poder fazer o código ok?
Dependendo do efeito que você quer fazer, eu poderia fazer com CSS, bordas, arredondamento, imagens de fundo, etc.
Se você me dissesse as características que você quer que as bordas tenham, eu poderia tentar faze-las com CSS.

Até mais.
Luciano98

Luciano98
Membro Entusiasta

Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Css para fundo personalizado

Mensagem por Edmix 11.12.11 0:02

Bordas arredondadas eu já sei!

Esquece as bordas arredondadas!

eu quero a borda fo fórum por exemplo feita como imagens!

1 em cima, 1 no meio, e 1 final!
como a do fórum que passei!

Eu fiz as 3 imagens, para testar:

https://2img.net/r/ihimizer/img163/8060/teste1y.png
https://2img.net/r/ihimizer/img864/4439/teste2.png
https://2img.net/r/ihimizer/img267/2489/teste3k.png


Alguem poderia me ajudar?

ate mais!
Edmix

Edmix
****

Membro desde : 18/05/2011
Mensagens : 274
Pontos : 391

http://www.gamezerbrasil.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Css para fundo personalizado

Mensagem por Luciano98 11.12.11 11:54

Olá!

Poderia redimensionar a largura dessa imagem para 900 pixels e depois posta-la aqui novamente?
https://2img.net/r/ihimizer/img864/4439/teste2.png

Até mais.
Luciano98

Luciano98
Membro Entusiasta

Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Css para fundo personalizado

Mensagem por Edmix 11.12.11 13:24

Edmix

Edmix
****

Membro desde : 18/05/2011
Mensagens : 274
Pontos : 391

http://www.gamezerbrasil.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Css para fundo personalizado

Mensagem por Luciano98 11.12.11 13:59

Olá!

Ela continua 800 pixels.
Talvez seja o host, tente hospedar no seguinte host:
http://tinypic.com

Até mais.
Luciano98

Luciano98
Membro Entusiasta

Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Css para fundo personalizado

Mensagem por Edmix 11.12.11 22:55

Edmix

Edmix
****

Membro desde : 18/05/2011
Mensagens : 274
Pontos : 391

http://www.gamezerbrasil.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Css para fundo personalizado

Mensagem por Luciano98 12.12.11 2:12

Olá!

O PhpBB3 não utiliza a mesma estrutura do PhpBB2, mas teste o seguinte.
Aceda à "Folha de estilo CSS":
Painel de Controle Seta Visualização Seta Imagens e cores Seta Cores Seta Folha de estilo CSS

Código:
table.bodylinewidth{width:900px!important}td.bodyline{background-color:transparent;border:0px solid black;-webkit-box-shadow:0 0px 0px black;background-image:url(https://2img.net/h/oi42.tinypic.com/353e3if.png);webkit-border-bottom-right-radius:25px;-webkit-border-bottom-left-radius:25px;-moz-border-radius-bottomright:25px;-moz-border-radius-bottomleft:25px;border-bottom-right-radius:25px;border-bottom-left-radius:25px}

Salve.

Até mais.
Luciano98

Luciano98
Membro Entusiasta

Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Css para fundo personalizado

Mensagem por Edmix 12.12.11 10:30

É isso amigo, ficou bom, agora só ajustar um pouco as medidas!

E teria como você adcionar o TOPO e o FIM

para dar um efeito melhor!
Edmix

Edmix
****

Membro desde : 18/05/2011
Mensagens : 274
Pontos : 391

http://www.gamezerbrasil.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Css para fundo personalizado

Mensagem por Luciano98 12.12.11 19:33

Olá!

Esse é o problema, eu não encontrei uma maneira de colocar o topo e o fim.
Aceda à "Folha de estilo CSS":
Painel de Controle Seta Visualização Seta Imagens e cores Seta Cores Seta Folha de estilo CSS

Código:
table.bodylinewidth{width:800px!important}td.bodyline{padding-left:50px!important;padding-right:50px!important;background-color:transparent;border:0px solid black;-webkit-box-shadow:0 0px 0px black;background-image:url(https://2img.net/h/oi42.tinypic.com/353e3if.png);webkit-border-bottom-right-radius:25px;-webkit-border-bottom-left-radius:25px;-moz-border-radius-bottomright:25px;-moz-border-radius-bottomleft:25px;border-bottom-right-radius:25px;border-bottom-left-radius:25px}

Salve.

Até mais.
Luciano98

Luciano98
Membro Entusiasta

Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Css para fundo personalizado

Mensagem por Edmix 12.12.11 19:58

Você já ferificou o CSS que eu deixei la em cima?

o mesmo que tem na folha de CSS desse tema:
http://pt.hitskin.com/buscar-um-tema/pokemon-azures-50-169211.htm


Dê uma verificada nele, tenho certeza que você vai axar!
Edmix

Edmix
****

Membro desde : 18/05/2011
Mensagens : 274
Pontos : 391

http://www.gamezerbrasil.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Css para fundo personalizado

Mensagem por Luciano98 12.12.11 20:04

Olá!

O seu fórum é PhpBB2 e aquele tema é para PhpBB3, por isso eu não consegui achar um meio de fazer o mesmo efeito com CSS.
Quanto ao meu último código passado, ele resolveu o problema da borda?

Até mais.
Luciano98

Luciano98
Membro Entusiasta

Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Css para fundo personalizado

Mensagem por ♦stefan♦ 12.12.11 21:07

......
avatar

♦stefan♦
Membro

Membro desde : 11/01/2011
Mensagens : 643
Pontos : 942

Ir para o topo Ir para baixo

Tópico resolvido Re: Css para fundo personalizado

Mensagem por Edmix 13.12.11 1:50

Ficou mais ou menos, mais eu queria daquele jeito do fórum so que em phbb2

Se não tem jeito, fazer o q neh!

Obrigado por tentar ajudar!
Edmix

Edmix
****

Membro desde : 18/05/2011
Mensagens : 274
Pontos : 391

http://www.gamezerbrasil.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Css para fundo personalizado

Mensagem por Convidad 14.12.11 13:30

Olá,

Poderia apenas me informar se a dúvida foi resolvida?

Obrigado pela atenção. Piscada
Abraços.
Anonymous

Convidad
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Css para fundo personalizado

Mensagem por Edmix 15.12.11 1:32

Resolvida não!

Mais pode por como resolvido!

Não me interessa mais!

obrigado!
Edmix

Edmix
****

Membro desde : 18/05/2011
Mensagens : 274
Pontos : 391

http://www.gamezerbrasil.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