Você está usando um navegador desatualizado. Para a visualização correta, atualize seu navegador:

Mapa do site


SimpleUi

Atualizando

Código para Controle de fonte Download

? - +
Alterar o tamanho da letra
  1. Insira os id’s ui_fontIncrease e ui_fontDecrease nos gatilhos que irão aumentar e diminuir a fonte, respectivamente
    • Esses elementos podem ser quaisquer marcações Html
  2. Envolva o conteúdo que sofrerá o efeito em um elemento com a class ui_font
Pronto! Isso é suficiente. Caso queira, você pode customizar a função:
  1. Os botões serão automaticamente desativados após 3 cliques
    • Para alterar esse padrão, use em ui_fontIncrease e ui_fontDecrease o atributo data-limit e informe o valor desejado, exemplo: data-limit="1".
  2. A fonte deve aumentar/diminuir 1 pixels por vez.
    • Para alterar esse padrão, use em ui_font o atributo data-step e informe o valor desejado (em pixels), exemplo: data-step="3"
  3. O mesmo documento pode ter vários ui_font (todos independentes entre si). Já os botões ui_fontIncrease e ui_fontDecrease devem ser únicos e controlarão todos os ui_font, cada qual com as suas respectivas características de tamanho de fonte, limite, step e etc.
  1. Todos os elementos filhos de ui_font serão escalonados, independente se há fonte própria, se recebem algum valor por hierarquia (inherit), se possuem tags próprias ou se estão fora de nodes (text nodes).
  2. Caso necessário, usuários avançados podem usar a classe ui_fontKeep que não será afetada pelo controle de fonte. Assim como o próprio elemento, os filhos de ui_fontKeep também preservarão o tamanho da fonte original.
Customizar


Gatilhos

Os botões de controle serão . Saiba mais
Qualquer marcação (tag) pode ser usada como gatilho, como:
  • links (<a>)
  • botão (<button>)
  • parágrafos (<p>)
  • containers (<div>)
  • inputs (<input type="button">, <input type="submit">, etc.)
  • Dentre outros.

Limite

Desabilitar botão "diminuir fonte" após clique(s). Padrão: 3 cliques
Desabilitar botão "aumentar fonte" após clique(s). Padrão: 3 cliques

Saltos

As fontes irão aumentar e diminuir vez(es) a cada clique. Padrão: 1x
Tem certeza que deseja reiniciar todos os valores?

Resultado para Controle de fonte