Estilo do ''Obrigado''

Detalhes da questão

Endereço do fórum: forumeiros.com/
Versão do fórum: PunBB

Descrição

Olá gostaria de mudar o estilo após clicar no botão ''Obrigado'' atualmente está assim: Imagem, mas queria se possível assim: Imagem
Thanks!

Olá!

Por favor, preencha o campo endereço do fórum corretamente.
Só assim, o seu tópico estará conforme o regulamento e assim eu poderei-lhe ajudar com mais facilidade.

Até mais.

Olá!

Primeiramente altere a cor de fundo, quando é clicado no botão obrigado para #FFFFFF.
Depois adicione este código:

Código:

.post[style="background-color: #FFFFFF;"] .posthead {
    background: rgb(5, 171, 5) !important;
    color: #FFF;
    border-radius: 0px;
    box-shadow: none;
}
.post[style="background-color: #FFFFFF;"] {
    border: 1px solid #05ab05;
}
.post[style="background-color: #FFFFFF;"] .postfoot {
    background: green;
    border-radius: 0px;
    box-shadow: none;
}

Até mais.

Olá!

Isso, porque o senhor alterou a cor para #ffffff em vez de #FFFFFF. Ou seja, deve ser em maiúsculas.
Tente de novo, por gentileza. Caso contrário alteremos no código, é igual '-'

Código:

.post[style="background-color:#ffffff;"] .posthead {
    background: rgb(5, 171, 5) !important;
    color: #FFF;
    border-radius: 0px;
    box-shadow: none;
}
.post[style="background-color:#ffffff;"] {
    border: 1px solid #05ab05;
}
.post[style="background-color:#ffffff;"] .postfoot {
    background: green;
    border-radius: 0px;
    box-shadow: none;
}

Até mais.

Ficou assim: resultado
É apenas assim ou tem como alterar a cor da barra preta de cima, teria como deixar verde mais claro?

Olá!

Tente este:

Código:

.posthead[style="background-color:#ffffff;"] {
    background: #05ab05 !important;
    color: #FFF;
    border-radius: 0px;
    box-shadow: none;
}
.post[style="background-color:#ffffff;"] {
    border: 1px solid #05ab05;
}
.post[style="background-color:#ffffff;"] .postfoot {
    background: #05ab05;
    border-radius: 0px;
    box-shadow: none;
}

Quanto ao verde é melhor você escolher ok? Procure por #05ab05 e substitua pela cor desejada.

Até mais.

Continuou do mesmo jeito... com a barra preta!

Ok, tenta assim:

Código:

.posthead[style="background-color:#ffffff;"] {
    background-color: #05ab05 !important;
background-image: none !important;
    color: #FFF;
    border-radius: 0px;
    box-shadow: none;
}
.post[style="background-color:#ffffff;"] {
    border: 1px solid #05ab05;
}
.post[style="background-color:#ffffff;"] .postfoot {
    background: #05ab05;
    border-radius: 0px;
    box-shadow: none;
}

Rafael não mudou, mas é possível fazer isso colocar verde a onde aparece o avatar? só que por trás, fiz montagem coloquei por cima, mais no caso seria por baixo.

Olá!

É possível sim, desta vez tente colocar o CSS no topo da folha.

Código:

.post .posthead[style="background-color:#ffffff;"] {
    background: #05ab05 !important;
    color: #FFF;
    border-radius: 0px;
    box-shadow: none;
}
.post[style="background-color:#ffffff;"] {
    border: 1px solid #05ab05;
    background: #05ab05;
}
.post[style="background-color:#ffffff;"] .postfoot {
    background: #05ab05;
    border-radius: 0px;
    box-shadow: none;
}

resultado, agora ficou sem as linhas nas laterais...

Acho que agora vai

Código:

.post .posthead[style="background-color:#ffffff;"] {
    background: #05ab05 !important;
    color: #FFF;
    border-radius: 0px;
    box-shadow: none;
}
.post[style="background-color:#ffffff;"] {
    border: 1px solid #05ab05 !important;
    background: #05ab05 !important;
}
.post[style="background-color:#ffffff;"] .postfoot {
    background: #05ab05;
    border-radius: 0px;
    box-shadow: none;
}

Certo, não precisa agradecer!

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