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

Mapa do site


SimpleUi

Atualizando

Código para Resumo em linha Download

? - +
Sanfona exclusiva para textos como um pequeno resumo.
  1. Envolva o texto que você deseja resumir dentro de um elemento com class ui_brief, seja em span, div, etc. (esse é o gatilho)
Pronto! Isso é suficiente. Caso queira, você pode customizar a função:
  1. Determine o limite de caracteres
    • Coloque no gatilho o atributo data-num, ex: data-num="100". O padrão é 360
  2. Determine o rótulo do botão "Leia Mais"
    • Coloque no gatilho o atributo data-label, ex: data-label="Continuar leitura" (Padrão: Leia Mais)
    • Ainda no gatilho, use o atributo data-label-active para alterar o rótulo quando ativo, ex: data-label-active="Esconder" (Padrão: -)
  3. Para alterar a posição do gatilho para contrair o conteúdo, use data-trigger-at-the-end="true". Padrão: false.
  4. Outra opção é desabilitar o botão para retrair o conteúdo, ou seja, ao clicar uma única vez para revelar o conteúdo, o botão não estará mais disponível.
    • Para isso, use o atributo data-single-click="true".
  5. Para controlar a velocidade de abertura, use o atributo data-speed.
    • Indique a velocidade (em ms) ou use valores notáveis, como slow, normal (padrão) ou fast.
  6. Também é possível alterar a tag do gatilho, muito útil para aplicar a função dentro de um link sem que esse gere conflito com o <a> em que está contido.
    • Para isso, use o atributo data-element e indique a tag desejada, com a, span, button, etc.
  7. Use o atributo data-anchor="true" no gatilho para ancorar a página até ele quando clicado
  1. Usuários avançados podem criar funções quando o resumo estiver pronto
    • Para isso, crie a função callready_brief()
  2. Antes ou depois da animação do resumo, também é possível implementar uma função do tipo callbefore e callback
    • Para isso, crie as funções callbefore_brief(obj,objHidden) e/ou callback_brief(obj,objHidden) e implemente as ações que irão ocorrer antes ou depois da animação, respectivamente.
    • Onde obj é o objeto com o texto completo e objHidden é o objeto da parte oculta. Como exemplo, a função pode testar a parte oculta está visível, if(objHidden.is(":visible")){}.
  3. Essas funções não são obrigatórias, ou seja, só serão executadas se existirem. Caso positivo, para evitar duplicidades, lembre-se de implementar as funções callready, callbefore e callback em arquivos específicos, presentes nas respectivas páginas finais, já que o seu objetivo não é genérico.
Customizar


Conteúdo

. Padrão: false
A marcação sofrerá corte após caracteres. Padrão: 360 caracteres
caracteres ou menos. Padrão: Sem margem de segurança
Qualquer marcação (tag) pode ser usada para envolver o texto resumido.

Gatilho

O Rótulo do gatilho será e quando ativo. Padrão: Leia Mais e -
O gatilho para retrair o conteúdo deve ficar . Padrão: Ao final do texto
. Padrão: false
A tag do gatilho será . Padrão: Link (<a>) Saiba mais
Com essa alternativa, é possível aplicar a função em links sem que o gatilho interfira e gere conflito com o <a> em que está contido.

Velocidade

A abertura será . Padrão: Normal
Também é possível usar número em milissegundos.
Tem certeza que deseja reiniciar todos os valores?

Resultado para Resumo em linha