Adicionar background a certas áreas do fórum

[Dex7er]

Bom estou tendo problemas com background em algumas partes do meu meu fórum... https://i.imgur.com/i4KvSE1.png https://i.imgur.com/jlDrzPS.png em outras partes também esta assim... Gostaria que ficasse assim https://i.imgur.com/8TybaS5.png aonde eu vi http://goo.gl/GJzx5p Obrigado pela atenção

[RafaelS.]

Olá amigo!

Poderia retirar o fórum da manutenção para podermos ver o fundo que o senhor citou.

Abraços.

[Dex7er]

Já retirei em modo criação...

[UsuarioX]

Ja Conferiu-se Se essa imagem ( https://i.imgur.com/i4KvSE1.png ) Esta sobre a folha de estilo CSS do seu Forum .

[Dex7er]

sim ja confirmei se eu retirar ela fica sem fundo, deixei para você olhar...

[Shaman]

Olá, boa noite, por favor, adicione no início de seu CSS:

Código:

.pun-crumbs {
  background: url("http://i.imgur.com/y75XdvO.png") repeat !Important;
  background: rgba(255,255,255,0.85) !Important;
  background-image: -moz-linear-gradient(top, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0) 100%) !Important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.15)), color-stop(100%,rgba(255,255,255,0))) !Important;
  background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0) 100%) !Important;
  background-image: -o-linear-gradient(top, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0) 100%) !Important;
  background-image: -ms-linear-gradient(top, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0) 100%) !Important;
  background-image: linear-gradient(to bottom, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0) 100%) !Important;
  color: #222 !Important;
  text-shadow: #fff 0px 1px 0px !Important;
  -moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px !Important;
  -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px !Important;
  box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px !Important;
  -moz-border-radius: 3px !Important;
  -webkit-border-radius: 3px !Important;
  border-radius: 3px !Important;
  font-size: 12px !Important;
  font-weight: bold !Important;
  line-height: 36px !Important;
  height: 36px !Important;
  padding: 0 20px !Important;
  text-align: center !Important;
  min-width: 70px !Important;
  display: inline-block !Important;
  cursor: pointer !Important;
  margin-top: 10px !Important;
}
.sb_titlebox {
  background: url("http://i.imgur.com/jF7Wdfz.png") repeat !Important;
  background-image: -moz-linear-gradient(top, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0.65) 100%) !Important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.75)), color-stop(100%,rgba(255,255,255,0.65))) !Important;
  background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%) !Important;
  background-image: -o-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%) !Important;
  background-image: -ms-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%) !Important;
  background-image: linear-gradient(to bottom, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%) !Important;
  -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px !Important;
  -moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px !Important;
  box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px !Important;
  text-shadow: rgba(255,255,255,0.6) 0px 1px 0px !Important;
  -moz-border-radius: 3px !Important;
  -webkit-border-radius: 3px !Important;
  border-radius: 3px !Important;
  padding: 14px !Important;
  overflow: hidden !Important;
}


Até mais!
Shaman;

Tópico movido de 'Questões sobre HTML & BBCode' para 'Questões sobre a aparência do fórum'

[Dex7er]

Ficou meu estranho... tem como deixar igual desse fórum http://sk-clansamp.forumeiros.com/forum

[Sennior]

Saudações,

Poderia por gentileza retirar o código passado pelo nosso amigo Shaman, para que eu veja o problema em original?
Digo, retroceder a etapa de como estava.

Abraços.
Tio Sennior

[Dex7er]

Retirado...

[Sennior]

Saudações,

Adicione este código no inicio de teu CSS:
Cpainel ->> Visualização ->> Gestão de imagens ->> Cores ->> Folha de Estilo CSS

Código:

.pun-crumbs {
  background: url("http://i.imgur.com/jF7Wdfz.png") repeat!important;
  background-image: -moz-linear-gradient(top, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0.65) 100%)!important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.75)), color-stop(100%,rgba(255,255,255,0.65)));
  background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%)!important;
  background-image: -o-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%)!important;
  background-image: -ms-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%)!important;
  background-image: linear-gradient(to bottom, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%)!important;
  -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px!important;
  -moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px!important;
  box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px!important;
  text-shadow: rgba(255,255,255,0.6) 0px 1px 0px!important;
  -moz-border-radius: 3px!important;
  -webkit-border-radius: 3px!important;
  border-radius: 3px!important;
  padding: 14px!important;
  overflow: hidden!important;
}
.statsPers li > span {
  background: url("http://i.imgur.com/jF7Wdfz.png") repeat!important;
  background-image: -moz-linear-gradient(top, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0.65) 100%)!important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.75)), color-stop(100%,rgba(255,255,255,0.65)));
  background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%)!important;
  background-image: -o-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%)!important;
  background-image: -ms-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%)!important;
  background-image: linear-gradient(to bottom, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
  -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px!important;
  -moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px!important;
  box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px!important;
  text-shadow: rgba(255,255,255,0.6) 0px 1px 0px!important;
  -moz-border-radius: 3px!important;
  -webkit-border-radius: 3px!important;
  border-radius: 3px!important;
  padding: 2px!important;
  overflow: hidden!important;
  font-size: 13px!important;
}

