Css para fundo personalizado

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

Resolvido Css para fundo personalizado

Mensagem por Edmix em 10/12/11, 07:59 pm

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
avatar

Edmix
Nível 10

Masculino
Inscrito dia : 18/05/2011
Mensagens : 274
Pontos Ativos : 391

Ver perfil do usuário http://www.gamezerbrasil.com

Resolvido Re: Css para fundo personalizado

Mensagem por Convidad em 10/12/11, 08:16 pm

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, 08:17 pm, editado 1 vez(es)

Convidad
Convidado


Resolvido Re: Css para fundo personalizado

Mensagem por Gaaratsu em 10/12/11, 08:16 pm

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 .





Piscada
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6005
Pontos Ativos : 7504

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

Resolvido Re: Css para fundo personalizado

Mensagem por Edmix em 10/12/11, 08:49 pm

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

Edmix
Nível 10

Masculino
Inscrito dia : 18/05/2011
Mensagens : 274
Pontos Ativos : 391

Ver perfil do usuário http://www.gamezerbrasil.com

Resolvido Re: Css para fundo personalizado

Mensagem por Luciano98 em 10/12/11, 09:29 pm

Olá!

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

Até mais.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

Resolvido Re: Css para fundo personalizado

Mensagem por Edmix em 10/12/11, 09:35 pm

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

Edmix
Nível 10

Masculino
Inscrito dia : 18/05/2011
Mensagens : 274
Pontos Ativos : 391

Ver perfil do usuário http://www.gamezerbrasil.com

Resolvido Re: Css para fundo personalizado

Mensagem por Luciano98 em 10/12/11, 09:39 pm

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

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

Resolvido Re: Css para fundo personalizado

Mensagem por Edmix em 10/12/11, 09:43 pm

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

Edmix
Nível 10

Masculino
Inscrito dia : 18/05/2011
Mensagens : 274
Pontos Ativos : 391

Ver perfil do usuário http://www.gamezerbrasil.com

Resolvido Re: Css para fundo personalizado

Mensagem por Luciano98 em 10/12/11, 09:52 pm

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

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

Resolvido Re: Css para fundo personalizado

Mensagem por Edmix em 10/12/11, 10:02 pm

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:

http://img163.imageshack.us/img163/8060/teste1y.png
http://img864.imageshack.us/img864/4439/teste2.png
http://img267.imageshack.us/img267/2489/teste3k.png


Alguem poderia me ajudar?

ate mais!
avatar

Edmix
Nível 10

Masculino
Inscrito dia : 18/05/2011
Mensagens : 274
Pontos Ativos : 391

Ver perfil do usuário http://www.gamezerbrasil.com

Resolvido Re: Css para fundo personalizado

Mensagem por Luciano98 em 11/12/11, 09:54 am

Olá!

Poderia redimensionar a largura dessa imagem para 900 pixels e depois posta-la aqui novamente?
http://img864.imageshack.us/img864/4439/teste2.png

Até mais.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

Resolvido Re: Css para fundo personalizado

Mensagem por Edmix em 11/12/11, 11:24 am

avatar

Edmix
Nível 10

Masculino
Inscrito dia : 18/05/2011
Mensagens : 274
Pontos Ativos : 391

Ver perfil do usuário http://www.gamezerbrasil.com

Resolvido Re: Css para fundo personalizado

Mensagem por Luciano98 em 11/12/11, 11:59 am

Olá!

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

Até mais.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

Resolvido Re: Css para fundo personalizado

Mensagem por Edmix em 11/12/11, 08:55 pm

avatar

Edmix
Nível 10

Masculino
Inscrito dia : 18/05/2011
Mensagens : 274
Pontos Ativos : 391

Ver perfil do usuário http://www.gamezerbrasil.com

Resolvido Re: Css para fundo personalizado

Mensagem por Luciano98 em 12/12/11, 12:12 am

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(http://i42.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.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

Resolvido Re: Css para fundo personalizado

Mensagem por Edmix em 12/12/11, 08:30 am

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

Edmix
Nível 10

Masculino
Inscrito dia : 18/05/2011
Mensagens : 274
Pontos Ativos : 391

Ver perfil do usuário http://www.gamezerbrasil.com

Resolvido Re: Css para fundo personalizado

Mensagem por Luciano98 em 12/12/11, 05:33 pm

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(http://i42.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.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

Resolvido Re: Css para fundo personalizado

Mensagem por Edmix em 12/12/11, 05:58 pm

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

Edmix
Nível 10

Masculino
Inscrito dia : 18/05/2011
Mensagens : 274
Pontos Ativos : 391

Ver perfil do usuário http://www.gamezerbrasil.com

Resolvido Re: Css para fundo personalizado

Mensagem por Luciano98 em 12/12/11, 06:04 pm

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

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

Resolvido Re: Css para fundo personalizado

Mensagem por ♦stefan♦ em 12/12/11, 07:07 pm

......

♦stefan♦
Usuário destaque

Masculino
Inscrito dia : 11/01/2011
Mensagens : 643
Pontos Ativos : 942

Ver perfil do usuário

Resolvido Re: Css para fundo personalizado

Mensagem por Edmix em 12/12/11, 11:50 pm

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

Edmix
Nível 10

Masculino
Inscrito dia : 18/05/2011
Mensagens : 274
Pontos Ativos : 391

Ver perfil do usuário http://www.gamezerbrasil.com

Resolvido Re: Css para fundo personalizado

Mensagem por Convidad em 14/12/11, 11:30 am

Olá,

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

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

Convidad
Convidado


Resolvido Re: Css para fundo personalizado

Mensagem por Edmix em 14/12/11, 11:32 pm

Resolvida não!

Mais pode por como resolvido!

Não me interessa mais!

obrigado!
avatar

Edmix
Nível 10

Masculino
Inscrito dia : 18/05/2011
Mensagens : 274
Pontos Ativos : 391

Ver perfil do usuário http://www.gamezerbrasil.com

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