Classes CSS

Use as classes CSS disponíveis para personalizar a exibição dos seus aplicativos.

Disponível para Chat, Comentários, Blog em tempo real, Revisões e Observações.

Use o CSS para personalizar seus aplicativos do Livefyre para obter uma integração mais completa com sua página, simplesmente substituindo o CSS padrão do aplicativo por sua própria folha de estilos. Esta seção descreve as personalizações de CSS disponíveis.

• Editor CSS
• CSS de opções de classificação
• Comentar CSS
• Comentários em destaque CSS
• Comentários arquivados CSS
• CSS do Notificador de Comentários
• Armazenar classes CSS

Editor CSS

Use essas classes para alterar a interface do editor de publicações.

Também é possível editar estilos na própria configuração do aplicativo, incluindo a cor de fundo do campo do editor e a cor, o tamanho e a família da fonte do texto que aparece dentro do editor.

Para personalizar o editor de comentários, adicione o objeto editorCss:{} a fyre.conversion.load() e inclua o estilo desejado. Por exemplo, para atualizar o editor com seu CSS personalizado:

fyre.conv.load(networkConfig, [{
   siteId: LF_siteId,
   el: 'livefyre',
   articleId: LF_articleId,
   collectionMeta: #CollectionMeta
   editorCss: {
      background: '#ccc',
      color: 'red',
      font: '30px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif'
   }
}]);

Opções de classificação CSS

Estrutura HTML:

<div class="fyre-stream-sort">
   <a href="#" class="fyre-stream-sort-newest fyre-stream-sort-selected">Newest</a>
   <span class="fyre-stream-sort-bar"> | </span>
   <a href="#" class="fyre-stream-sort-oldest">Oldest</a>
</div>

Oculte as opções de classificação '|' separando-as.

.fyre-stream-sort .fyre-stream-sort-bar {
    display: none !important;
}

Comentário CSS

Comentários em destaque CSS

Comentários arquivados CSS

CSS do Notificador de Comentários

Essas classes permitem personalizar o Livefyre Comment Notifier.