Estilo do ''Obrigado''

2 participantes

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

Tópico resolvido Estilo do ''Obrigado''

Mensagem por sTr 16.02.16 19: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 16.02.16 22:01, editado 2 vez(es)
sTr

sTr
***

Membro desde : 25/12/2013
Mensagens : 145
Pontos : 211

http://stforum.forumeiros.com/forum

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Estilo do ''Obrigado''

Mensagem por RafaelS. 16.02.16 19: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 16.02.16 19:54, editado 1 vez(es)
RafaelS.

RafaelS.
Membro Entusiasta
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Estilo do ''Obrigado''

Mensagem por sTr 16.02.16 19:52

Prossiga
sTr

sTr
***

Membro desde : 25/12/2013
Mensagens : 145
Pontos : 211

http://stforum.forumeiros.com/forum

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Estilo do ''Obrigado''

Mensagem por RafaelS. 16.02.16 20: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.
RafaelS.

RafaelS.
Membro Entusiasta
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Estilo do ''Obrigado''

Mensagem por sTr 16.02.16 20:13

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

sTr
***

Membro desde : 25/12/2013
Mensagens : 145
Pontos : 211

http://stforum.forumeiros.com/forum

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Estilo do ''Obrigado''

Mensagem por RafaelS. 16.02.16 20: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.
RafaelS.

RafaelS.
Membro Entusiasta
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Estilo do ''Obrigado''

Mensagem por sTr 16.02.16 20:17

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

sTr
***

Membro desde : 25/12/2013
Mensagens : 145
Pontos : 211

http://stforum.forumeiros.com/forum

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Estilo do ''Obrigado''

Mensagem por RafaelS. 16.02.16 20: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.
RafaelS.

RafaelS.
Membro Entusiasta
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Estilo do ''Obrigado''

Mensagem por sTr 16.02.16 20:50

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

sTr
***

Membro desde : 25/12/2013
Mensagens : 145
Pontos : 211

http://stforum.forumeiros.com/forum

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Estilo do ''Obrigado''

Mensagem por RafaelS. 16.02.16 21: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;
}
RafaelS.

RafaelS.
Membro Entusiasta
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Estilo do ''Obrigado''

Mensagem por sTr 16.02.16 21: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.
sTr

sTr
***

Membro desde : 25/12/2013
Mensagens : 145
Pontos : 211

http://stforum.forumeiros.com/forum

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Estilo do ''Obrigado''

Mensagem por RafaelS. 16.02.16 21: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;
}
RafaelS.

RafaelS.
Membro Entusiasta
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Estilo do ''Obrigado''

Mensagem por sTr 16.02.16 21:47

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

sTr
***

Membro desde : 25/12/2013
Mensagens : 145
Pontos : 211

http://stforum.forumeiros.com/forum

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Estilo do ''Obrigado''

Mensagem por RafaelS. 16.02.16 21: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;
}

RafaelS.

RafaelS.
Membro Entusiasta
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Estilo do ''Obrigado''

Mensagem por sTr 16.02.16 22:01

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

sTr
***

Membro desde : 25/12/2013
Mensagens : 145
Pontos : 211

http://stforum.forumeiros.com/forum

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Estilo do ''Obrigado''

Mensagem por RafaelS. 16.02.16 22:10

Certo, não precisa agradecer!

ffffff - Estilo do ''Obrigado'' Symbol10 Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
RafaelS.

RafaelS.
Membro Entusiasta
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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