Tamanho do banner

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

Resolvido Tamanho do banner

Mensagem por CM Remedy em 31/07/13, 07:03 pm

Qual é minha questão:
Gostava de meter o banner do meu forum a ocupar todo o espaço disponível para ficar assim do género: 



Atenção que isto é só um exemplo feito pelo photoshop mas eu queria que ocupasse essa area toda. 

Endereço do meu fórum:
http://check-point.foruns.com.pt

Versão do fórum:
PHPBB3
avatar

CM Remedy
Nível 9

Masculino
Inscrito dia : 04/06/2013
Mensagens : 164
Pontos Ativos : 235

Ver perfil do usuário

Resolvido Re: Tamanho do banner

Mensagem por MateusA em 31/07/13, 07:34 pm

Olá!

Aceda á "Folha de Estilos CSS":
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de Estilos CSS
Adicione o seguinte código no inicio da sua "Folha de Estilos CSS"

Código:
#logo img{display:none !important;} #site-title h1 {display:none !important;} .headerbar{background-color: transparent;background: url(ENDEREÇO_DA_IMAGEM) no-repeat;}

Valide e veja o resultado.
Tive uma idéia!
Atenciosamente,
Crazy.
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Tamanho do banner

Mensagem por CM Remedy em 31/07/13, 07:38 pm

qual será o tamanho ?
avatar

CM Remedy
Nível 9

Masculino
Inscrito dia : 04/06/2013
Mensagens : 164
Pontos Ativos : 235

Ver perfil do usuário

Resolvido Re: Tamanho do banner

Mensagem por MateusA em 31/07/13, 07:56 pm

Olá!

Não sei, vá ajustando.

Até mais.
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Tamanho do banner

Mensagem por Tofu em 31/07/13, 10:06 pm

Olá.

Se for o que eu entendi, o código é este:

Código:
#page-header .headerbar .inner #logo-desc a img {
min-width: 100%;
max-height: 100%;
}

No início da folha de estilo CSS.

Este código tem o objetivo de deixar o banner ocupando todo o espaço disponível para ele, sem alterar as proporções.

Valide e veja se deu  resultado esperado.

Tofu
Nível 10

Masculino
Inscrito dia : 15/07/2013
Mensagens : 284
Pontos Ativos : 428

Ver perfil do usuário http://verdadeplena.tk

Resolvido Re: Tamanho do banner

Mensagem por Sennior em 01/08/13, 02:23 am

Boa noite!

No mais, poderá usar esta classe:

Código:
.headerbar{background-size: 500px;}

<li> Coloque o código no inicio de teu CSS. Piscada

Valide e veja o resultado.

Abraços! De bem com a vida
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Tamanho do banner

Mensagem por CM Remedy em 02/08/13, 08:06 am

Como assim, qual será o código certo ?
avatar

CM Remedy
Nível 9

Masculino
Inscrito dia : 04/06/2013
Mensagens : 164
Pontos Ativos : 235

Ver perfil do usuário

Resolvido Re: Tamanho do banner

Mensagem por Sennior em 02/08/13, 08:10 am

Olá!

O código que eu passei irá lhe aumentar à logo. Tente novamente.

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Tamanho do banner

Mensagem por CM Remedy em 03/08/13, 07:46 am

eu quero que o banner fique parecido com este: http://demo.phpbb3styles.net/Alpha
avatar

CM Remedy
Nível 9

Masculino
Inscrito dia : 04/06/2013
Mensagens : 164
Pontos Ativos : 235

Ver perfil do usuário

Resolvido Re: Tamanho do banner

Mensagem por Tofu em 03/08/13, 02:16 pm

Não entendi o jeito que quer.

Todavia, por acaso testou o código que lhe passei?

Tofu
Nível 10

Masculino
Inscrito dia : 15/07/2013
Mensagens : 284
Pontos Ativos : 428

Ver perfil do usuário http://verdadeplena.tk

