Modificar o posicionamento do Banner

2 participantes

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

Tópico 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
Hiper Membro

Membro desde : 09/12/2010
Mensagens : 2308
Pontos : 3631

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

Ir para o topo Ir para baixo

Tópico 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!
Roevs

Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico 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
Hiper Membro

Membro desde : 09/12/2010
Mensagens : 2308
Pontos : 3631

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

Ir para o topo Ir para baixo

Tópico 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!
Roevs

Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico 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
Hiper Membro

Membro desde : 09/12/2010
Mensagens : 2308
Pontos : 3631

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

Ir para o topo Ir para baixo

Tópico 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!
Roevs

Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico 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
Hiper Membro

Membro desde : 09/12/2010
Mensagens : 2308
Pontos : 3631

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

Ir para o topo Ir para baixo

Tópico 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!
Roevs

Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico 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


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