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
» Best Skins | as melhores skins você encontra aqui.
Hoje à(s) 06:48 pm por Dr.

» Como trasnferir um site do wix para forumeiros?
Hoje à(s) 06:34 pm por Shek

» Widget melhor do mês não funciona
Hoje à(s) 05:03 pm por Kyo Panda

» Caixa de Login
Hoje à(s) 04:34 pm por iScroll

» Como fazer sub entrada?
Hoje à(s) 04:14 pm por Czins

» (PEDIDO) logo
Hoje à(s) 02:33 pm por APOllO

» Como ocultar iframe de um tópico para visitantes
Hoje à(s) 01:46 pm por Luiz

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Harleen
 
Kyo Panda
 
Luiz
 
APOllO
 
Shek
 
odelgado
 
Kyko
 
mrvisible
 
iScroll
 
Czins
 

Quem está conectado
259 usuários online :: 7 usuários cadastrados, 1 Invisível e 251 Visitantes :: 3 Motores de busca

[SRD]JimClark, Dr., GSCode, Luiz, MtX, odelgado, Shek

[ Ver toda a lista ]


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

Como ajustar o banner do forum de acordo com a resoluçao do monitor?

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

Resolvido Como ajustar o banner do forum de acordo com a resoluçao do monitor?

Mensagem por Wander Aline em 09/01/16, 04:27 am

Detalhes da questão


Endereço do fórum: http://cmpc.forumeiros.com/
Versão do fórum: PhpBB3

Descrição


Como ajustar o banner do forum (Imagem de fundo do menu de navegação) de acordo com a resoluçao do monitor, para que a imagem se ajuste automaticamente que nao duplique em monitores maiores e nem seja cortada em monitores menores


Última edição por Wander Aline em 15/01/16, 11:02 am, editado 1 vez(es)
avatar

Wander Aline
Nível 2

Masculino
Inscrito dia : 06/01/2016
Mensagens : 12
Pontos Ativos : 20

http://cmpc.forumeiros.com

Resolvido Re: Como ajustar o banner do forum de acordo com a resoluçao do monitor?

Mensagem por Wander Aline em 10/01/16, 06:17 pm

up
avatar

Wander Aline
Nível 2

Masculino
Inscrito dia : 06/01/2016
Mensagens : 12
Pontos Ativos : 20

http://cmpc.forumeiros.com

Resolvido Re: Como ajustar o banner do forum de acordo com a resoluçao do monitor?

Mensagem por Guh_. em 10/01/16, 10:47 pm

Tudo depende da resolução da imagem, para atingir todo o fundo você precisara de uma imagem com no minimo a resolução de 1620 x 1080 px.
Espero ter ajudado!
Estilo cool
avatar

Guh_.
Nível 4

Masculino
Inscrito dia : 08/01/2016
Mensagens : 33
Pontos Ativos : 69

http://brg-samp.forumeiros.com/forum

Resolvido Re: Como ajustar o banner do forum de acordo com a resoluçao do monitor?

Mensagem por Wander Aline em 11/01/16, 01:23 pm

Cara vc nao entendeu a resolução esta ok no meu pc que e um monitor de 24p fica top normal agora em um pc com um monitor menor(ex:14p) ou um monitor que usa resolução menor ela e cortada eu quero um jeito de nao acontecer isso.
Igual e o banner desse forum aqui do ajuda forumeiros independentemente de voce estar em um pc ou em um celular ou um pc com um monitor pequeno a imagem sempre ficara normal nao e cortada ela e ajustada automaticamente
avatar

Wander Aline
Nível 2

Masculino
Inscrito dia : 06/01/2016
Mensagens : 12
Pontos Ativos : 20

http://cmpc.forumeiros.com

Resolvido Re: Como ajustar o banner do forum de acordo com a resoluçao do monitor?

Mensagem por Daemon em 11/01/16, 01:55 pm

Adiciona na folha de CSS:
Código:
.headerbar {
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}
avatar

Daemon
Membro do Fórum

Masculino
Inscrito dia : 01/03/2012
Mensagens : 1096
Pontos Ativos : 1686

http://bestskins.forumeiros.com/

Resolvido Re: Como ajustar o banner do forum de acordo com a resoluçao do monitor?

Mensagem por Wander Aline em 12/01/16, 07:16 pm

sem sucesso man
avatar

Wander Aline
Nível 2

Masculino
Inscrito dia : 06/01/2016
Mensagens : 12
Pontos Ativos : 20

http://cmpc.forumeiros.com

Resolvido Re: Como ajustar o banner do forum de acordo com a resoluçao do monitor?

Mensagem por Wander Aline em 12/01/16, 07:23 pm

segue minha folha de CSS pra ver se ajuda em algo

