Como colocar a imagem do banner centrado

Área de assuntos dos Estilos & Templates.

Como colocar a imagem do banner centrado

Mensagempor macoz » 29/abr/2012, 21:17

Boas,
Quero que a minha imagem que coloquei no banner fique centrada isso é possível?
É que já não é o primeiro fórum que vejo em que as imagens ficam centradas ao template e gostaria de fazer o mesmo no meu.
Deixo aqui o link de um exemplo disso mesmo http://amazonasforum.com
Avatar do Utilizador
macoz
Quadro de Honra
Quadro de Honra
 
Mensagens: 226
Registado: 19/abr/2011, 18:15
Nacionalidade: Portugal

Re: Como colocar o logotipo centrado

Mensagempor Pavlov » 02/mai/2012, 15:48

Estamos a falar do Prosilver, certo?

Uma vez mais, lê este tutorial:
Como adicionar uma imagem ao Header Prosilver

Edita o ficheiro styles/prosilver/theme/colours.css
Para centrar a imagem do Banner procura:
Código: Selecionar todos
    .headerbar {
       background-color: #12A3EB;
       background-image: url("{T_THEME_PATH}/images/bg_header.gif");
       color: #FFFFFF;
       background-repeat: no-repeat;
    }


Depois, de
Código: Selecionar todos
       background-repeat: no-repeat;;


adiciona:
Código: Selecionar todos
       background-position:center;


Nota: Esta explicação tem que ser entendida como um complemento ao tutorial indicado no inicio desta mensagem.

E ainda...
Limpar a Cache.... :lol:
Avatar do Utilizador
Pavlov
Fundador
Fundador
 
Mensagens: 7580
Mensagens: 22
Registado: 10/jan/2009, 13:57
Nacionalidade: Portugal

Re: Como colocar a imagem do banner centrado

Mensagempor macoz » 02/mai/2012, 22:40

Boas Pavlov
Eu já tinha lifo o tutorial de Como adicionar uma imagem ao Header Prosilver
Mas lá não refere como centrar a imagem por isso dizes e muito bem...."Esta explicação tem que ser entendida como um complemento ao tutorial indicado no inicio desta mensagem."
Limpar a Cache isso já é da prache :D
Obrigado pela explicação

Já testei e é isso mesmo :)
Avatar do Utilizador
macoz
Quadro de Honra
Quadro de Honra
 
Mensagens: 226
Registado: 19/abr/2011, 18:15
Nacionalidade: Portugal

Re: Como colocar a imagem do banner centrado

Mensagempor Pavlov » 03/mai/2012, 07:03

Aqui, a única coisa que adicionei foi isto:
Código: Selecionar todos
           background-position:center;


Tive de usar o tutorial em causa para evitar estar a duplicar explicações.
Avatar do Utilizador
Pavlov
Fundador
Fundador
 
Mensagens: 7580
Mensagens: 22
Registado: 10/jan/2009, 13:57
Nacionalidade: Portugal

Re: Como colocar a imagem do banner centrado

Mensagempor macoz » 03/mai/2012, 21:53

Pavlov Escreveu:Aqui, a única coisa que adicionei foi isto:
Código: Selecionar todos
           background-position:center;


Tide de usar o tutorial em causa para evitar estar a duplicar explicações.


Obrigado uma vez mais.
Avatar do Utilizador
macoz
Quadro de Honra
Quadro de Honra
 
Mensagens: 226
Registado: 19/abr/2011, 18:15
Nacionalidade: Portugal

Re: Como colocar a imagem do banner centrado

Mensagempor pixie » 12/jun/2012, 18:20

Resultou e ficou bem melhor, mas porém ainda tenho uma questão, não existe a possibilidade de o banner se dimensionar conforme o tipo de monitor?
Avatar do Utilizador
pixie
phpBB PT Aprendiz
phpBB PT Aprendiz
 
Mensagens: 244
Registado: 26/jan/2010, 23:23
Nacionalidade: Portugal

Re: Como colocar a imagem do banner centrado

Mensagempor Pavlov » 12/jun/2012, 18:42

Acredito que sim. Eu não conheço.
Este é o método que conheço e usamos aqui no phpBB Portugal
Avatar do Utilizador
Pavlov
Fundador
Fundador
 
Mensagens: 7580
Mensagens: 22
Registado: 10/jan/2009, 13:57
Nacionalidade: Portugal

Re: Como colocar a imagem do banner centrado

Mensagempor ordhor » 13/jun/2012, 01:01

pixie Escreveu:Resultou e ficou bem melhor, mas porém ainda tenho uma questão, não existe a possibilidade de o banner se dimensionar conforme o tipo de monitor?



Código: Selecionar todos

html 
{ min-width: 1006px; }
body { 
background
: url("/local-da-imagem/imagem.jpg") 50% 0 no-repeat; 
-webkit-background-size: auto; 
}

@
media (max-width: 1920px) {
    body { background-image: url("/local-da-imagem/imagem-1920px.jpg") }
}

@
media (max-width: 1680px) {
    body { background-image: url("/local-da-imagem/imagem-1680px.jpg") }
}

@
media (max-width: 1440px) {
    body { background-image: url("/local-da-imagem/imagem-1440px.jpg") }
}

@
media (max-width: 1280px) {
    body { background-image: url("/local-da-imagem/imagem-1280px.jpg") }
}

@
media (max-width: 1024px) {
  body { background-image: url("/local-da-imagem/imagem-1024px.jpg") }
}
 

Isto a pensar num background completo para o site.

Podes ver em funcionamento aqui.
E o que vê é o tamanho da janela do explorador. Tipo, se fores como eu que tem monitor grande, não necessitando de ter o firefox/chrome maximizado, tendo outras janelas de lado, mostra a imagem respectiva a esse tamanho/resolução. E se maximizares a janela mostra a imagem respectiva para essa resolução máxima.

Nota: Há uns bons anos atrás criava-se os sites para um mínimo 800x600 de resolução. Actualmente o mínimo standarizado é de 1024x768
Avatar do Utilizador
ordhor
Quadro de Honra
Quadro de Honra
 
Mensagens: 177
Registado: 28/mai/2009, 14:20
Nacionalidade: Portugal

Re: Como colocar a imagem do banner centrado

Mensagempor pixie » 19/jun/2012, 21:25

Obrigado ordhor, vou ver se funciona.
Avatar do Utilizador
pixie
phpBB PT Aprendiz
phpBB PT Aprendiz
 
Mensagens: 244
Registado: 26/jan/2010, 23:23
Nacionalidade: Portugal

Re: Como colocar a imagem do banner centrado

Mensagempor Matheus » 10/set/2014, 22:57

Como faço isso no SULBSILVER2?
Avatar do Utilizador
Matheus
phpBB Portugal Novato
phpBB Portugal Novato
 
Mensagens: 6
Registado: 10/set/2014, 04:09
Nacionalidade: Brasil


Voltar para Estilos & Templates

Quem está ligado:

Utilizador a ver este Fórum: Nenhum utilizador registado e 1 visitante


cron