Background-repeat não tem efeito

4 participantes

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

Tópico resolvido Background-repeat não tem efeito

Mensagem por Strilk 15.03.21 21:45

Detalhes da questão


Endereço do fórum: http://pabr.forumeiros.com
Versão do fórum: phpBB3

Descrição


Boa noite, quando eu coloco um banner no meu fórum ele acaba ficando duplicado, quando eu tento reverter a situação com o background-repeat não surgem efeitos.

código usado:
Código:
.headerbar {
    background-color: #1D262C;
    background-image: url(https://2img.net/i.imgur.com/OF6To5h.png);
    background-position: center center;
    background-image: no-repeat;
    background-size: cover;
    height: 200px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
}
Strilk

Strilk
Nível 9

Masculino
Membro desde : 23/01/2018
Mensagens : 240
Pontos ativos : 351

http://portal-grm.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Background-repeat não tem efeito

Mensagem por Musashi 15.03.21 23:54

Olá @Strilk

Veja se surge efeito com o seguinte estilo de folha CSS:

Código:
.headerbar {
    height: 200px;
    background-color: #1D262C;
    background-position: center center;
    background-image: url(https://2img.net/i.imgur.com/OF6To5h.png);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
}

Atenciosamente, Wusthy


Última edição por Wusthy em 16.03.21 1:02, editado 1 vez(es)
Musashi

Musashi
Membro avançado

Masculino
Membro desde : 17/02/2021
Mensagens : 401
Pontos ativos : 480

https://lucasthemes.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Background-repeat não tem efeito

Mensagem por Strilk 16.03.21 0:52

Boa noite, o banner ficou desproporcional agora. É como se ele estivesse totalmente maximizado, olhe no fórum: pabr.forumeiros.com
Strilk

Strilk
Nível 9

Masculino
Membro desde : 23/01/2018
Mensagens : 240
Pontos ativos : 351

http://portal-grm.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Background-repeat não tem efeito

Mensagem por Musashi 16.03.21 1:03

Olá novamente @Strilk !

Poderia me informar seu overall_header por gentileza?

Atenciosamente, Wusthy Envergonhado
Musashi

Musashi
Membro avançado

Masculino
Membro desde : 17/02/2021
Mensagens : 401
Pontos ativos : 480

https://lucasthemes.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Background-repeat não tem efeito

Mensagem por -Xerox- 16.03.21 2:30

Olá, @Strilk !

Vê se surge efeito. Caso não haja efeito algum, me passe eu overall_header como citado a cima.

Código:
.headerbar {
    background-color: #1D262C;
    background-image: url(https://2img.net/i.imgur.com/OF6To5h.png);
    background-position: center center;
    background-image: no-repeat;
    background-repeat: no-repeat;
    background-size: cover;
    height: 200px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
}

Dei uma modificada e observei o comentário do @Wusthy a cima e ao invés de retirar background-image: no-repeat; eu só adicionei o outro código. Faz um teste aí e me fala.
-Xerox-

-Xerox-
Nível 10

Masculino
Membro desde : 08/11/2019
Mensagens : 285
Pontos ativos : 429

https://portalcrnblet.forumeiros.com/

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Background-repeat não tem efeito

Mensagem por Musashi 16.03.21 9:44

Olá,  @Strilk

Andei reparando no seu código e notei que tem duas
Código:
<div class="headerbar">
, nesse caso, o mesmo delete uma dessas
Código:
<div class="headerbar">
que vai voltar a sua normalidade o banner.

Em seguida, acrescenta na sua folha de estilo o seguinte código:

Código:
.headerbar {
    background-color: #1D262C;
    background-image: url(https://2img.net/i.imgur.com/OF6To5h.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 300px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
}

Observação: Aconselho-lhe somente deletar a que não tiver nenhuma outra informação ou div's

Atenciosamente, Wusthy Envergonhado
Musashi

Musashi
Membro avançado

Masculino
Membro desde : 17/02/2021
Mensagens : 401
Pontos ativos : 480

https://lucasthemes.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Background-repeat não tem efeito

Mensagem por Strilk 16.03.21 14:25

Valeu meu querido, pode fechar. Eu já tinha feito isso antes, no entanto tinham div´s em ambos, mas acabei por juntar as div´s em um só, muito obrigado pela ajuda.
Strilk

Strilk
Nível 9

Masculino
Membro desde : 23/01/2018
Mensagens : 240
Pontos ativos : 351

http://portal-grm.forumeiros.com

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Background-repeat não tem efeito

Mensagem por pedxz 16.03.21 18:37

Tópico resolvido


Movido para "Questões resolvidas".
pedxz

pedxz
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7068
Pontos ativos : 8297

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