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

4 participantes

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

Tópico resolvido Como ajustar o banner do forum de acordo com a resoluçao do monitor?

Mensagem por Wander Aline 09.01.16 6:27

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 13:02, editado 1 vez(es)
Wander Aline

Wander Aline
Novo Membro

Membro desde : 06/01/2016
Mensagens : 12
Pontos : 20

http://cmpc.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como ajustar o banner do forum de acordo com a resoluçao do monitor?

Mensagem por Wander Aline 10.01.16 20:17

up
Wander Aline

Wander Aline
Novo Membro

Membro desde : 06/01/2016
Mensagens : 12
Pontos : 20

http://cmpc.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como ajustar o banner do forum de acordo com a resoluçao do monitor?

Mensagem por Guh_. 11.01.16 0:47

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
Guh_.

Guh_.
*

Membro desde : 08/01/2016
Mensagens : 33
Pontos : 69

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Como ajustar o banner do forum de acordo com a resoluçao do monitor?

Mensagem por Wander Aline 11.01.16 15:23

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
Wander Aline

Wander Aline
Novo Membro

Membro desde : 06/01/2016
Mensagens : 12
Pontos : 20

http://cmpc.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como ajustar o banner do forum de acordo com a resoluçao do monitor?

Mensagem por Daemon 11.01.16 15:55

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

Daemon
Super Membro

Membro desde : 02/03/2012
Mensagens : 1132
Pontos : 1825

http://bestskins.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como ajustar o banner do forum de acordo com a resoluçao do monitor?

Mensagem por Wander Aline 12.01.16 21:16

sem sucesso manComo - Como ajustar o banner do forum de acordo com a resoluçao do monitor? WP_20160112_003_zpsmrhmvjan
Wander Aline

Wander Aline
Novo Membro

Membro desde : 06/01/2016
Mensagens : 12
Pontos : 20

http://cmpc.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como ajustar o banner do forum de acordo com a resoluçao do monitor?

Mensagem por Wander Aline 12.01.16 21:23

segue minha folha de CSS pra ver se ajuda em algo

Código:
body {
cursor: url('http://2img.net/s/t/13/41/58/i_icon_mini_index.gif'), url('http://2img.net/s/t/13/41/58/i_icon_mini_index.gif'), auto;
}
a:hover {
cursor: url('http://2img.net/s/t/13/41/58/i_icon_mini_index.gif'), url('http://2img.net/s/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;
}
Wander Aline

Wander Aline
Novo Membro

Membro desde : 06/01/2016
Mensagens : 12
Pontos : 20

http://cmpc.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como ajustar o banner do forum de acordo com a resoluçao do monitor?

Mensagem por Wander Aline 14.01.16 22:39

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
Wander Aline

Wander Aline
Novo Membro

Membro desde : 06/01/2016
Mensagens : 12
Pontos : 20

http://cmpc.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como ajustar o banner do forum de acordo com a resoluçao do monitor?

Mensagem por Sir_Undead 15.01.16 8:49

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
Sir_Undead

Sir_Undead
***

Membro desde : 06/01/2011
Mensagens : 138
Pontos : 217

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Como ajustar o banner do forum de acordo com a resoluçao do monitor?

Mensagem por Wander Aline 15.01.16 12:14

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

Wander Aline
Novo Membro

Membro desde : 06/01/2016
Mensagens : 12
Pontos : 20

http://cmpc.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como ajustar o banner do forum de acordo com a resoluçao do monitor?

Mensagem por Sir_Undead 15.01.16 12:15

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.
Sir_Undead

Sir_Undead
***

Membro desde : 06/01/2011
Mensagens : 138
Pontos : 217

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Como ajustar o banner do forum de acordo com a resoluçao do monitor?

Mensagem por Wander Aline 15.01.16 12:16

vlws mais ainda lol!
Wander Aline

Wander Aline
Novo Membro

Membro desde : 06/01/2016
Mensagens : 12
Pontos : 20

http://cmpc.forumeiros.com

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos