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.