Pegar nome e transformar em imagem.

[hudsonalves 0]

Prezados bom dia,

 

Criei um sistema de cadastro simples em ASP com BD em Accsess para calendário de jogos de times de futebol. em CSS defino as letras formato da tabela etc. é possível em CSS sempre que eu cadastrar o jogo: Corinthians e Palmeiras ao invés de apresentar o nome o CSS identificar a palavra e incluir o simbolo ao invés do nome?

[reebr 94]

Sim. Por exemplo:

.time {
  display: block;
  width: 50px;
  height: 50px;
}

.corinthians {
    background: url('imagem-corinthians.png');
}

.palmeiras {
  background: url('imagem-palmeiras.png');
}

E no HTML, algo como:

<span class='time corinthians'></span>
<span class='time palmeiras'></span>

Ou então jogando diretamente no HTML?

<img src='imagem-corinthians.png' alt='corinthians' />
<img src='imagem-palmeiras.png' alt='palmeiras' />

[hudsonalves 0]

Acho que não expliquei direito, veja. Eu cadastro um jogo exemplo: Corinthians e palmeiras (variável) amanhã posso cadastrar outro ex: santos e São paulo se eu colocar desta forma no html:

<span class='time corinthians'></span>
<span class='time palmeiras'></span>

ou

<img src='imagem-corinthians.png' alt='corinthians' />
<img src='imagem-palmeiras.png' alt='palmeiras' />

Vai aparecer todas as imagens independente do que eu cadastrar correto?

 

Há alguma maneira de aparecer só o que eu cadastrar?

 

Ex: cadastrei Santos e Portuguesa no html identifica o nome santo e portuquesa e ao invés do nome exibe o distintivo/imagem

[Marlon Pacheco 132]

Cara, não lembro muito bem, pois a última vez que mexi com asp foi em 2001, mas tu pode cadastrar o nome da imagem no banco também, com o caminho completo e colocar a saída no html.

Tu pode colocar o nome da imagem, igual ao nome do time (exatamente igual) e aí faz a saída da consulta concatenando um jpg no final da string.

Algo tipo:

<img src='imagem-<%=nome_do_time%>.png' alt='<%=nome_do_time%>' />
<img src='imagem-<%=nome_do_time%>.png' alt='<%=nome_do_time%>' />

[hudsonalves 0]

É meu velho, creio que será esta a solução, obrigado pelo help.

[Marlon Pacheco 132]

Marca como resolvido então. :D