Imagem ao lado do nome

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

Resolvido Imagem ao lado do nome

Mensagem por LiveSteam em Dom 20 Maio 2012 - 9:27

Qual é minha questão:
Tipo, olha nessa imagem:

http://i45.tinypic.com/r75do3.jpg
tem um espaço em branco do lado do nome, ali ta uma imagem, só que ela ta atras do confete que ta no nome...
teria como arrasta a imagem pra frente do confete?
codigo que to usando:
Código:
a[href="/g1-administradores"] {
text-shadow: 0px 0px 5px #FF0000;
background: url("http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif") 0 1px no-repeat;
  padding-bottom: 2px;
padding-left: 17px;
padding-top: 2px;
background: url("http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif");
}


Medidas que eu tomei para corrigir o problema:
Tentei editar o codigo e deu nesse ai em cima, só falta bota a imagem em cima do confete pra ficar do lado do nome...

Links e imagens do meu problema:
http://i45.tinypic.com/r75do3.jpg

Endereço do meu fórum:
http://pro-power.forumeiros.com/

Versão do meu fórum:
PHPBB3


Última edição por LiveSteam em Sex 25 Maio 2012 - 10:09, editado 1 vez(es)
avatar

LiveSteam
Nível 10

Masculino
Inscrito dia : 07/02/2011
Mensagens : 262
Pontos Ativos : 386

Ver perfil do usuário http://pro-power.forumeiros.com/forum

Resolvido Re: Imagem ao lado do nome

Mensagem por Kolseuvis em Dom 20 Maio 2012 - 9:48

Amigo, vamos ao passo a passo para o procedimento correto:
Painel de controle -> Módulos -> HTML e Javascript -> Gestão dos códigos Javascript
Depois carregue-se no botão "Criar um novo javascript".

Coloque o seguinte código:
Código:
jQuery(document).ready(function(){jQuery('a[href="/uID"]').before('<img src="Imagem">')});

Negrito "ID" - Troque pelo ID do usuário, aceda ao perfil dele e note na barra de endereços uma letra e alguns números, os números será o id do membro.
Vermelho - Troque pelo link da imagem.

Título: Qualquer um;
Investimento: Em toda as páginas;
Código JavaScript: O citado acima;


Faça o procedimento acima e veja se funciona.

A disposição.
avatar

Kolseuvis
Membro do Fórum

Masculino
Inscrito dia : 25/04/2009
Mensagens : 1099
Pontos Ativos : 2122

Ver perfil do usuário http://www.formigaeletrica.com.br

Resolvido Re: Imagem ao lado do nome

Mensagem por LiveSteam em Seg 21 Maio 2012 - 9:58

Eu boto o link de qual imagem?
avatar

LiveSteam
Nível 10

Masculino
Inscrito dia : 07/02/2011
Mensagens : 262
Pontos Ativos : 386

Ver perfil do usuário http://pro-power.forumeiros.com/forum

Resolvido Re: Imagem ao lado do nome

Mensagem por Troubleshoot em Seg 21 Maio 2012 - 10:06

Olá, utilize este código:
a[href="/u1"]{background:url(LINK DA IMAGEM) 0 1px no-repeat;padding-bottom:2px;padding-left:20px;padding-top:2px}

Negrito: Altere pela sua ID.
Vermelho: Adicione a imagem que deseja. EX: http://illiweb.com/fa/admin/couronne.png

Adicione o código na 'Folha de estilo CSS'.


Código pronto com o meu ID aqui no Fdf:
Código:
a[href="/u41412"]{background:url(http://illiweb.com/fa/admin/couronne.png) 0 1px no-repeat;padding-bottom:2px;padding-left:20px;padding-top:2px}

avatar

Troubleshoot
Usuário experiente

Masculino
Inscrito dia : 25/09/2011
Mensagens : 2201
Pontos Ativos : 2944

Ver perfil do usuário http://guiatecnico.ativo-forum.com/

Resolvido Re: Imagem ao lado do nome

Mensagem por Kolseuvis em Seg 21 Maio 2012 - 15:17

@LiveSteam escreveu:Eu boto o link de qual imagem?
Da imagem que deseja utilizar ao lado do nome.
avatar

Kolseuvis
Membro do Fórum

Masculino
Inscrito dia : 25/04/2009
Mensagens : 1099
Pontos Ativos : 2122

Ver perfil do usuário http://www.formigaeletrica.com.br

Resolvido Re: Imagem ao lado do nome

Mensagem por LiveSteam em Seg 21 Maio 2012 - 20:25

A imagem ao lado do nome ainda esta ficando por tras do confete...
avatar

LiveSteam
Nível 10

Masculino
Inscrito dia : 07/02/2011
Mensagens : 262
Pontos Ativos : 386

Ver perfil do usuário http://pro-power.forumeiros.com/forum

Resolvido Re: Imagem ao lado do nome

Mensagem por Kolseuvis em Seg 21 Maio 2012 - 20:56

Código:
a[href="/g1-administradores"] {
text-shadow: 0px 0px 5px #FF0000;
background: url("http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif") 0 1px no-repeat;
  padding-bottom: 2px;
padding-left: 17px;
padding-top: 2px;
background: url("http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif");
}
Veja se resolve.
avatar

Kolseuvis
Membro do Fórum

Masculino
Inscrito dia : 25/04/2009
Mensagens : 1099
Pontos Ativos : 2122

Ver perfil do usuário http://www.formigaeletrica.com.br

Resolvido Re: Imagem ao lado do nome

Mensagem por LiveSteam em Ter 22 Maio 2012 - 7:44

avatar

LiveSteam
Nível 10

Masculino
Inscrito dia : 07/02/2011
Mensagens : 262
Pontos Ativos : 386

Ver perfil do usuário http://pro-power.forumeiros.com/forum

Resolvido Re: Imagem ao lado do nome

Mensagem por MateusV. em Ter 22 Maio 2012 - 17:57

Boa noite.

Não será possível fazer o que deseja, pois você está tentando colocar dois background's num mesmo objeto atravez de código CSS, o que é inviável, lamento.

Cordialmente. Piscada
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Imagem ao lado do nome

Mensagem por LiveSteam em Ter 22 Maio 2012 - 22:09

Nao teria outra forma? . Java Script, HTML, ou outra coisa, sei la, deixar 1 sem ser backgournd...
avatar

LiveSteam
Nível 10

Masculino
Inscrito dia : 07/02/2011
Mensagens : 262
Pontos Ativos : 386

Ver perfil do usuário http://pro-power.forumeiros.com/forum

Resolvido Re: Imagem ao lado do nome

Mensagem por MateusV. em Qua 23 Maio 2012 - 19:55

Boa noite.

Há como fazer com Java Script, mas infelizmente não damos suporte aos tais, então não será possivel, lamento.

Abraço. Piscada
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Imagem ao lado do nome

Mensagem por Joshua em Qua 23 Maio 2012 - 20:03

Tente esse.

a[href="/u1"] {
text-shadow: 0px 0px 5px #61ED95;
}
background: url("http://cdn3.iconfinder.com/data/icons/fatcow/16x16_0560/medal_gold_1.png") 0 1px no-repeat;
padding-bottom: 2px;
padding-left: 17px;
padding-top: 2px;
background: url("http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif");
}
avatar

Joshua
Nível 8

Masculino
Inscrito dia : 09/07/2011
Mensagens : 108
Pontos Ativos : 181

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

Resolvido Re: Imagem ao lado do nome

Mensagem por LiveSteam em Qua 23 Maio 2012 - 20:17

Joshua, nao resultou, como eu disse, o confete fica por cima, obrigado pela tentativa :/
Invisible, se voce sabe como fazer no JavaScript, me ajude ?
avatar

LiveSteam
Nível 10

Masculino
Inscrito dia : 07/02/2011
Mensagens : 262
Pontos Ativos : 386

Ver perfil do usuário http://pro-power.forumeiros.com/forum

Resolvido Re: Imagem ao lado do nome

Mensagem por MateusV. em Qua 23 Maio 2012 - 20:20

Boa noite.

Infelizmente o suporte sobre códigos JS está claramente proibido no FDF, então no caso, terá que decidir qual imagem deseja colocar de fundo, já que as duas não será possivel.

Abraço. Piscada
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Imagem ao lado do nome

Mensagem por LiveSteam em Qua 23 Maio 2012 - 20:28

Meu deus, acabei de achar um forum que tem isso que tou perguntando.
O link dele é
http://www.styleofliferp.com.br/forum

E é da forumeiros :/
Procura la, David_Forti o nome dele tem confete e icone!
avatar

LiveSteam
Nível 10

Masculino
Inscrito dia : 07/02/2011
Mensagens : 262
Pontos Ativos : 386

Ver perfil do usuário http://pro-power.forumeiros.com/forum

Resolvido Re: Imagem ao lado do nome

Mensagem por Joshua em Qua 23 Maio 2012 - 20:29

a[href="/u1"] {
text-shadow: 0px 0px 5px #61ED95;
}
background: url("http://cdn3.iconfinder.com/data/icons/fatcow/16x16_0560/medal_gold_1.png") 0 1px no-repeat;
padding-bottom: 2px;
padding-left: 17px;
padding-top: 2px;
}