Resolvido Re: Tamanho do banner

Mensagem por CM Remedy em 03/08/13, 02:29 pm

Sim testei e não deu resultado.

Eu quero que o banner fique do jeito que está no link que dei agora mas com a imagem até as bordas laterais e a de cima do forum.
avatar

CM Remedy
Nível 9

Masculino
Inscrito dia : 04/06/2013
Mensagens : 164
Pontos Ativos : 235

Ver perfil do usuário

Resolvido Re: Tamanho do banner

Mensagem por North em 03/08/13, 02:47 pm

Olá!

Troque por este:

Código:
.headerbar {
background-image: url(http://i77.servimg.com/u/f77/17/32/13/00/banner10.jpg);
background-repeat: repeat-x;
margin: -5px;
text-align: left;
width: 99%;
padding: 1.1px 9px;
}

Seta Troque o endereço pelo do logo que deseja.

Resulta?
avatar

North
Super usuário

Masculino
Inscrito dia : 07/06/2011
Mensagens : 3836
Pontos Ativos : 5038

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

Resolvido Re: Tamanho do banner

Mensagem por CM Remedy em 03/08/13, 02:52 pm

fez com que os meu de navegação ficasse mal.
avatar

CM Remedy
Nível 9

Masculino
Inscrito dia : 04/06/2013
Mensagens : 164
Pontos Ativos : 235

Ver perfil do usuário

Resolvido Re: Tamanho do banner

Mensagem por North em 03/08/13, 02:57 pm

Acrescente o código a seguir na folha, se não resultar remova todos esses que eu lhe cedi.

Código:
#page-footer, div.navbar, div.navbar ul.linklist {
display: block !important;
margin-left: -8.2px;
margin-right: -21.1px;
position: relative;
left: 1px;
}
span.corners-bottom, span.corners-bottom span, span.corners-top, span.corners-top span {
display: none!important;
}

Obs.: Se não resultar, retire-os.

Até mais!
avatar

North
Super usuário

Masculino
Inscrito dia : 07/06/2011
Mensagens : 3836
Pontos Ativos : 5038

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

Resolvido Re: Tamanho do banner

Mensagem por CM Remedy em 03/08/13, 03:12 pm

Já retirei.
avatar

CM Remedy
Nível 9

Masculino
Inscrito dia : 04/06/2013
Mensagens : 164
Pontos Ativos : 235

Ver perfil do usuário

Resolvido Re: Tamanho do banner

Mensagem por MateusA em 04/08/13, 12:11 am

Olá!

O senhor ao menos testou o código que eu lhe forneci?
Código:
        #logo img{display:none !important;} #site-title h1 {display:none !important;} .headerbar{background-color: transparent;background: url(ENDEREÇO_DA_IMAGEM) no-repeat;}

Até mais.
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Tamanho do banner

Mensagem por CM Remedy em 04/08/13, 06:32 am

Sim testei, não funcionou.
avatar

CM Remedy
Nível 9

Masculino
Inscrito dia : 04/06/2013
Mensagens : 164
Pontos Ativos : 235

Ver perfil do usuário

Resolvido Re: Tamanho do banner

Mensagem por North em 04/08/13, 11:29 am

Certo vamos fazer com este código:

Código:
.headerbar {
background: url('http://i.imgur.com/kWdS09G.png');
margin: -5px!important;
}

Seta Troque o endereço no código, pelo do logo desejado.

Resulta?
avatar

North
Super usuário

Masculino
Inscrito dia : 07/06/2011
Mensagens : 3836
Pontos Ativos : 5038

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

Resolvido Re: Tamanho do banner

Mensagem por CM Remedy em 05/08/13, 08:24 am

Podem fechar, desisti da ideia, obrigado a todos que tentaram ajudar.
avatar

CM Remedy
Nível 9

Masculino
Inscrito dia : 04/06/2013
Mensagens : 164
Pontos Ativos : 235

Ver perfil do usuário

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