Como colocar uma imagem de fundo no nome do usuário

Eu Gostaria De Colocar o Nome Do Usuário Com Uma Imagem de Fundo,Tipo a Mesma imagem dos Titulos Da Categoria.
Pois o Nome dos Membros Ficam Em Cima Do Avatar,aí daria mais Destaque.

Aqui o Código do Meu Perfil:

Código:

<tr class="post">
      <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
<center>{postrow.displayed.POSTER_NAME}</center>

<center>{postrow.displayed.POSTER_AVATAR}</center>
<span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong></strong></span>


<span class="postdetails poster-profile">
<center>{postrow.displayed.POSTER_RANK}

{postrow.displayed.RANK_IMAGE}</center>


            <!-- BEGIN profile_field -->
            {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
            <!-- END profile_field -->
            {postrow.displayed.POSTER_RPG}

        <img src="http://2img.net/i/fa/vide.gif" alt="" style="width:150px;height:1px" />
        <center> {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --> {postrow.displayed.ONLINE_IMG}
      </td></center>

Ex:



Eu queria uma Imagem de Fundo no nome do Usuário,igual onde ta Escrito 'AUTOR' .

Você quer por uma imagem ao invez do nome do usuario ou quer por esse fundo preto no fundo da pagina ?

eU Quero Esse Fundo azul,igual onde ta escrito autor,mas atras do nome do usuário

Boa noite,

Altere o código para este:

Código:

<tr class="post">
 <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
<center><div class="postername">{postrow.displayed.POSTER_NAME}</div></center><br />
<center>{postrow.displayed.POSTER_AVATAR}</center>
<span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong></strong></span><br />

<span class="postdetails poster-profile">
<center>{postrow.displayed.POSTER_RANK}

{postrow.displayed.RANK_IMAGE}</center><br /><br />
 <!-- BEGIN profile_field -->
 {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
 <!-- END profile_field -->
 {postrow.displayed.POSTER_RPG}<br />
 <img src="http://2img.net/i/fa/empty.gif" alt="" style="width:150px;height:1px" />
 <center> {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --> {postrow.displayed.ONLINE_IMG}
 </td></center>

Agora na folha de estilos CSS terá que adicionar o código para o background! Eu irei colocar um de exemplo, mas você poderá modificar ao seu gosto, ok? Aqui fica o código, modifique o que está em vermelho:

.postername {
margin-bottom: 6px;
display: block;
padding: 3px 2px;
background-image: url(ENDERECO DA IMAGEM);
background-color: #FF0000; /*Remover esta linha depois que ver se o código funciona */
background-repeat: repeat-x;}

Até mais.

Obrigado,slokis,funcionou.
Mas Veja que quando um nick pula uma linha a imagem de fundo não acompanha,tem como acompanhar?



E também só pra concluir como posso colocoar pra aparecer a imagem igual de fundo em Assunto ali do lado direito?

E Se possível,Qual classe CSS modifica o texto geral do Fórum?

Olá!

Isso do nome pular de linha, vai da resolução da tela de cada um! Veja como fica na minha: https://2img.net/h/oi52.tinypic.com/4q0yh3.png
Quanto a isso, não vejo nada que possa ser feito!

A classe que procura é esta:

* {
(css font)
}

Até mais,
Hancki

Obrigado,
Reolsvido