Qual é minha questão:
Olá,

Tenho a classe em CSS abaixo:

Código:

.SMC1~SMC5{
  background-image:url('http://levelupgames.uol.com.br/combat-arms/imagens/icon_csm01.gif','http://levelupgames.uol.com.br/combat-arms/imagens/icon_csm02.gif','http://levelupgames.uol.com.br/combat-arms/imagens/icon_csm03.gif','http://levelupgames.uol.com.br/combat-arms/imagens/icon_csm04.gif','http://levelupgames.uol.com.br/combat-arms/imagens/icon_csm05.gif');
  background-repeat:no-repeat;
  background-position:left top;
  margin-top:5px;
  padding-left:25px;
  color: #FFFFFF;
  font-weight:bold;
  font-size: 8pt;
  font-variant: small-caps;
  line-height: 200%; /* Completar a imagem */
}

Como faço para as imagens aparecerem assim? (quero as 5 imagens nessa única classe)



Links e imagens do meu problema:
Não é necessário.

Endereço do meu fórum:
http://tutorialdoca.com

Versão do meu fórum:
PHPBB3

Hello querido

Aceda à teu CSS com o código abaixo:
Painel de Controle Visualização Imagens e Cores Cores Folha de Estilo CSS

Código:

.SMC1~SMC5{
  background-image:url('http://levelupgames.uol.com.br/combat-arms/imagens/icon_csm01.gif','http://levelupgames.uol.com.br/combat-arms/imagens/icon_csm02.gif','http://levelupgames.uol.com.br/combat-arms/imagens/icon_csm03.gif','http://levelupgames.uol.com.br/combat-arms/imagens/icon_csm04.gif','http://levelupgames.uol.com.br/combat-arms/imagens/icon_csm05.gif');
  background-repeat:repeat-x;
  background-position:left top;
  margin-top:5px;
  padding-left:25px;
  color: #FFFFFF;
  font-weight:bold;
  font-size: 8pt;
  font-variant: small-caps;
  line-height: 200%; /* Completar a imagem */
}

Até mais.

A única modificação foi de:

background-repeat:no-repeat;

para:

background-repeat:repeat-x;

??

Se for só isso, não resultou, a imagem não aparece.

Quero saber tbm

Olá,

Bem tente o abaixo:

Código:

.SMC1~SMC5{
  background-image:url('http://levelupgames.uol.com.br/combat-arms/imagens/icon_csm01.gif','http://levelupgames.uol.com.br/combat-arms/imagens/icon_csm02.gif','http://levelupgames.uol.com.br/combat-arms/imagens/icon_csm03.gif','http://levelupgames.uol.com.br/combat-arms/imagens/icon_csm04.gif','http://levelupgames.uol.com.br/combat-arms/imagens/icon_csm05.gif')100%  repeat-x;
  background-repeat:repeat;
  background-position:left top;
  margin-top:5px;
  padding-left:25px;
  color: #FFFFFF;
  font-weight:bold;
  font-size: 8pt;
  font-variant: small-caps;
  line-height: 200%; /* Completar a imagem */
}

Até mais.

Desculpe a demora a ver (essa falta de notificação por e-mail atrapalha).

Irei testar assim que chegar em casa e lhe informo!

Não deu resultados amigo...

Só para você ver como estou testando:

A classe...

Código:

   /*Cadete*/
.CDT{
  background-image:url('http://levelupgames.uol.com.br/combat-arms/imagens/icon_trainee.gif');
  background-repeat:no-repeat;
  background-position:left top;
  margin-top:5px;
  padding-left:25px;
  color: #FFFFFF;
  font-weight:bold;
  font-size: 8pt;
  font-variant: small-caps;
  line-height: 200%; /* Completar a imagem */
}

Gera esse efeito no perfil:



Portanto a classe...

Código:

.SMC1~SMC5{
  background-image:url('http://i33.servimg.com/u/f33/17/53/75/18/icon_c10.gif','http://i33.servimg.com/u/f33/17/53/75/18/icon_c11.gif','http://i33.servimg.com/u/f33/17/53/75/18/icon_c12.gif','http://i33.servimg.com/u/f33/17/53/75/18/icon_c13.gif','http://i33.servimg.com/u/f33/17/53/75/18/icon_c14.gif')100%  repeat-x;
  background-repeat:repeat;
  background-position:left top;
  margin-top:5px;
  padding-left:25px;
  color: #FFFFFF;
  font-weight:bold;
  font-size: 8pt;
  font-variant: small-caps;
  line-height: 200%; /* Completar a imagem */
}

Deveria gerar as 5 imagens consecutivas, mas não aparece, veja:



Obs.: Achei q o problema podia ser nas imagens, e subi pelo ServImg, por isso o link mudou.

Resolvido:

Código:

.SMC1SMC5{
  background-image:url('http://i33.servimg.com/u/f33/17/53/75/18/smc10.png');
  background-repeat:no-repeat;
  background-position:left top;
  margin-top:5px;
  padding-top:25px;
  color: #FFFFFF;
  font-weight:bold;
  font-size: 8pt;
  font-variant: small-caps;
}

Retirado:

O til do nome da classe;
O "line-height: 200%; /* Completar a imagem */"
E alterado o "padding-left:25px;" para "padding-top:25px;"