Por enquanto fica com só a medalha depois eu vou procurar e te ajudar.

e poe o grupo do seu forum Ex: adm Brilhando
avatar

Joshua
Nível 8

Masculino
Inscrito dia : 09/07/2011
Mensagens : 108
Pontos Ativos : 181

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

Resolvido Re: Imagem ao lado do nome

Mensagem por Joshua em Qua 23 Maio 2012 - 20:36

Desculpe o Dual Post...

Colocando este código....

Vá no seu grupo O qual que seja no nome do grupo coloque esse código.

<b>
<a style="color: #F04C00" class="gensmall" href="/g34-fundadores">Fundadores</a>
</b>

Pronto eu acho que vai funcionar.... e mude essa parte.. g34-

Para A sua Clica no grupo e ve ex: o meu é g85-
avatar

Joshua
Nível 8

Masculino
Inscrito dia : 09/07/2011
Mensagens : 108
Pontos Ativos : 181

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

Resolvido Re: Imagem ao lado do nome

Mensagem por LiveSteam em Qua 23 Maio 2012 - 20:58

Não compriendi sua segunda postagem.

Sobre Java Script's, por que voces nao podem ajudar quando se tem a resposta na ponta da lingua?
avatar

LiveSteam
Nível 10

Masculino
Inscrito dia : 07/02/2011
Mensagens : 262
Pontos Ativos : 386

Ver perfil do usuário http://pro-power.forumeiros.com/forum

Resolvido Re: Imagem ao lado do nome

Mensagem por Luciano98 em Qui 24 Maio 2012 - 20:57

Olá!

Substitua por esse código:
Código:
a[href="/g1-administradores"] {
text-shadow: 0px 0px 5px #FF0000;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif) 0 1px no-repeat,url(http://cdn3.iconfinder.com/data/icons/fatcow/16x16_0560/medal_gold_1.png) 0 1px no-repeat;
  padding-bottom: 2px;
padding-left: 17px;
padding-top: 2px;
}

Caso você queira configurar:
Código:
a[href*="/gN-"] {
text-shadow: 0px 0px 5px #FF0000;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif) 0 1px no-repeat,url(IMAGEM) 0 1px no-repeat;
  padding-bottom: 2px;
padding-left: 17px;
padding-top: 2px;
}
N = Número do grupo. Ex: 1
IMAGEM = Link da imagem que ficará ao lado do nome do usuário.

Até mais.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

Resolvido Re: Imagem ao lado do nome

Mensagem por JRHoly em Qui 24 Maio 2012 - 22:58

Olá LiveSteam.
Tenho o que você procura:

Código:
a span[style="color:#000099"]{padding-left:17px;padding-top:2px;padding-bottom:2px;background-image:url('http://illiweb.com/fa/admin/couronne.png');
background-position: 0 1;background-repeat:no-repeat;}

Cole esse código na sua folha CSS.
É importante compreender que o grupo será identificado pela cor. Para isto, mude o campo - #000099 - com a cor do grupo que deseja ter a imagem na frente.

O campo - http://illiweb.com/fa/admin/couronne.png - é onde colocará a respectiva imagem.

Abraços...
avatar

JRHoly
Nível 9

Masculino
Inscrito dia : 18/12/2011
Mensagens : 190
Pontos Ativos : 283

Ver perfil do usuário http://l2honorgames.forumais.com/forum

Resolvido Re: Imagem ao lado do nome

Mensagem por LiveSteam em Sex 25 Maio 2012 - 10:09

Luciano98 , funcionou, obrigado Feliz
Só você mesmo para conseguir resolver minhas questoes '-'
avatar

LiveSteam
Nível 10

Masculino
Inscrito dia : 07/02/2011
Mensagens : 262
Pontos Ativos : 386

Ver perfil do usuário http://pro-power.forumeiros.com/forum

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