Lista com números quando passar o mouse ficar laranja

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

Resolvido Lista com números quando passar o mouse ficar laranja

Mensagem por Nncb em 07/08/11, 06:23 pm

Qual é minha questão:
Como criar uma lista com os números e quando passa o mouse ficar laranja o fundo ? Eu tentei e fica só assim.

Medidas que eu tomei para corrigir o problema:
tentei


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

Versão do meu fórum:
INVISION
avatar

Nncb
Nível 8

Masculino
Inscrito dia : 13/03/2011
Mensagens : 132
Pontos Ativos : 226

Ver perfil do usuário http://habblextx.forumeiros.com

Resolvido Re: Lista com números quando passar o mouse ficar laranja

Mensagem por Luciano98 em 07/08/11, 06:27 pm

Olá!

Qual o seu objetivo com isso, criar uma tabela? Uma tabela de que tamanho?
E colocar em um tópico?


Até mais.


Última edição por Luciano98 em 07/08/11, 06:29 pm, editado 1 vez(es)
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Lista com números quando passar o mouse ficar laranja

Mensagem por Nncb em 07/08/11, 06:28 pm

@Luciano98 escreveu:Olá!

Qual o seu objetivo com isso, criar uma tabela? Uma tabela de que tamanho?
E colocar em um tópico?


Até mais.

Meu objetivo era criar uma tabela em um tópico.
avatar

Nncb
Nível 8

Masculino
Inscrito dia : 13/03/2011
Mensagens : 132
Pontos Ativos : 226

Ver perfil do usuário http://habblextx.forumeiros.com

Resolvido Re: Lista com números quando passar o mouse ficar laranja

Mensagem por Steeph em 08/08/11, 10:31 am

Olá!
Poderia nos mostrar o que deseja utilizando uma imagem? Apenas para facilitar o entendimento...
Até mais!
avatar

Steeph
Usuário experiente

Feminino
Inscrito dia : 08/03/2010
Mensagens : 2612
Pontos Ativos : 3503

Ver perfil do usuário http://www.kromusdesign.forumeiros.com http://www.twitter.com/ideasfromsteeph

Resolvido Re: Lista com números quando passar o mouse ficar laranja

Mensagem por Nncb em 08/08/11, 10:38 am

@Steeph escreveu:Olá!
Poderia nos mostrar o que deseja utilizando uma imagem? Apenas para facilitar o entendimento...
Até mais!

Uma tabela tipo essa:



Aguardo sua resposta
avatar

Nncb
Nível 8

Masculino
Inscrito dia : 13/03/2011
Mensagens : 132
Pontos Ativos : 226

Ver perfil do usuário http://habblextx.forumeiros.com

Resolvido Re: Lista com números quando passar o mouse ficar laranja

Mensagem por Steeph em 08/08/11, 10:55 am

Olá!
Primeiro, adicione estes códigos em seu css:
.tabela1 { boder-top: 1px solid white; background-color: transparent;}
.tabela1 a:hover {background-color: #COR;}
E durante a estrutura da tabela, adicione isto: class="tabela1"

Exemplo: <table class="tabela1">
E os números, são imagens. Basta criar imagens com os números e colocá-los na tabela...
Até mais!

Tópico movido de 'Questões diversas' para 'Questões sobre códigos'
avatar

Steeph
Usuário experiente

Feminino
Inscrito dia : 08/03/2010
Mensagens : 2612
Pontos Ativos : 3503

Ver perfil do usuário http://www.kromusdesign.forumeiros.com http://www.twitter.com/ideasfromsteeph

Resolvido Re: Lista com números quando passar o mouse ficar laranja

Mensagem por Nncb em 08/08/11, 11:00 am

@Steeph escreveu:Olá!
Primeiro, adicione estes códigos em seu css:
.tabela1 { boder-top: 1px solid white; background-color: transparent;}
.tabela1 a:hover {background-color: #COR;}
E durante a estrutura da tabela, adicione isto: class="tabela1"

Exemplo: <table class="tabela1">
E os números, são imagens. Basta criar imagens com os números e colocá-los na tabela...
Até mais!

Tópico movido de 'Questões diversas' para 'Questões sobre códigos'

Desculpe, mas não sei mexer em código e essas coisas... qual o BBCode eu ponho mesmo ? é este:



avatar

Nncb
Nível 8

Masculino
Inscrito dia : 13/03/2011
Mensagens : 132
Pontos Ativos : 226

Ver perfil do usuário http://habblextx.forumeiros.com

Resolvido Re: Lista com números quando passar o mouse ficar laranja

Mensagem por Steeph em 08/08/11, 11:19 am

Vou fazer um exemplo...

Código:
[table class="tabela1"]
[tr]
[td]1[/td]
[td] Aqui vem o primeiro texto[/td]
[/tr]
[tr]
[td]2[/td]
[td]Aqui vem o segundo texto[/td]
[/tr]
[/table]

Resultado:

1 Aqui vem o primeiro texto
2Aqui vem o segundo texto

Obs.: Não ficou com o estilo porque não foi adicionado aquele código no css daqui, no seu caso deverá funcionar...
Ah, e aonde está #COR em vermelho, substitua pelo código da cor que deseja que o fundo fique ao passar o mouse...
Qualquer problema, avise!
Até mais! Piscada
avatar

Steeph
Usuário experiente

Feminino
Inscrito dia : 08/03/2010
Mensagens : 2612
Pontos Ativos : 3503

Ver perfil do usuário http://www.kromusdesign.forumeiros.com http://www.twitter.com/ideasfromsteeph

Resolvido Re: Lista com números quando passar o mouse ficar laranja

Mensagem por Nncb em 08/08/11, 11:41 am

@Steeph escreveu:Vou fazer um exemplo...

Código:
[table class="tabela1"]
[tr]
[td]1[/td]
[td] Aqui vem o primeiro texto[/td]
[/tr]
[tr]
[td]2[/td]
[td]Aqui vem o segundo texto[/td]
[/tr]
[/table]

Resultado:

1 Aqui vem o primeiro texto
2Aqui vem o segundo texto

Obs.: Não ficou com o estilo porque não foi adicionado aquele código no css daqui, no seu caso deverá funcionar...
Ah, e aonde está #COR em vermelho, substitua pelo código da cor que deseja que o fundo fique ao passar o mouse...
Qualquer problema, avise!
Até mais! Piscada

Há um errinho, não sei se foi no css, por que eu adicionei sim o código,mas é para adicionar no local das cores certo?

O resultado deu:

1 Aqui vem o primeiro texto
2 Aqui vem o segundo texto
avatar

Nncb
Nível 8

Masculino
Inscrito dia : 13/03/2011
Mensagens : 132
Pontos Ativos : 226

Ver perfil do usuário http://habblextx.forumeiros.com

Resolvido Re: Lista com números quando passar o mouse ficar laranja

Mensagem por seender em 10/08/11, 10:06 am

Olá!

Ao invés do código que Steeph lhe deu utilize este:
Código:
[table class="table1"]
[tr]
[td]1[/td]
[td] Aqui vem o primeiro texto[/td]
[/tr]
[tr]
[td]2[/td]
[td]Aqui vem o segundo texto[/td]
[/tr]
[/table]
Resolve?

Melhores cumprimentos,
seender
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

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