[Absolution 1.1] Custom header

Suporte aos Styles/Templates para phpBB.
ZonadeCombate
Novato
Novato
Mensagens: 15
Registrado em: 23 Jul 2012, 20:18

Re: [Absolution 1.1] Custom header

  • Favoritar esta postagem
  • Mensagem por ZonadeCombate »

    O código CSS está exatamente como você descreveu robra, o problema é que o banner não acompanha o layout, ele se modifica conforme a resolução. E o nome do fórum não está igual no tutorial de remover nome e descrição aqui do suporte, o cara botou um IF que se eu removo o SiteName ele remove o header todo.
    Avatar do usuário
    robra
    Membro Sênior
    Membro Sênior
    Mensagens: 6065
    Registrado em: 02 Dez 2010, 23:29
    Você favoritou esta postagem

    Re: [Absolution 1.1] Custom header

  • Remover marcador da postagem
  • Mensagem por robra »

    robra escreveu:Tente o seguinte:
    1- Volte tudo ao que era antes.
    2- Faça o que está descrito na mensagem viewtopic.php?f=149&t=47331#p281978.
    Você não fez nada do que citei acima.
    Faça com atenção, lendo devagar pra entender.

    Abraço. Imagem
    [DICA] Antes de abrir um Novo Tópico, procure saber se a sua dúvida já foi respondida. Pesquise no Google por palavras(em inglês também) relacionadas à ela, somado à palavra "phpbb".
    ZonadeCombate
    Novato
    Novato
    Mensagens: 15
    Registrado em: 23 Jul 2012, 20:18

    Re: [Absolution 1.1] Custom header

  • Favoritar esta postagem
  • Mensagem por ZonadeCombate »

    robra escreveu:Qual o endereço da imagem que deseja colocar lá ou tem alguma imagem na net que possa servir de exemplo ?
    Tente o seguinte:
    Na linha background: url("./styles/absolution/theme/images/header.gif") repeat-x left top #00233F; que citei anteriormente, deixe apenas background: url("./styles/absolution/theme/images/header.gif");, renomeie sua imagem para header.gif e faça upload dela substituindo a que está lá.

    Abraço. Imagem
    Cara, sou iniciante mas pelo menos entendo o que ocorre no que você pediu pra fazer.
    Voltar tudo como era antes é exatamente isso:

    Código: Selecionar todos

    #header h1 {
    	padding: 33px;
    	margin: 0;
    	font-family: "Harabara", Arial, Helvetica, sans-serif;
    	font-size: 36px;
    	display: block;
    	background: url("{T_THEME_PATH}/images/header.png");
    	text-shadow: 0 3px 3px #01102f;
    	min-width: 377px;
    	height: 40px;
    Apenas substituindo o header.gif pelo header.png que eu fiz, no tamanho que eu quero e removendo o no-repeat que você falou. O resultado?:

    http://i.imgur.com/CxwjP.jpg

    A imagem que eu fiz é vermelha mesmo, toda vermelha pra ficar facil de identificar

    Se eu fizer no header e não no h1 fica assim

    http://i.imgur.com/VJezc.jpg

    Código: Selecionar todos

    #header {
    	width: 100%;
    	background: url("{T_THEME_PATH}/images/header.png");
    	-moz-box-shadow: 0 0 8px #011123;
    	-webkit-box-shadow: 0 0 8px #011123;
    	box-shadow: 0 0 8px #011123;	
    }
    
    @font-face {
    	font-family: "Harabara";
    	src: url("{T_TEMPLATE_PATH}/harabara.ttf");
    }
    
    #header h1 {
    	padding: 33px;
    	margin: 0;
    	font-family: "Harabara", Arial, Helvetica, sans-serif;
    	font-size: 36px;
    	display: block;
    	background: url("{T_THEME_PATH}/images/logo-text-bg.png") no-repeat left top;
    	text-shadow: 0 3px 3px #01102f;
    	min-width: 377px;
    	height: 40px;
    Só que ele tbm não exibe o header.png na altura correta (o correto é 150px) e as outras coisas originais do fórum ficam na frente. Ok, a imagem do logo-text-bg.png acho que é fácil remover. Mas como faço agora pro banner ficar na altura correto sem quebrar meu layout?
    Avatar do usuário
    robra
    Membro Sênior
    Membro Sênior
    Mensagens: 6065
    Registrado em: 02 Dez 2010, 23:29

    Re: [Absolution 1.1] Custom header

  • Favoritar esta postagem
  • Mensagem por robra »

    É só adicionar no #header { uma nova linha com height: XXpx;, onde XX é o valor da altura desejada, mas vi que você já fez isso, adicionando a linha height: 150px;. Correto ?

    Abraço. Imagem
    [DICA] Antes de abrir um Novo Tópico, procure saber se a sua dúvida já foi respondida. Pesquise no Google por palavras(em inglês também) relacionadas à ela, somado à palavra "phpbb".
    ZonadeCombate
    Novato
    Novato
    Mensagens: 15
    Registrado em: 23 Jul 2012, 20:18

    Re: [Absolution 1.1] Custom header

  • Favoritar esta postagem
  • Mensagem por ZonadeCombate »

    Isso, foi mal não dar um feedback qdo consegui resolver...

    Eu fiz exatamente isso e o width coloquei 100%.
    O nome do site eu tirei somente removendo SITENAME ao invés da linha <h1> e tals.
    Trancado