Lista com números quando passar o mouse ficar laranja

Item: Lista com números quando passar o mouse ficar laranja
Rating: 1
Author: Forumeiros

por Nncb em Dom 7 Ago 2011 - 22:23

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

por Luciano98 em Dom 7 Ago 2011 - 22:27

Olá!

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

Até mais.

por Nncb em Dom 7 Ago 2011 - 22:28

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

por Steeph em Seg 8 Ago 2011 - 14:31

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

por Nncb em Seg 8 Ago 2011 - 14:38

@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

por Steeph em Seg 8 Ago 2011 - 14:55

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'

por Nncb em Seg 8 Ago 2011 - 15:00

@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:

por Steeph em Seg 8 Ago 2011 - 15:19

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
2	Aqui 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

por Nncb em Seg 8 Ago 2011 - 15:41

@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
2 Aqui 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!

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

por seender em Qua 10 Ago 2011 - 14:06

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