Imagem ao lado do nome

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

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.

Eu boto o link de qual imagem?

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}

LiveSteam escreveu:Eu boto o link de qual imagem?

Da imagem que deseja utilizar ao lado do nome.

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

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.

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

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.

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

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.

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");
}

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

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.

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!

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

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-

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?

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.

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...

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