Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
» Como fazer sub entrada?
Hoje à(s) 08:29 am por Kyo Panda

» Grupo com neon no nick
Hoje à(s) 08:28 am por Kyo Panda

» Como modificar a estrutura do widget
Hoje à(s) 08:26 am por Kyo Panda

» Mostrar usuário do post
Hoje à(s) 08:26 am por Kyo Panda

» Template quebra ao ser editado
Hoje à(s) 08:21 am por Kyo Panda

» Nova opção de login
Hoje à(s) 07:06 am por Starset

» Problema após adicionar widget
Hoje à(s) 12:52 am por Harleen

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
236 usuários online :: 5 usuários cadastrados, Nenhum Invisível e 231 Visitantes :: 2 Motores de busca

dxmar74, Heikki, lemcell, MtX, PrisoN†BreaK

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Background no topo do fórum

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

Resolvido Background no topo do fórum

Mensagem por iHeloaD em 30/01/15, 02:38 pm

Detalhes da dúvida


Versão do fórum : PunBB
Nível de acesso : Fundador
Navegador usado : Mozilla Firefox, Google Chrome, Internet Explorer, Opera, Safari
Imagem :
Imagem da minha dúvida:

Membros afetados : Todos os membros do fórum
Problema começou : Sempre
Endereço do fórum : http://www.cidadesocial.com

Descrição do problema

Olá,

Bem eu gostaria de um background que fique apenas do "Menu" para cima, ou seja, nesse cinza que tem acima do menu na imagem que coloquei no formulário, tipo que fique assim http://prntscr.com/5yyy8d.


Última edição por iHeloaD em 30/01/15, 04:59 pm, editado 1 vez(es)
avatar

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1700
Pontos Ativos : 2816

http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Resolvido Re: Background no topo do fórum

Mensagem por North em 30/01/15, 02:45 pm

Olá!

Painel de Controle ->> Visualização ->> Imagens e Cores ->> Cores / Folha de estilo CSS

Experimente o código a seguir:

Código:
#pun-intro {
background-image: url(ENDEREÇO_IMAGEM);
background-repeat: no-repeat;
}

Seta Coloque o endereço da imagem onde diz "ENDEREÇO_IMAGEM" e Valide!

Resuta?

Até mais!
avatar

North
Super usuário

Masculino
Inscrito dia : 07/06/2011
Mensagens : 3837
Pontos Ativos : 5041

http://ajuda.forumeiros.com

Resolvido Re: Background no topo do fórum

Mensagem por iHeloaD em 30/01/15, 03:20 pm

Olá,

Bem, eu ja tentei este código só que não resultou, ficou assim http://prntscr.com/5yzhm4, porém eu gostaria que cobrisse tudo como na imagem que eu coloquei de exemplo, e teria como centralizar a imagem, veja como ficou no link desta resposta.

Até mais.
avatar

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1700
Pontos Ativos : 2816

http://www.cidadesocial.com https://www.facebook.com/gustavofaq
  • 0

Resolvido Re: Background no topo do fórum

Mensagem por North em 30/01/15, 03:35 pm

Troque o código por este:

Código:
#pun-intro {
background-image: url(http://www.rockstargames.com/V/pt_br/screenshots/screenshot/1047-1920.jpg);
background-repeat: no-repeat;
margin: -13px;
}

Seta Modifique o valor de -13px para ir ajustando.

Até mais!
avatar

North
Super usuário

Masculino
Inscrito dia : 07/06/2011
Mensagens : 3837
Pontos Ativos : 5041

http://ajuda.forumeiros.com

Resolvido Re: Background no topo do fórum

Mensagem por iHeloaD em 30/01/15, 04:16 pm

Teria como posicionar a imagem no centro? Fica aparecendo somente a parte de cima dela, e eu também gostaria de aumentar o espaço http://prntscr.com/5z09kt.
avatar

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1700
Pontos Ativos : 2816

http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Resolvido Re: Background no topo do fórum

Mensagem por North em 30/01/15, 04:32 pm

Certo, vamos chegar lá rsrs. Troque o código por este:

Código:
#pun-intro {
background-image: url(http://www.rockstargames.com/V/pt_br/screenshots/screenshot/1047-1920.jpg);
background-repeat: no-repeat;
margin: -16px;
padding: 50px;
background-position: 0;
}

Seta Ajuste 50 para o espaço e o 0 para posição por exemplo "-100px".
avatar

North
Super usuário

Masculino
Inscrito dia : 07/06/2011
Mensagens : 3837
Pontos Ativos : 5041

http://ajuda.forumeiros.com

Resolvido Re: Background no topo do fórum

Mensagem por iHeloaD em 30/01/15, 04:43 pm

Quase la rsrs, teria como deixar o tamanho relativo tipo assim http://prntscr.com/5z0nng?
avatar

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1700
Pontos Ativos : 2816

http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Resolvido Re: Background no topo do fórum

Mensagem por North em 30/01/15, 04:50 pm

É possível sim, porém vai ser necessário redimensionar a imagem através de códigos, experimente esse, troque o código anterior por este:

Código:
#pun-intro {
background-size: 100% 200%;
background-image: url(http://www.rockstargames.com/V/pt_br/screenshots/screenshot/1047-1920.jpg);
background-position: center;
background-repeat: no-repeat;
margin: -16px;
padding: 50px;
}

Resulta?
avatar

North
Super usuário

Masculino
Inscrito dia : 07/06/2011
Mensagens : 3837
Pontos Ativos : 5041

http://ajuda.forumeiros.com

Resolvido Re: Background no topo do fórum

Mensagem por iHeloaD em 30/01/15, 04:58 pm

Perfeito! Muito obrigado, até mais.
avatar

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1700
Pontos Ativos : 2816

http://www.cidadesocial.com https://www.facebook.com/gustavofaq

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