Perfil personalizado

Qual é minha questão:
Então, uma vez ví no FdF uma pessoa pedindo uma personalização no perfil adaptada para o natal e na personalização tinha esse gorro  então eu procurei pra caramba esse tópico e não achei, alguém poderia me falar como eu coloco isso ? 

Endereço do meu fórum:
http://tssabr.forumeiros.com

Versão do fórum:
PHPBB3

Também estou querendo , até hoje não resolveram meu tópico :s

Bom,eu coloquei isso no meu CSS:
Painel de Controle Avançado->Visualização->Imagens e Cores->Cores->Folha de Estilo CSS

Código:


rank-personalizado {
    background: url('http://i.imgur.com/9pfWI.png');
    width: 90px;
    height: 89px;
    position: absolute;
    margin-left: -233px;
    float: left;
    z-index: 99999!important;
    margin-top: -33px;
}
.neve {
position: absolute;
background: url(http://i.imgur.com/zT7AE.png) no-repeat;
width: 96px;
height: 32px;
margin-left: -110px;
z-index: 9999!important;
margin-top: -31px;
}
#category td.tcr{border:none!important;}
#category {
font-size: 10px;
}
#category tr{height:100px;}
.cat-status {
margin-right: -20px;
font-style: italic;
padding-left: 60px;
padding-bottom: 3px;
}
.lastpost {
height: 50px;
padding-bottom: 10px;
background: white;
padding-left: 10px;border-radius: 3px 0px 0px 3px;
border: 1px solid #DDD;
  border-right: none;}
.pun .post .user {text-align:center;padding: 7px;background: #DDD;width: 25%;box-shadow: 1px 1px 5px gray;-moz-box-shadow: 1px 1px 5px gray;-webkit-box-shadow: 1px 1px 5px gray;-o-box-shadow: 1px 1px 5px gray;border-radius: 0 7px 7px 0;-moz-border-radius:  0 7px 7px 0;-webkit-border-radius:  0 7px 7px 0;-o-border-radius:  0 7px 7px 0;border-left: 10px solid gray;margin-left: -200px !important;}


As posições já estão alteradas.
Agora vá até a Administração dos ranks
Painel de Controle Avançado->Usuarios e Grupos->Ranks->Administração dos Ranks
Agora em cada rank,coloque este pequeno codigo:

<span class="rank-personalizado">Título do rank</span>

Onde diz Titulo do Rank,coloque o rank,por exemplo Moderador.
Lembrando que terás que colocar isso em todos os seus ranks

Ops:Editei por que esqueci da segunda parte D:
E um Salve pro MateusV ><"

Olá!
Aceda a Folha de Estilo CSS:

Painel de Controle Visualização Imagens e Cores Cores Folha de estilo CSS

Código:

Código:

.rank-personalizado {
background: url('http://i.imgur.com/9pfWI.png');
width: 90px;
height: 89px;
position: absolute;
margin-left: -233px;
float: left;
z-index: 99999!important;
margin-top: -33px;
}

e Valide!

Fazendo isto, agora aceda a "Administração dos Ranks":

Painel de Controle Usuários e Grupos Usuários Ranks Administração dos Ranks

Selecione um rank e clique no botão " ":
No campo "Título do rank" deverá substituir por este código:

<span class="rank-personalizado">Título do rank</span>

O campo selecionado como verde será o título anterior do rank, por exemplo, "Administrador".

Até mais.

Yusuka, obrigado mas não deu resultado...

Bruno, olha como ficou :~

Caaio,eu dei uma editada,vê lá de novo...Capricha pode dar certo u.u

Olá!
Troque apenas o código CSS por este:

Código:

.rank-personalizado {
background: url(http://i.imgur.com/9pfWI.png);
float: left;
height: 89px;
margin-left: -112px;
margin-top: -223px;
position: absolute;
width: 90px;
z-index: 99999!important;
}

Até mais.

BrunoH. escreveu:Olá!
Troque apenas o código CSS por este:

Código:

.rank-personalizado {
background: url(http://i.imgur.com/9pfWI.png);
float: left;
height: 89px;
margin-left: -112px;
margin-top: -223px;
position: absolute;
width: 90px;
z-index: 99999!important;
}

Até mais.

Obrigado Bruno . Aqui funcionou , vamos ver no fórum do Caaio agora

Yusuka sem resultados again ;~ mas não precisa o bruno já me ajudou!

Obrigado bruno, RESOLVIDO!