Imagem ao lado do nome

[LiveSteam]

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

https://2img.net/h/oi45.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:
https://2img.net/h/oi45.tinypic.com/r75do3.jpg

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

Versão do meu fórum:
PHPBB3

[Kolseuvis]

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.

[LiveSteam]

Eu boto o link de qual imagem?

[Troubleshoot]

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: https://2img.net/i/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://2img.net/i/fa/admin/couronne.png) 0 1px no-repeat;padding-bottom:2px;padding-left:20px;padding-top:2px}

[Kolseuvis]

Eu boto o link de qual imagem?

Da imagem que deseja utilizar ao lado do nome.

[LiveSteam]

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

[Kolseuvis]

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.

[LiveSteam]

Tambem nao...
a imagem do ocone é essa aki ó
http://cdn3.iconfinder.com/data/icons/fatcow/16x16_0560/medal_gold_1.png

do confete é :
https://i.servimg.com/u/f46/16/56/73/62/21ee1p10.gif

[MateusV.]

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.

[LiveSteam]

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

[MateusV.]

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.

[Joshua]

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("https://i.servimg.com/u/f46/16/56/73/62/21ee1p10.gif");
}

[LiveSteam]

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

[MateusV.]

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.

[LiveSteam]

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!

[Joshua]

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

[Joshua]

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-

[LiveSteam]

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?

[Luciano98]

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.

[JRHoly]

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://2img.net/i/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 - https://2img.net/i/fa/admin/couronne.png - é onde colocará a respectiva imagem.

Abraços...

[LiveSteam]

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