Personalizar botões do perfil

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

Resolvido Personalizar botões do perfil

Mensagem por Ramon_Teles em 17/02/16, 02:50 pm

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

Ramon_Teles
Nível 9

Masculino
Inscrito dia : 27/11/2015
Mensagens : 189
Pontos Ativos : 316

Ver perfil do usuário http://www.npsamp.com.br
  • 0

Resolvido Re: Personalizar botões do perfil

Mensagem por Fraise em 17/02/16, 10:25 pm

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 http://i.imgur.com/pc7Ta7K.png

Até mais.
Fraise
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5031
Pontos Ativos : 6711

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Personalizar botões do perfil

Mensagem por Ramon_Teles em 17/02/16, 10:48 pm

@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 http://i.imgur.com/pc7Ta7K.png

Até mais.
Fraise

Obrigado amigão, problema resolvido.
@Fraise
avatar

Ramon_Teles
Nível 9

Masculino
Inscrito dia : 27/11/2015
Mensagens : 189
Pontos Ativos : 316

Ver perfil do usuário http://www.npsamp.com.br

Resolvido Re: Personalizar botões do perfil

Mensagem por Fraise em 18/02/16, 09:27 pm

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

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5031
Pontos Ativos : 6711

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

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