Como colocar uma imagem de fundo no nome do usuário Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

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

4 participantes

Ir para baixo

Tópico resolvido Como colocar uma imagem de fundo no nome do usuário

Mensagem por fdl 25.10.10 13:54

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:

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

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 14:41, editado 1 vez(es)
fdl
fdl
Membro

Membro desde : 20/06/2009
Mensagens : 562
Pontos : 867

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar uma imagem de fundo no nome do usuário

Mensagem por FoxOfGold 26.10.10 13:18

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

Membro desde : 25/10/2010
Mensagens : 5
Pontos : 8

http://forumeiro.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar uma imagem de fundo no nome do usuário

Mensagem por fdl 26.10.10 14:18

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

Membro desde : 20/06/2009
Mensagens : 562
Pontos : 867

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar uma imagem de fundo no nome do usuário

Mensagem por Solkis 26.10.10 23:24

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.
Solkis
Solkis
Membro Entusiasta

Membro desde : 26/01/2008
Mensagens : 9983
Pontos : 12071

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar uma imagem de fundo no nome do usuário

Mensagem por fdl 27.10.10 3:31

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

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

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?
fdl
fdl
Membro

Membro desde : 20/06/2009
Mensagens : 562
Pontos : 867

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar uma imagem de fundo no nome do usuário

Mensagem por Hancki 27.10.10 14:11

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:
Até mais,
Hancki
Hancki
Hancki
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8195
Pontos : 12250

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar uma imagem de fundo no nome do usuário

Mensagem por fdl 27.10.10 14:41

Obrigado,
Reolsvido
fdl
fdl
Membro

Membro desde : 20/06/2009
Mensagens : 562
Pontos : 867

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos