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)
  3. Determine o rótulo do botão "Leia Mais" quando ativo
    • Coloque no gatilho o atributo data-label-active, ex: data-label-active="Esconder" (Padrão: -)
  1. Após a animação do resumo, usuários avançados podem implementar uma função do tipo callback
    • Para isso, crie a função callback_brief(obj,objHidden) e implemente as ações que irão ocorrer após a animação
    • 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")){}.
    • Essa função não é obrigatória, ou seja, só será executada se existir. Caso positivo, para evitar duplicidades, lembre-se de implementar a função callback em arquivos específicos, presentes nas respectivas páginas finais, já que o seu objetivo não é genérico.
Customizar


Marcação e corte do resumo

A marcação sofrerá corte após caracteres. Padrão: 360 caracteres
PS: qualquer marcação (tag) pode ser usada para envolver o texto resumido.

Rótulo do botão

O Rótulo do botão será . Padrão: Leia Mais

Rótulo do botão ativo

O Rótulo do botão quando ativo será . Padrão: -
Tem certeza que deseja reiniciar todos os valores?

Resultado para Resumo em linha