Código:
body {
cursor: url('http://hitsk.in/t/13/41/58/i_icon_mini_index.gif'), url('http://hitsk.in/t/13/41/58/i_icon_mini_index.gif'), auto;
}
a:hover {
cursor: url('http://hitsk.in/t/13/41/58/i_icon_mini_index.gif'), url('http://hitsk.in/t/13/41/58/i_icon_mini_index.gif'), auto;
}
a[href="/u1"] {
    background: url("http://i.imgur.com/ZFoje.gif");
}
a[href="/u1"] {
text-shadow: 0px 0px 5px #FF0000;
}
#wrap{-moz-border-radius:10px;-moz-box-shadow:0 0 20px #fff;-webkit-border-radius:20px;-webkit-box-shadow:0 0 20px #fff;border:3px solid #F2FF00}
#wrap{width: 72.7% !important;
}
li.header dd{text-align:center}.table-title h2 {font-family: martel; font-size: 1.6em}
body { banner-repeat: no-repeat; }
.headerbar {
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}
avatar

Wander Aline
Nível 2

Masculino
Inscrito dia : 06/01/2016
Mensagens : 12
Pontos Ativos : 20

http://cmpc.forumeiros.com

Resolvido Re: Como ajustar o banner do forum de acordo com a resoluçao do monitor?

Mensagem por Wander Aline em 14/01/16, 08:39 pm

nao e possivel que ninguem saiba como deixar a imagem que fica de baixo do logo no tamanho do forum independentemente de qual resoluçao de monitor estiver visualizando o forum igual o logo desse ajuda forumeiros (forum dos foruns) por favor
avatar

Wander Aline
Nível 2

Masculino
Inscrito dia : 06/01/2016
Mensagens : 12
Pontos Ativos : 20

http://cmpc.forumeiros.com

Resolvido Re: Como ajustar o banner do forum de acordo com a resoluçao do monitor?

Mensagem por Sir_Undead em 15/01/16, 06:49 am

Bem, eu posso te ajudar exatamente no que precisa.
Acesse Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de Estilo CSS

Cole o seguinte código lá e salve:
Código:
#logo-desc img {
    width: 100% !important;
}
(apague o código que o Daemon sugeriu)

Explicando como funciona para que a imagem fique sempre na largura máxima independente das dimensões do monitor:
Suponhamos que a imagem de fundo tenha 1300px, e você não determina no CSS a largura dela. Então a largura da imagem será de 1300px. Agora, se você determinar no CSS que a largura será 500px por exemplo, então a largura dela será 500px mesmo ela tendo 1300px. O navegador irá carregar a imagem de 1300px e irá redimensioná-la à 500px. Até ai tudo bem.
Agora, como você faz pra deixar a largura máxima independente das dimensões do navegador?
É simples na verdade. É só você usar porcentagem! Vejamos:
Se você usa 100% de largura, quer dizer que tal imagem terá 100% de largura baseada no tamanho da div onde ela se encontra. O tamanho da div em que ela se encontra pode ou não mudar variando a largura do monitor.
Outra coisa, se você tiver uma imagem com pouca resolução e mandar ela ocupar 100% de largura, então em monitores maiores a imagem ficará em péssima qualidade. Com uma largura de pelo menos 1400 ou 1600px, você já tem um bom resultado em qualquer monitor.


O código resultou? Não esqueça do Joinha De bem com a vida
avatar

Sir_Undead
Nível 8

Masculino
Inscrito dia : 06/01/2011
Mensagens : 138
Pontos Ativos : 212

http://www.heroisdoolimporpg.com https://www.facebook.com//Undeath5

Resolvido Re: Como ajustar o banner do forum de acordo com a resoluçao do monitor?

Mensagem por Wander Aline em 15/01/16, 10:14 am

Mano uma palavra pra definir vc FODASTICO!
muito obrigado mesmo resolveu meu problema
avatar

Wander Aline
Nível 2

Masculino
Inscrito dia : 06/01/2016
Mensagens : 12
Pontos Ativos : 20

http://cmpc.forumeiros.com

Resolvido Re: Como ajustar o banner do forum de acordo com a resoluçao do monitor?

Mensagem por Sir_Undead em 15/01/16, 10:15 am

Obrigado! Feliz
Fico feliz em ter ajudado.
Uma informação que esqueci de dizer, se quiser testar seu fórum em resoluções diferentes, há sites que fazem isso:
http://www.comofazerumsite.com/design/testar-resolucoes-de-tela.html

Até mais.
avatar

Sir_Undead
Nível 8

Masculino
Inscrito dia : 06/01/2011
Mensagens : 138
Pontos Ativos : 212

http://www.heroisdoolimporpg.com https://www.facebook.com//Undeath5

Resolvido Re: Como ajustar o banner do forum de acordo com a resoluçao do monitor?

Mensagem por Wander Aline em 15/01/16, 10:16 am

vlws mais ainda lol!
avatar

Wander Aline
Nível 2

Masculino
Inscrito dia : 06/01/2016
Mensagens : 12
Pontos Ativos : 20

http://cmpc.forumeiros.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