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


Pesquisa de Satisfação
Queremos saber a sua opinião sobre os nossos serviços. Clique nesta vinheta e preencha este inquérito.

Login

Esqueci minha senha

Últimos assuntos
» SCEditor bugado
Hoje à(s) 16:29 por iScroll

» Bug na Pagina HTML
Hoje à(s) 16:22 por Shek Crowley

» Publicidade invadindo o fórum
Hoje à(s) 16:20 por Shek Crowley

» Caixa de Resposta Rápida
Hoje à(s) 16:10 por Shek Crowley

» Problemas para ativar o SCEditor
Hoje à(s) 16:03 por YuriGama

» Publicidade em cima do cabelaho
Hoje à(s) 15:55 por juleic1123

» Personalizar Widget
Hoje à(s) 15:54 por YuriGama

LiveStream TV Forumeiros - #Forumeiros
Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Parceiros Forumeiros
Quem está conectado
92 usuários online :: 9 usuários cadastrados, Nenhum Invisível e 83 Visitantes :: 2 Motores de busca

[MGZ]Jessica, Daemon, Fraise, iScroll, juleic1123, Luiz~, Shek Crowley, Vinicius Reis, YuriGama

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

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 Sab 9 Jan 2016 - 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 Sex 15 Jan 2016 - 13:02, editado 1 vez(es)

Wander Aline
Nível 2

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

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 Dom 10 Jan 2016 - 20:17

up

Wander Aline
Nível 2

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

http://cmpc.forumeiros.com

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

Mensagem por Guh_. em Seg 11 Jan 2016 - 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_.
Nível 4

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

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 Seg 11 Jan 2016 - 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
Nível 2

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

http://cmpc.forumeiros.com

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

Mensagem por Daemon em Seg 11 Jan 2016 - 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
Membro do Fórum

Masculino
Inscrito dia : 02/03/2012
Mensagens : 1052
Pontos Ativos : 3343

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 Ter 12 Jan 2016 - 21:16

sem sucesso man

Wander Aline
Nível 2

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

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 Ter 12 Jan 2016 - 21:23

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;
}

Wander Aline
Nível 2

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

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 Qui 14 Jan 2016 - 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
Nível 2

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

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 Sex 15 Jan 2016 - 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
Nível 8

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

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 Sex 15 Jan 2016 - 12:14

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

Wander Aline
Nível 2

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

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 Sex 15 Jan 2016 - 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
Nível 8

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

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 Sex 15 Jan 2016 - 12:16

vlws mais ainda lol!

Wander Aline
Nível 2

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

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
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5