Usando os estilos de botão do MemberMouse

Quando o MemberMouse for ativado em seu site, você terá acesso a mais de 60 estilos de botões da Web 2.0. Você pode transformar facilmente qualquer link em um botão usando a classe 'mm-button' da seguinte forma:

<a href="#" class="mm-button">Botão de amostra</a>

O resultado será semelhante a este: 

Alterar o tamanho

Há suporte para três tamanhos diferentes de botões: pequeno, médio e grande. Você pode criar botões de tamanhos diferentes da seguinte forma:

Pequeno <a href="#" class="mm-button small">Botão de amostra</a>
Médio <a href="#" class="mm-button">Botão de amostra</a>
Grande <a href="#" class="mm-button large">Botão de amostra</a>

Cantos arredondados

Há duas opções diferentes para arredondar os cantos: arredondamento padrão e arredondamento de botão de pílula. Você pode controlar o arredondamento dos cantos da seguinte forma:

Padrão <a href="#" class="mm-button">Botão de amostra</a>
Botão de pílula <a href="#" class="mm-button rounded">Botão de amostra</a>

Alterar a cor

Há suporte para 11 cores diferentes de botões: branco, cinza, preto, azul claro, azul, verde, vermelho, laranja, amarelo, rosa e roxo. Você pode criar botões de cores diferentes da seguinte forma:

Branco <a href="#" class="mm-button">Botão de amostra</a>
Cinza <a href="#" class="mm-button grey">Botão de amostra</a>
Preto <a href="#" class="mm-button black">Botão de amostra</a>
Azul claro <a href="#" class="mm-button light_blue">Botão de amostra</a>
Azul <a href="#" class="mm-button blue">Botão de amostra</a>
Verde <a href="#" class="mm-button green">Botão de amostra</a>
Vermelho <a href="#" class="mm-button red">Botão de amostra</a>
Laranja <a href="#" class="mm-button orange">Botão de amostra</a>
Amarelo <a href="#" class="mm-button yellow">Botão de amostra</a>
Rosa <a href="#" class="mm-button pink">Botão de amostra</a>
Roxo <a href="#" class="mm-button purple">Botão de amostra</a>

Criar variações combinando atributos

Ao usar os atributos de tamanho, arredondamento e cor juntos, você pode criar mais de 60 variações. Veja a seguir exemplos de variações para um botão verde:

Botão verde pequeno <a href="#" class="mm-button green small">Botão de amostra</a>
Botão verde médio <a href="#" class="mm-button green">Botão de amostra</a>
Botão verde grande <a href="#" class="mm-button green large">Botão de amostra</a>
Botão de pílula verde pequeno <a href="#" class="mm-button green small rounded">Botão de amostra</a>
Botão de pílula verde médio <a href="#" class="mm-button green rounded">Botão de amostra</a>
Botão de pílula verde grande <a href="#" class="mm-button green large rounded">Botão de amostra</a>