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.
Conectar-se

Esqueci minha senha

Últimos assuntos
» Templates/CSS
Hoje à(s) 03:19 pm por Taxy_InSaniTy

» [Ranks] Substituição
Hoje à(s) 01:56 pm por Heikki

» Criar código com imagens e links de especies
Hoje à(s) 11:10 am por Hancki

» Como pedir análise de fórum?
Ontem à(s) 11:00 pm por virus

» Novos tópicos
Ontem à(s) 08:31 pm por IsmaelS.

» Slide em todas as páginas
Ontem à(s) 08:29 pm por IsmaelS.

» Personalizar Likes
Ontem à(s) 07:39 pm por iScroll

Instale agora o aplicativo Topic'it e acesse o suporte de Forumeiros pelo celular.
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Quem está conectado
231 usuários online :: 9 usuários cadastrados, Nenhum Invisível e 222 Visitantes :: 1 Motor de busca

Alcohol, APOllO, eric2833, Heikki, Ketholy123, odelgado, Solkis, Taxy_InSaniTy, virus

[ 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

Ver perfil do usuário 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

Ver perfil do usuário 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

Ver perfil do usuário 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

Ver perfil do usuário 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

Ver perfil do usuário 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

Ver perfil do usuário 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

Ver perfil do usuário 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

Ver perfil do usuário 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

Ver perfil do usuário 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

Ver perfil do usuário 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

Ver perfil do usuário 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

Ver perfil do usuário 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