Dúvida em classe de css

3 participantes

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

Tópico resolvido Dúvida em classe de css

Mensagem por ZombieW 04.10.12 22:22

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)

duvida - Dúvida em classe de css Icon_csm01 duvida - Dúvida em classe de css Icon_csm02 duvida - Dúvida em classe de css Icon_csm03 duvida - Dúvida em classe de css Icon_csm04 duvida - Dúvida em classe de css Icon_csm05

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 7:40, editado 1 vez(es)
ZombieW

ZombieW
Super Membro

Membro desde : 02/08/2010
Mensagens : 1452
Pontos : 2020

http://www.perfectteam.org

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Dúvida em classe de css

Mensagem por Sennior 05.10.12 0:16

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

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Dúvida em classe de css

Mensagem por ZombieW 05.10.12 5:07

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

ZombieW
Super Membro

Membro desde : 02/08/2010
Mensagens : 1452
Pontos : 2020

http://www.perfectteam.org

Ir para o topo Ir para baixo

Tópico resolvido Re: Dúvida em classe de css

Mensagem por The_Mastersamp 05.10.12 22:41

Quero saber tbm
The_Mastersamp

The_Mastersamp
**

Membro desde : 05/10/2012
Mensagens : 62
Pontos : 98

http://brasileverlife.forumeiros.eu/forum

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Dúvida em classe de css

Mensagem por Sennior 07.10.12 3:19

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

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Dúvida em classe de css

Mensagem por ZombieW 09.10.12 17:47

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

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

ZombieW
Super Membro

Membro desde : 02/08/2010
Mensagens : 1452
Pontos : 2020

http://www.perfectteam.org

Ir para o topo Ir para baixo

Tópico resolvido Re: Dúvida em classe de css

Mensagem por ZombieW 10.10.12 17:49

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:

duvida - Dúvida em classe de css Captur11

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:

duvida - Dúvida em classe de css Captur12

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

ZombieW
Super Membro

Membro desde : 02/08/2010
Mensagens : 1452
Pontos : 2020

http://www.perfectteam.org

Ir para o topo Ir para baixo

Tópico resolvido Re: Dúvida em classe de css

Mensagem por ZombieW 11.10.12 7:39

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

ZombieW
Super Membro

Membro desde : 02/08/2010
Mensagens : 1452
Pontos : 2020

http://www.perfectteam.org

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos