Remover repetição de imagem de fundo

4 participantes

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

Tópico resolvido Remover repetição de imagem de fundo

Mensagem por NiltoN_C 29.03.22 14:19

Detalhes da questão


Endereço do fórum: https://loshitmans.foroactivo.com/
Versão do fórum: Invision

Descrição


Gostaria de um código para remover as repetições de imagem de fundo do meu fórum. Queria que a imagem ficasse apenas uma de maneira "Esticada" sem que ela se repetisse várias vezes.

NiltoN_C

NiltoN_C
Nível 5

Masculino
Membro desde : 08/03/2022
Mensagens : 46
Pontos : 76

https://altocomplexo.foroactivo.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Remover repetição de imagem de fundo

Mensagem por LucianoMicle 30.03.22 6:09

Olá! Boa noite
No seu css procure a url da imagem onde você a deixou, e coloque este css:
Código:
    background-size: cover;

E se não, tente este:
Código:
body#modernbb {
    background-size: cover;
}

Saudações, um abraço
LucianoMicle

LucianoMicle
Nível 9

Masculino
Membro desde : 07/09/2019
Mensagens : 239
Pontos : 357

https://divtes.foroactivo.com/ https://www.facebook.com/facebook.com/lucianomicleok https://twitter.com/twitter.com/lucianomicleok

Ir para o topo Ir para baixo

Tópico resolvido Re: Remover repetição de imagem de fundo

Mensagem por NiltoN_C 30.03.22 6:36

LucianoMicle escreveu:Olá! Boa noite
No seu css procure a url da imagem onde você a deixou, e coloque este css:
Código:
    background-size: cover;

E se não, tente este:
Código:
body#modernbb {
    background-size: cover;
}

Saudações, um abraço



Código:
a[href^="/g2-"],
a[href^="/u"] span[style$="#990000"] {
    text-shadow: 2px 0px 11px #000000;
    background: url("https://i.imgur.com/ChIMdFR.gif");
}
 
a[href^="/g3-"],
a[href^="/u"] span[style$="#FF0055"] {
    text-shadow: 2px 0px 11px #000000;
    background: url("https://i.imgur.com/ChIMdFR.gif");
}
 
a[href^="/g4-"],
a[href^="/u"] span[style$="#4781431"] {
    text-shadow: 2px 0px 11px #000000;
    background: url("https://i.imgur.com/ChIMdFR.gif");
}

a[href^="/g5-"],
a[href^="/u"] span[style$="#FF0000"] {
    text-shadow: 2px 0px 11px #000000;
    background: url("https://i.imgur.com/ChIMdFR.gif");
}

a[href^="/g6-"],
a[href^="/u"] span[style$="#7D0079"] {
    text-shadow: 2px 0px 11px #000000;
    background: url("https://i.imgur.com/ChIMdFR.gif");
}

#profile-advanced-right .module .h3 span[style$="#990000"], a[href^="/g1-"], #cp-main > h1 > span[style$="#990000"], a[href^="/g1-"], a[href^="/u"] span[style$="#AA00FF"] {
  text-shadow: 2px 0px 11px #000;
  background: url("https://i.imgur.com/ChIMdFR.gif");
}
 
.headerbar * {
  color: #1D262C !important;
}
 
.headerbar {
  background-color: transparent !important;
}
 
.navbar img {
  filter: none  !important;
}
 
#wrap {
      background-color: rgba(251, 251, 251, 0.60) !important;
}

a[href^="/g6-"],
a[href^="/u"] span[style$="#FF05F7"] {
    text-shadow: 2px 0px 11px #000000;
    background: url("https://i.imgur.com/ChIMdFR.gif");
}

#profile-advanced-right > .module .mod-login-rank {
  font-size: 0;
  text-align: center;
}





Não entendi, poderia substituir aí pra mim pfv?
NiltoN_C

NiltoN_C
Nível 5

Masculino
Membro desde : 08/03/2022
Mensagens : 46
Pontos : 76

https://altocomplexo.foroactivo.com/

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Remover repetição de imagem de fundo

Mensagem por pedxz 30.03.22 11:19

Olá @NiltoN_C,

Acedi ao fórum e aparentemente já resolveu a questão. Estou correto?


(Aguardo uma resposta sua)
Atenciosamente,
pedxz.
pedxz

pedxz
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7158
Pontos : 8396

Ir para o topo Ir para baixo

Tópico resolvido Re: Remover repetição de imagem de fundo

Mensagem por NiltoN_C 30.03.22 21:03

pedxz escreveu:Olá @NiltoN_C,

Acedi ao fórum e aparentemente já resolveu a questão. Estou correto?


(Aguardo uma resposta sua)
Atenciosamente,
pedxz.


Negativo! A mesma ela se duplica duas vezes. Me refiro a imagem de fundo do painel principal, ela está se duplicando duas vezes eu gostaria que ela fosse apenas uma e não se duplicasse em várias.
NiltoN_C

NiltoN_C
Nível 5

Masculino
Membro desde : 08/03/2022
Mensagens : 46
Pontos : 76

https://altocomplexo.foroactivo.com/

Ir para o topo Ir para baixo

Admineiro
  • 0

Tópico resolvido Re: Remover repetição de imagem de fundo

Mensagem por pedxz 02.04.22 17:21

@NiltoN_C: Adicione na folha de estilo (CSS) o seguinte código
Código:
html, body {
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
pedxz

pedxz
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7158
Pontos : 8396

Ir para o topo Ir para baixo

Tópico resolvido Re: Remover repetição de imagem de fundo

Mensagem por NiltoN_C 02.04.22 21:27

Resolvido, obg.
NiltoN_C

NiltoN_C
Nível 5

Masculino
Membro desde : 08/03/2022
Mensagens : 46
Pontos : 76

https://altocomplexo.foroactivo.com/

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Remover repetição de imagem de fundo

Mensagem por Musashi 02.04.22 22:01

Tópico resolvido


Movido para "Questões resolvidas".
Musashi

Musashi
Ajudeiro
Ajudeiro

Masculino
Membro desde : 17/02/2021
Mensagens : 409
Pontos : 496

https://lucasthemes.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