Classi CSS

Utilizza le classi CSS disponibili per personalizzare la visualizzazione delle app.

Disponibile per Chat, Commenti, Live Blog, Recensioni e Note a margine.

Utilizza i CSS per personalizzare le app Livefyre per un’integrazione più completa con la pagina, semplicemente ignorando i CSS app predefiniti con il tuo foglio di stile. Questa sezione descrive le personalizzazioni CSS disponibili.

• Editor CSS
• Ordinamento delle opzioni CSS
• Commenta CSS
• Commenti in primo piano CSS
• CSS commenti archiviati
• CSS notificatore commenti
• Storificare le classi CSS

Editor CSS

Utilizza queste classi per modificare l'interfaccia dell'editor post.

Puoi anche modificare gli stili nella configurazione dell’app stessa, incluso il colore di sfondo del campo dell’editor, nonché il colore del font, le dimensioni e la famiglia del testo che appare all’interno dell’editor.

Per personalizzare l’editor dei commenti, aggiungi l’oggetto editorCss:{} a fyre.conv.load() e includi lo stile desiderato. Ad esempio, per aggiornare l’editor con il CSS personalizzato:

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' 
   } 
}]);

Ordinamento delle opzioni CSS

Struttura 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>

Nascondere il simbolo "|" separando le opzioni di ordinamento.

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

Commenta CSS

Commenti in primo piano CSS

Commenti archiviati CSS

Modulo di notifica dei commenti CSS

Queste classi ti consentono di personalizzare il modulo di notifica dei commenti Livefyre.