Personalizar botões do perfil

2 participantes

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

Tópico resolvido Personalizar botões do perfil

Mensagem por Ramon_Teles 17.02.16 16:50

Detalhes da questão


Endereço do fórum: npsamp.com.br
Versão do fórum: PhpBB3

Descrição


Olá pessoal, boa tarde.
Gostaria de saber como faço para deixar o meu fórum nesta parte.

Observem o do FDF
Spoiler:

No meu fórum
Spoiler:
Ramon_Teles

Ramon_Teles
***

Membro desde : 27/11/2015
Mensagens : 189
Pontos : 316

http://www.npsamp.com.br

Ir para o topo Ir para baixo

Ajudeiro
  • 0

Tópico resolvido Re: Personalizar botões do perfil

Mensagem por Fraise 18.02.16 0:25

Boa noite, @Ramon_Teles!

Aceda à sua folha de estilos e adicione o seguinte código:
Código:
#profile-advanced-add a[href^="/profile?friend"] {
background: #8B5;
border-color: #693;
}

#profile-advanced-add a[href^="/profile?foe"] {
background: #E53;
border-color: #C31;
}
#profile-advanced-add a {
    height: auto !important;
    border: none;
    border-bottom: 2px solid #17A;
    border-radius: 3px;
    color: #FFF!important;
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    line-height: normal!important;
    margin: 2px;
    padding: 6px 9px!important;
    transition: 300ms;
}
#profile-advanced-add a:hover {
    background: #333;
    border: none;
    border-bottom: 2px solid #111;
    color: #FFF;
}

Se tudo correr bem, o resultado será algo assim:
Spoiler:
Seta https://i.imgur.com/pc7Ta7K.png

Até mais.
Fraise
Fraise

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar botões do perfil

Mensagem por Ramon_Teles 18.02.16 0:48

Fraise escreveu:Boa noite, @Ramon_Teles!

Aceda à sua folha de estilos e adicione o seguinte código:
Código:
#profile-advanced-add a[href^="/profile?friend"] {
background: #8B5;
border-color: #693;
}

#profile-advanced-add a[href^="/profile?foe"] {
background: #E53;
border-color: #C31;
}
#profile-advanced-add a {
    height: auto !important;
    border: none;
    border-bottom: 2px solid #17A;
    border-radius: 3px;
    color: #FFF!important;
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    line-height: normal!important;
    margin: 2px;
    padding: 6px 9px!important;
    transition: 300ms;
}
#profile-advanced-add a:hover {
    background: #333;
    border: none;
    border-bottom: 2px solid #111;
    color: #FFF;
}

Se tudo correr bem, o resultado será algo assim:
Spoiler:
Seta https://i.imgur.com/pc7Ta7K.png

Até mais.
Fraise

Obrigado amigão, problema resolvido.
@Fraise
Ramon_Teles

Ramon_Teles
***

Membro desde : 27/11/2015
Mensagens : 189
Pontos : 316

http://www.npsamp.com.br

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Personalizar botões do perfil

Mensagem por Fraise 18.02.16 23:27

Personalizar botões do perfil 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".
Fraise

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

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