Estilo do ''Obrigado''

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

Resolvido Estilo do ''Obrigado''

Mensagem por sTr em Ter 16 Fev 2016 - 17:32

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 Ter 16 Fev 2016 - 20:01, 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 RafaelS. em Ter 16 Fev 2016 - 17:47

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 Ter 16 Fev 2016 - 17:54, editado 1 vez(es)
avatar

RafaelS.
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3207
Pontos Ativos : 4165

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

Resolvido Re: Estilo do ''Obrigado''

Mensagem por sTr em Ter 16 Fev 2016 - 17:52

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 RafaelS. em Ter 16 Fev 2016 - 18:04

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

RafaelS.
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3207
Pontos Ativos : 4165

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

Resolvido Re: Estilo do ''Obrigado''

Mensagem por sTr em Ter 16 Fev 2016 - 18:13

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 RafaelS. em Ter 16 Fev 2016 - 18:15

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

RafaelS.
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3207
Pontos Ativos : 4165

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

Resolvido Re: Estilo do ''Obrigado''

Mensagem por sTr em Ter 16 Fev 2016 - 18:17

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 RafaelS. em Ter 16 Fev 2016 - 18:47

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

RafaelS.
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3207
Pontos Ativos : 4165

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

Resolvido Re: Estilo do ''Obrigado''

Mensagem por sTr em Ter 16 Fev 2016 - 18:50

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 RafaelS. em Ter 16 Fev 2016 - 19:18

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

RafaelS.
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3207
Pontos Ativos : 4165

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

Resolvido Re: Estilo do ''Obrigado''

Mensagem por sTr em Ter 16 Fev 2016 - 19:28

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 RafaelS. em Ter 16 Fev 2016 - 19:42

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

RafaelS.
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3207
Pontos Ativos : 4165

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

Resolvido Re: Estilo do ''Obrigado''

Mensagem por sTr em Ter 16 Fev 2016 - 19:47

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 RafaelS. em Ter 16 Fev 2016 - 19:49

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

RafaelS.
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3207
Pontos Ativos : 4165

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

Resolvido Re: Estilo do ''Obrigado''

Mensagem por sTr em Ter 16 Fev 2016 - 20:01

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 RafaelS. em Ter 16 Fev 2016 - 20:10

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

RafaelS.
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3207
Pontos Ativos : 4165

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

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


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