Deseja assim?
Abraços.
Sennior

[Dex7er]

ficou com o fundo de bolinha todo ele '-'

[Sennior]

Altere:

Código:

.pun-crumbs {
  background: url() repeat!important;
  background-image: -moz-linear-gradient(top, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0.65) 100%)!important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.75)), color-stop(100%,rgba(255,255,255,0.65)));
  background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%)!important;
  background-image: -o-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%)!important;
  background-image: -ms-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%)!important;
  background-image: linear-gradient(to bottom, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%)!important;
  -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px!important;
  -moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px!important;
  box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px!important;
  text-shadow: rgba(255,255,255,0.6) 0px 1px 0px!important;
  -moz-border-radius: 3px!important;
  -webkit-border-radius: 3px!important;
  border-radius: 3px!important;
  padding: 14px!important;
  overflow: hidden!important;
}
.statsPers li > span {
  background: url() repeat!important;
  background-image: -moz-linear-gradient(top, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0.65) 100%)!important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.75)), color-stop(100%,rgba(255,255,255,0.65)));
  background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%)!important;
  background-image: -o-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%)!important;
  background-image: -ms-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%)!important;
  background-image: linear-gradient(to bottom, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
  -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px!important;
  -moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px!important;
  box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px!important;
  text-shadow: rgba(255,255,255,0.6) 0px 1px 0px!important;
  -moz-border-radius: 3px!important;
  -webkit-border-radius: 3px!important;
  border-radius: 3px!important;
  padding: 2px!important;
  overflow: hidden!important;
  font-size: 13px!important;
}

Até mais.
Sennior

[Dex7er]

ficou como erra antes '-'

[Sennior]

Boas,

Então é assim?

Código:

.pun-crumbs {
  background: rgba(214, 215, 213, 0.55)!important;
  background-image: -moz-linear-gradient(top, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0.65) 100%)!important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.75)), color-stop(100%,rgba(255,255,255,0.65)));
  background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%)!important;
  background-image: -o-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%)!important;
  background-image: -ms-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%)!important;
  background-image: linear-gradient(to bottom, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%)!important;
  -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px!important;
  -moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px!important;
  box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px!important;
  text-shadow: rgba(255,255,255,0.6) 0px 1px 0px!important;
  -moz-border-radius: 3px!important;
  -webkit-border-radius: 3px!important;
  border-radius: 3px!important;
  padding: 14px!important;
  overflow: hidden!important;
}
.statsPers li > span {
  background: rgba(214, 215, 213, 0.55)!important;
  background-image: -moz-linear-gradient(top, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0.65) 100%)!important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.75)), color-stop(100%,rgba(255,255,255,0.65)));
  background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%)!important;
  background-image: -o-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%)!important;
  background-image: -ms-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%)!important;
  background-image: linear-gradient(to bottom, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
  -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px!important;
  -moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px!important;
  box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px!important;
  text-shadow: rgba(255,255,255,0.6) 0px 1px 0px!important;
  -moz-border-radius: 3px!important;
  -webkit-border-radius: 3px!important;
  border-radius: 3px!important;
  padding: 2px!important;
  overflow: hidden!important;
  font-size: 13px!important;
}

Até mais.

[Dex7er]

Bom fico bom mais fico a parte nos tropico ainda com fundo de bolinha, e se for possível aumentar os quadrinhos da estatísticas? Obrigado...

[Sennior]

Saudações,

Altere novamente:

Código:

.pun-crumbs {
  background: rgba(214, 215, 213, 0.55)!important;
  background-image: -moz-linear-gradient(top, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0.65) 100%)!important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.75)), color-stop(100%,rgba(255,255,255,0.65)));
  background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%)!important;
  background-image: -o-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%)!important;
  background-image: -ms-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%)!important;
  background-image: linear-gradient(to bottom, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%)!important;
  -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px!important;
  -moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px!important;
  box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px!important;
  text-shadow: rgba(255,255,255,0.6) 0px 1px 0px!important;
  -moz-border-radius: 3px!important;
  -webkit-border-radius: 3px!important;
  border-radius: 3px!important;
  padding: 14px!important;
  overflow: hidden!important;
}
.statsPers li > span {
  background: rgba(214, 215, 213, 0.55)!important;
  background-image: -moz-linear-gradient(top, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0.65) 100%)!important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.75)), color-stop(100%,rgba(255,255,255,0.65)));
  background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%)!important;
  background-image: -o-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%)!important;
  background-image: -ms-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%)!important;
  background-image: linear-gradient(to bottom, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
  -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px!important;
  -moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px!important;
  box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px!important;
  text-shadow: rgba(255,255,255,0.6) 0px 1px 0px!important;
  -moz-border-radius: 3px!important;
  -webkit-border-radius: 3px!important;
  border-radius: 3px!important;
  padding: 5px!important;
  overflow: hidden!important;
  font-size: 13px!important;
}
.sb_titlebox {
  background: rgba(214,215,213,0.55)!important;
}

Até mais.
Sennior

[Dex7er]

Deu certo, muito obrigado, pode fechar o tropico

[Sennior]

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para Questões resolvidas.