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

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

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

Mensagem por fdl em 25/10/10, 10:54 am

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://illiweb.com/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' .


Última edição por johndom em 27/10/10, 11:41 am, editado 1 vez(es)
avatar

fdl
Usuário destaque

Masculino
Inscrito dia : 19/06/2009
Mensagens : 562
Pontos Ativos : 867

Ver perfil do usuário http://ajuda.forumeiros.com

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

Mensagem por FoxOfGold em 26/10/10, 10:18 am

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

FoxOfGold
Nível 2

Masculino
Inscrito dia : 24/10/2010
Mensagens : 5
Pontos Ativos : 8

Ver perfil do usuário http://forumeiro.net/

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

Mensagem por fdl em 26/10/10, 11:18 am

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

fdl
Usuário destaque

Masculino
Inscrito dia : 19/06/2009
Mensagens : 562
Pontos Ativos : 867

Ver perfil do usuário http://ajuda.forumeiros.com

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

Mensagem por Solkis em 26/10/10, 08:24 pm

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://illiweb.com/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.
avatar

Solkis
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/01/2008
Mensagens : 9983
Pontos Ativos : 12074

Ver perfil do usuário http://ajuda.forumeiros.com

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

Mensagem por fdl em 27/10/10, 12:31 am

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

fdl
Usuário destaque

Masculino
Inscrito dia : 19/06/2009
Mensagens : 562
Pontos Ativos : 867

Ver perfil do usuário http://ajuda.forumeiros.com

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

Mensagem por Hancki em 27/10/10, 11:11 am

Olá!

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

A classe que procura é esta:
Até mais,
Hancki
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

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

Mensagem por fdl em 27/10/10, 11:41 am

Obrigado,
Reolsvido
avatar

fdl
Usuário destaque

Masculino
Inscrito dia : 19/06/2009
Mensagens : 562
Pontos Ativos : 867

Ver perfil do usuário http://ajuda.forumeiros.com

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