Dúvida em classe de css

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

Resolvido Dúvida em classe de css

Mensagem por ZombieW em 04/10/12, 06:22 pm

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


Última edição por ZombieW em 11/10/12, 03:40 am, editado 1 vez(es)
avatar

ZombieW
Membro do Fórum

Masculino
Inscrito dia : 02/08/2010
Mensagens : 1274
Pontos Ativos : 1799

Ver perfil do usuário http://www.perfectteam.org

Resolvido Re: Dúvida em classe de css

Mensagem por Sennior em 04/10/12, 08:16 pm

Hello querido Eu amo você

Aceda à teu CSS com o código abaixo:
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta 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.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Dúvida em classe de css

Mensagem por ZombieW em 05/10/12, 01:07 am

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

ZombieW
Membro do Fórum

Masculino
Inscrito dia : 02/08/2010
Mensagens : 1274
Pontos Ativos : 1799

Ver perfil do usuário http://www.perfectteam.org

Resolvido Re: Dúvida em classe de css

Mensagem por The_Mastersamp em 05/10/12, 06:41 pm

Quero saber tbm
avatar

The_Mastersamp
Nível 6

Masculino
Inscrito dia : 05/10/2012
Mensagens : 62
Pontos Ativos : 98

Ver perfil do usuário http://brasileverlife.forumeiros.eu/forum

Resolvido Re: Dúvida em classe de css

Mensagem por Sennior em 06/10/12, 11:19 pm

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

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Dúvida em classe de css

Mensagem por ZombieW em 09/10/12, 01:47 pm

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

Irei testar assim que chegar em casa e lhe informo!
avatar

ZombieW
Membro do Fórum

Masculino
Inscrito dia : 02/08/2010
Mensagens : 1274
Pontos Ativos : 1799

Ver perfil do usuário http://www.perfectteam.org

Resolvido Re: Dúvida em classe de css

Mensagem por ZombieW em 10/10/12, 01:49 pm

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

ZombieW
Membro do Fórum

Masculino
Inscrito dia : 02/08/2010
Mensagens : 1274
Pontos Ativos : 1799

Ver perfil do usuário http://www.perfectteam.org

Resolvido Re: Dúvida em classe de css

Mensagem por ZombieW em 11/10/12, 03:39 am

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;"
avatar

ZombieW
Membro do Fórum

Masculino
Inscrito dia : 02/08/2010
Mensagens : 1274
Pontos Ativos : 1799

Ver perfil do usuário http://www.perfectteam.org

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