CSS 클래스

사용 가능한 CSS 클래스를 사용하여 앱의 표시를 사용자 정의합니다.

채팅, 댓글, 라이브 블로그, 평가 및 사이드노트에 사용할 수 있습니다.

CSS를 사용하여 Livefyre 앱을 사용자 정의하여 App CSS를 사용자 정의 스타일 시트로 간단하게 재정의하면 됩니다. 이 섹션에서는 사용 가능한 CSS 사용자 지정에 대해 설명합니다.

• 편집기 CSS
• 정렬 옵션 CSS
• CSS 주석 달기
• 주요 주석 CSS
• 보관된 주석 CSS
• 주석 알림 기능 CSS
• CSS 클래스 저장

편집기 CSS

이러한 클래스를 사용하여 게시물 편집기 인터페이스를 변경합니다.

편집기 필드 배경색, 편집기 내에 표시되는 텍스트의 글꼴 색상, 크기 및 글꼴을 포함하여 앱 구성 자체에서 스타일을 편집할 수도 있습니다.

주석 편집기를 사용자 정의하려면 editorCss:{} 객체를 fyre.conv.load()에 추가하고 원하는 스타일을 포함합니다. 예를 들어 사용자 지정 CSS로 편집기를 업데이트하려면:

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

정렬 옵션 CSS

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>

정렬 옵션을 구분하는 '|'을 숨깁니다.

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

CSS 주석 달기

주요 주석 CSS

보관된 주석 CSS

주석 알림 기능 CSS

이러한 클래스를 사용하여 Livefyre 댓글 알림 기능을 사용자 지정할 수 있습니다.