Ir para conteúdo
Fórum Script Brasil
  • 0

Checkbox em imagem - CSS + HTML


Scit3r

Pergunta

Olá, estou desenvolvendo um site e queria que as seguintes imagens do cardápio:

*http://imgur.com/8Iv56ub

"Virassem" chekbox, que quando clicadas, fazem o papel de checkbox e mudem para uma imagem "checked" conforme a imagem:

*http://imgur.com/llfVIcK

A minha dúvida é, como transformar essas imagens em checkbox ?

Segue abaixo o código desse primeiro item do cardápio:

<div id="tab-3" class="tab-content gallery3">

<div class="grid_3">
<a href="images/tomate_big.png" class="gal"><img src="images/tomate.jpg" alt=""><span></span></a>
<div class="col2"><span class="col3">Tomate Recheado com Ricota</span><br>R$ 19.99</div>
</div>

Onde a classe "gal" altera as formatações das imagens (deixam-as redondas)

OBS: Os itens do cardapio quando clicados se expandem mostrando as informações nutrticionais (<a href="images/tomate_big.png" class="gal">), tal função pode ser deletada.

Link para o comentário
Compartilhar em outros sites

1 resposta a esta questão

Posts Recomendados

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,3k
×
×
  • Criar Novo...