Avatar como fdf

Qual é minha questão:
Boas meus amigos gostava de saber se for possível como criar estas caixa na zona do avatar como aqui no fdf, 

Imagem para entenderem melhor :



O que pretendo e criar aquela dona mais clara...

Abraços

Endereço do meu fórum:
http://mundodosaquarios.forumfacil.net

Versão do fórum:
PHPBB3

Olá querido,

Não há campos, eles apenas decretaram uma máxima largura para os avatares. Se o senhor desejar, adicione ao teu CSS o seguinte código:

Código:

/*perfil igual ao FDF*/
.postprofile{padding: 6px;
border: 1px solid rgba(255,255,255,0.6);
border-radius: 10px;
background-color: #e8f4fc;
}
.post .postprofile dl dt a[href*="/u"] img[src][alt] {
max-width: 150px;
}

Aceda à: Painel de Controle Visualização Imagens e Cores Cores Aba 'Folha de estilo CSS'

Até mais.

Olá querido!

Adicione este código em sua "Folha de estilo CSS"

Código:

/*perfil igual ao FDF*/
.postprofile{padding: 6px;
border: 1px solid rgba(255,255,255,0.6);
border-radius: 10px;
background-color: #e8f4fc;
}

Até.

Boas amigos o código funcionou só estou com um problema o online fica por debaixo do efeito, Já agora como adicionar as bandeiras do pais?

Abraços

Olá querido,

Adicione este código na sua CSS:

Código:

.online .postprofile {
background-image: url(http://2img.net/i/fa/prosilver/icon_user_online_en.png);
background-position: 100% 0%;
background-repeat: no-repeat;
}

Para a segunda questão, queira checar:

[TUTORIAL] Criar campo país de origem

Vale ressaltar que só é permitido uma questão por tópico.

Até mais.

Boas obrigado não sabia desculpa...

Funcionou, só que fiquei com os 2 um por de traz outro pela frente,

Olá querido!

Queira checar https://ajuda.forumeiros.com/t23170-

Até.

Olá novamente,

Venho ressaltar que para que fiquem lado à lado sem o título do campo de perfil, marque em 'Tipo de visualização' a opção 'ícone' e em 'Separador' marque a opção 'nenhum'.

Sobre os dois "online":
Aceda à: Painel de Controle Visualização Imagens e Cores Cores Aba 'Folha de estilo CSS'

Faça uma busca por '.online' ou por este código:

Código:

.online {
background-image: url(http://2img.net/i/fa/prosilver/icon_user_online_en.png);
background-position: right 0;
background-repeat: no-repeat;
}

Delete-o e salve.

Cordialmente,
Dr.House