Boas-vindas ao Power Pixel

Junte-se a comunidade! Crie o seu próprio conteúdo, e faça amizades.EntrarCriar uma conta

Ricardo Henrique Ricardo Henrique  • Ter 28 Jan 2014 - 16:59

Estatísticas personalizada Empty Estatísticas personalizada Ter 28 Jan 2014 - 16:59

Qual é minha questão:
Olá,

eu estava utilizando um código cujo objetivo é personalizar minhas estatísticas, todavia, o código é inteiramente de CSS. Ao acessarem meu fórum e verificarem o efeito, verão que está quase perfeito, sendo um dos poucos bugs um fundo branco aonde aparece tais estatísticas. Eu gostaria de retirar este fundo branco. Segue o código:
Código:
/* teste estatistica */
#stats {
  background-color: #FFFFFF !important;
  font: 12px "helvetica",arial,sans-serif !important;
  margin-left: -120px !important;
  padding-bottom: 30px !important;
  color: #5A5A5A;
}
#stats a {
  color: #4A4A4A !important;
}
#stats p.right:after {
    color: #4A4A4A;
    content: "Total de Posts";
}
#stats p {
    color: rgba(0, 0, 0, 0) !important;
    float: left !important;
    margin-bottom: 2px;
    margin-right: 10px;
    margin-top: 2px;
}
#stats p strong {
  background: none repeat scroll 0 0 #E2E2E2;
  border: 1px solid #C9CDD0 !important;
  border-radius: 2px 2px 2px 2px;
  color: #4A4A4A;
  display: inline-block;
  font-weight: 700;
  margin-right: -65px !important;
  padding: 2px 6px;
}
#stats p:nth-of-type(2):after {
  color: #4A4A4A;
  content: "Total de Membros";
  margin-left: -20px !important;
}
#stats p:nth-of-type(2) strong {
  margin-left: -30px !important;
  margin-right: -93px !important;
}
#stats p:nth-of-type(3):after {
    color: #4A4A4A;
    content: "Membro Mais Recente";
}
#stats p:nth-of-type(3) {
    margin-left: 560px !important;
    margin-top: -15px !important;
    max-width: 251px !important;
    position: absolute;
}
#stats p:nth-of-type(3) strong {
  margin-right: 10px !important;
}
#onlinelist {
    border-top: 1px solid #D8D8D8 !important;
    margin-top: 10px !important;
}
#onlinelist {
    background-color: #F4F4F4;
    border-top: 1px dashed #CCCCCC;
    padding: 0.6em 1em;
}
#onlinelist p:nth-of-type(2) strong:nth-of-type(2):after {
    color: #4A4A4A;
    content: "\00A0\00A0\00A0\00A0Recorde\00A0 de\00A0Membros\00A0Online";
    font-size: 12px !important;
    font-weight: normal !important;
}
#onlinelist p:nth-of-type(2) strong:nth-of-type(2) {
    background: none repeat scroll 0 0 #E2E2E2;
  border: 1px solid #C9CDD0 !important;
    border-radius: 2px 2px 2px 2px;
    color: #4A4A4A;
    margin-left: 440px !important;
    margin-top: -65px !important;
    padding: 2px 6px;
    position: absolute !important;
    width: 7px;
}

Endereço do meu fórum:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Versão:
PunBB

iConnect iConnect  • Ter 28 Jan 2014 - 18:26

Estatísticas personalizada Empty Re: Estatísticas personalizada Ter 28 Jan 2014 - 18:26

Ola,
Qual a cor que deseja trocar ?

Até Mais...

Ricardo Henrique Ricardo Henrique  • Ter 28 Jan 2014 - 18:33

Estatísticas personalizada Empty Re: Estatísticas personalizada Ter 28 Jan 2014 - 18:33

Olá,

amigo, não desejo cor alguma, quero que permaneça transparente, entende?
Veja, tirei um print e indiquei com uma seta de cor amarelada o que desejo retirar, isso é, a qual "fundo branco" me refiro.

[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Edit: Deixa pra lá! Já consegui resolver eu mesmo, mas obrigado mesmo assim. =))'

iConnect iConnect  • Ter 28 Jan 2014 - 18:39

Estatísticas personalizada Empty Re: Estatísticas personalizada Ter 28 Jan 2014 - 18:39

Ola.
Troque por:
Código:
/* teste estatistica */
#stats a {
  color: #4A4A4A !important;
}
#stats p.right:after {
    color: #4A4A4A;
    content: "Total de Posts";
}
#stats p {
    color: rgba(0, 0, 0, 0) !important;
    float: left !important;
    margin-bottom: 2px;
    margin-right: 10px;
    margin-top: 2px;
}
#stats p strong {
  background: none repeat scroll 0 0 #E2E2E2;
  border: 1px solid #C9CDD0 !important;
  border-radius: 2px 2px 2px 2px;
  color: #4A4A4A;
  display: inline-block;
  font-weight: 700;
  margin-right: -65px !important;
  padding: 2px 6px;
}
#stats p:nth-of-type(2):after {
  color: #4A4A4A;
  content: "Total de Membros";
  margin-left: -20px !important;
}
#stats p:nth-of-type(2) strong {
  margin-left: -30px !important;
  margin-right: -93px !important;
}
#stats p:nth-of-type(3):after {
    color: #4A4A4A;
    content: "Membro Mais Recente";
}
#stats p:nth-of-type(3) {
    margin-left: 560px !important;
    margin-top: -15px !important;
    max-width: 251px !important;
    position: absolute;
}
#stats p:nth-of-type(3) strong {
  margin-right: 10px !important;
}
#onlinelist {
    border-top: 1px solid #D8D8D8 !important;
    margin-top: 10px !important;
}
#onlinelist {
    background-color: #F4F4F4;
    border-top: 1px dashed #CCCCCC;
    padding: 0.6em 1em;
}
#onlinelist p:nth-of-type(2) strong:nth-of-type(2):after {
    color: #4A4A4A;
    content: "\00A0\00A0\00A0\00A0Recorde\00A0 de\00A0Membros\00A0Online";
    font-size: 12px !important;
    font-weight: normal !important;
}
#onlinelist p:nth-of-type(2) strong:nth-of-type(2) {
    background: none repeat scroll 0 0 #E2E2E2;
  border: 1px solid #C9CDD0 !important;
    border-radius: 2px 2px 2px 2px;
    color: #4A4A4A;
    margin-left: 440px !important;
    margin-top: -65px !important;
    padding: 2px 6px;
    position: absolute !important;
    width: 7px;
}

Até Mais...

Conteúdo patrocinado  • 

Estatísticas personalizada Empty Re: Estatísticas personalizada

Permissões neste sub-fórum
Não podes responder a tópicos