Personalizar botões do perfil

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:

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:

https://i.imgur.com/pc7Ta7K.png

Até mais.
Fraise

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:

https://i.imgur.com/pc7Ta7K.png

Até mais.
Fraise

Obrigado amigão, problema resolvido.
@Fraise