Modificar o posicionamento do Banner

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

Atendido / Resolvido Modificar o posicionamento do Banner

Mensagem por EDU2010 13.03.19 22:13

Detalhes da questão


Endereço do fórum: http://quintamarcha.forumeiros.com/portal
Versão do fórum: ModernBB

Descrição


Deixar o banner no meio desta faixa do menu , claro vou fazer a imagem em fundo tarsnparente ..



Exemplo de como é e onde quero que fique ...


Modificar o posicionamento do Banner 1f5a4b13
EDU2010

EDU2010
Usuário experiente

Masculino
Inscrito dia : 09/12/2010
Mensagens : 2272
Pontos Ativos : 3556

http://passarinhos.forumeiros.com/forum.htm

Atendido / Resolvido Re: Modificar o posicionamento do Banner

Mensagem por Roevs 14.03.19 11:06

Olá,

Adicione esse código em sua Folha de estilo CSS

Código:
.topnav {
    background-image: url(https://i.servimg.com/u/f83/15/95/44/80/1f5a4b11.jpg);
    background-repeat: no-repeat;
    background-position-x: center;
}

Até mais!


Modificar o posicionamento do Banner WpZJdpr
Bem-vindo(a) ao Fórum dos Fóruns Convidado!
Leia as Regras do Fórum dos Fóruns (FDF) e o Regulamento do setor de Suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Roevs

Roevs
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 10/02/2012
Mensagens : 6468
Pontos Ativos : 8293

https://www.sololevelingrpg.com/

Atendido / Resolvido Re: Modificar o posicionamento do Banner

Mensagem por EDU2010 14.03.19 11:14

Pelo teste vai funcionar , so preciso da imagem com fundo transparente   Chorando ou muito tr
EDU2010

EDU2010
Usuário experiente

Masculino
Inscrito dia : 09/12/2010
Mensagens : 2272
Pontos Ativos : 3556

http://passarinhos.forumeiros.com/forum.htm

Atendido / Resolvido Re: Modificar o posicionamento do Banner

Mensagem por Roevs 14.03.19 11:18

Olá,

Você pode solicitar a remoção do fundo na área gráfica e após conseguir a imagem com o fundo transparent é só adicionar o link onde coloquei "URL-IMAGE"

Código:
.topnav {
    background-image: url(URL-IMAGE);
    background-repeat: no-repeat;
    background-position-x: center;
}

Até mais!


Modificar o posicionamento do Banner WpZJdpr
Bem-vindo(a) ao Fórum dos Fóruns Convidado!
Leia as Regras do Fórum dos Fóruns (FDF) e o Regulamento do setor de Suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Roevs

Roevs
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 10/02/2012
Mensagens : 6468
Pontos Ativos : 8293

https://www.sololevelingrpg.com/

Atendido / Resolvido Re: Modificar o posicionamento do Banner

Mensagem por EDU2010 14.03.19 16:07

Coloquei a imagem mais tem que ser um  pouquinho mais acima .. Resto perfeito
EDU2010

EDU2010
Usuário experiente

Masculino
Inscrito dia : 09/12/2010
Mensagens : 2272
Pontos Ativos : 3556

http://passarinhos.forumeiros.com/forum.htm

Atendido / Resolvido Re: Modificar o posicionamento do Banner

Mensagem por Roevs 14.03.19 16:10

Olá,

Adicione mais esse código

Código:
.topnav {
    background-size: 16%;
}

Até mais!


Modificar o posicionamento do Banner WpZJdpr
Bem-vindo(a) ao Fórum dos Fóruns Convidado!
Leia as Regras do Fórum dos Fóruns (FDF) e o Regulamento do setor de Suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Roevs

Roevs
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 10/02/2012
Mensagens : 6468
Pontos Ativos : 8293

https://www.sololevelingrpg.com/

Atendido / Resolvido Re: Modificar o posicionamento do Banner

Mensagem por EDU2010 14.03.19 16:33

O codigo que me passou quando mudo o  numero da porcentagem ele diminui a imagem e não a leva mais pra cima  que seria o ideal
EDU2010

EDU2010
Usuário experiente

Masculino
Inscrito dia : 09/12/2010
Mensagens : 2272
Pontos Ativos : 3556

http://passarinhos.forumeiros.com/forum.htm

Atendido / Resolvido Re: Modificar o posicionamento do Banner

Mensagem por Roevs 14.03.19 16:57

Olá,

Substitua o código por esse

Código:
.topnav {
    background-size: 16%;
    background-position-y: 5px;
}

Altere o valor de "background-position-y" para descer ou subir a imagem
Altere o valor de "background-size" se precisar alterar o tamanho da imagem


Até mais!


Modificar o posicionamento do Banner WpZJdpr
Bem-vindo(a) ao Fórum dos Fóruns Convidado!
Leia as Regras do Fórum dos Fóruns (FDF) e o Regulamento do setor de Suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Roevs

Roevs
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 10/02/2012
Mensagens : 6468
Pontos Ativos : 8293

https://www.sololevelingrpg.com/

Atendido / Resolvido Re: Modificar o posicionamento do Banner

Mensagem por Convidado 20.03.19 14:25

Título alterado de 'Deixer meu banner acima como na imagem ' para 'Modificar o posicionamento do Banner'

Questão abandonada

Esta questão foi abandonada pelo seu autor, mas foi considerada resolvida pela equipa de suporte.


De acordo com o regulamento do setor de suporte, Art. 5/Deveres, tópicos com 5 dias serão arquivados. Apesar de abandonado, este tópico tem uma solução e portanto será marcado como resolvido e movido para o arquivo de questões resolvidas.
Anonymous

Convidado
Convidado


Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum