Estilo do ''Obrigado''

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

Resolvido Estilo do ''Obrigado''

Mensagem por sTr em 16/02/16, 05:32 pm

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!


Última edição por sTr em 16/02/16, 08:01 pm, editado 2 vez(es)
avatar

sTr
Nível 8

Masculino
Inscrito dia : 25/12/2013
Mensagens : 145
Pontos Ativos : 211

Ver perfil do usuário http://stforum.forumeiros.com/forum

Resolvido Re: Estilo do ''Obrigado''

Mensagem por Rafael em 16/02/16, 05:47 pm

Olá!

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

Até mais.


Última edição por RafaelS. em 16/02/16, 05:54 pm, editado 1 vez(es)
avatar

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3118
Pontos Ativos : 4029

Ver perfil do usuário http://maisforum.forumeiros.com

Resolvido Re: Estilo do ''Obrigado''

Mensagem por sTr em 16/02/16, 05:52 pm

Prossiga
avatar

sTr
Nível 8

Masculino
Inscrito dia : 25/12/2013
Mensagens : 145
Pontos Ativos : 211

Ver perfil do usuário http://stforum.forumeiros.com/forum

Resolvido Re: Estilo do ''Obrigado''

Mensagem por Rafael em 16/02/16, 06:04 pm

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.
avatar

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3118
Pontos Ativos : 4029

Ver perfil do usuário http://maisforum.forumeiros.com

Resolvido Re: Estilo do ''Obrigado''

Mensagem por sTr em 16/02/16, 06:13 pm

Não obteve resultado, ficou um post normal sem cor.
avatar

sTr
Nível 8

Masculino
Inscrito dia : 25/12/2013
Mensagens : 145
Pontos Ativos : 211

Ver perfil do usuário http://stforum.forumeiros.com/forum

Resolvido Re: Estilo do ''Obrigado''

Mensagem por Rafael em 16/02/16, 06:15 pm

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.
avatar

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3118
Pontos Ativos : 4029

Ver perfil do usuário http://maisforum.forumeiros.com

Resolvido Re: Estilo do ''Obrigado''

Mensagem por sTr em 16/02/16, 06:17 pm

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

sTr
Nível 8

Masculino
Inscrito dia : 25/12/2013
Mensagens : 145
Pontos Ativos : 211

Ver perfil do usuário http://stforum.forumeiros.com/forum

Resolvido Re: Estilo do ''Obrigado''

Mensagem por Rafael em 16/02/16, 06:47 pm

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.
avatar

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3118
Pontos Ativos : 4029

Ver perfil do usuário http://maisforum.forumeiros.com

Resolvido Re: Estilo do ''Obrigado''

Mensagem por sTr em 16/02/16, 06:50 pm

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

sTr
Nível 8

Masculino
Inscrito dia : 25/12/2013
Mensagens : 145
Pontos Ativos : 211

Ver perfil do usuário http://stforum.forumeiros.com/forum

Resolvido Re: Estilo do ''Obrigado''

Mensagem por Rafael em 16/02/16, 07:18 pm

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;
}
avatar

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3118
Pontos Ativos : 4029

Ver perfil do usuário http://maisforum.forumeiros.com

Resolvido Re: Estilo do ''Obrigado''

Mensagem por sTr em 16/02/16, 07:28 pm

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.
avatar

sTr
Nível 8

Masculino
Inscrito dia : 25/12/2013
Mensagens : 145
Pontos Ativos : 211

Ver perfil do usuário http://stforum.forumeiros.com/forum

Resolvido Re: Estilo do ''Obrigado''

Mensagem por Rafael em 16/02/16, 07:42 pm

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;
}
avatar

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3118
Pontos Ativos : 4029

Ver perfil do usuário http://maisforum.forumeiros.com

Resolvido Re: Estilo do ''Obrigado''

Mensagem por sTr em 16/02/16, 07:47 pm

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

sTr
Nível 8

Masculino
Inscrito dia : 25/12/2013
Mensagens : 145
Pontos Ativos : 211

Ver perfil do usuário http://stforum.forumeiros.com/forum

Resolvido Re: Estilo do ''Obrigado''

Mensagem por Rafael em 16/02/16, 07:49 pm

Acho que agora vai Muito feliz

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;
}

avatar

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3118
Pontos Ativos : 4029

Ver perfil do usuário http://maisforum.forumeiros.com

Resolvido Re: Estilo do ''Obrigado''

Mensagem por sTr em 16/02/16, 08:01 pm

resultado, Passou um pouquinho da onde eu queria mas ficou bem legal...
Muito obrigado Rafa. Positivo
-
Pode encerrar se quiser.
avatar

sTr
Nível 8

Masculino
Inscrito dia : 25/12/2013
Mensagens : 145
Pontos Ativos : 211

Ver perfil do usuário http://stforum.forumeiros.com/forum

Resolvido Re: Estilo do ''Obrigado''

Mensagem por Rafael em 16/02/16, 08:10 pm

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".
avatar

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3118
Pontos Ativos : 4029

Ver perfil do usuário http://maisforum.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum