Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17636
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Botão desabilitado com CSS

12-02-2011 20:27

Aqui vai uma dica para quem quer fazer um botão em CSS usando figura de fundo. O botão fica igual um botão quando usado o disabled true.

Baixe essas 2 figuras abaixo para a pasta onde você irá rodar o script
left_disabled.png
right_disabled.png

Agora, crie um documento .html na mesma pasta onde colocou os pngs com esse script

<style> ul { margin: 0; padding-left: 1em; list-style:none; } .topic_buttons li.disabled { background: transparent url(left_disabled.png) no-repeat top left; padding:4px 5px 5px 5px; } .topic_buttons li.disabled span { background: transparent url(right_disabled.png) no-repeat top right; color: #8f8e8e; padding:5px 15px 5px 15px; } </style> <ul class="topic_buttons"> <li class="disabled"><span>botão desabilitado!</span></li> </ul>

0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado