관리 메뉴

Extra Shot

카드형 로그 게시판 (최종수정 21.12.19 06:42) 본문

 

작은 로그를 올리기에 적합한 로드게시판입니다. 가로나 세로로 너무 긴 로그를 올리기에 적절하지 않을 수 있습니다.

기능 자체는 기존에 배포중인 퍼스널 에디션의 load 게시판과 거의 동일합니다.

masonry를 사용하여 만들었으며 기본적으로 각 게시물영역에 라운딩이 들어가 있습니다.

 

각 로그별 너비는 퍼센티지로 설정되어있으며 기본 33.33%(3열), 720 이하 해상도에선 50%(2열), 540 이하에서는 100%(1열)로 보이게끔 설정되어있습니다.

본문이미지 아래쪽에 노출되는 내용은 등록하기를 눌러 이미지 등록시 작성하는 본문내용이며 선업로드 사용시 모든 내용이 코멘트로 처리되어 2,4번로그와 같은 형태로 보입니다.

 

** 설정이 필요한 부분

  • 디자인 설정 - 로드게시판 - 게시물영역 배경색상(원한다면 라인종류나 색상 등도 지정)
  • 디자인 설정 - 로드게시판 - 코멘트영역 배경색상(지정하지 않을시 게시물영역 색상을 따름)

해당 게시판 외에 다른 로드 게시판을 동시에 사용할 경우 스타일이 어울리지 않을수도 있으므로 필요할 경우 해당 스킨폴더의 style.css에서 직접 배경색 등을 지정해주세요.

(해당하는 영역을 찾아 괄호 안에 스타일 삽입)

#log_list .grid-item .item - 게시물 영역
#log_list .grid-item .item .ui-comment - 코멘트영역(통합)
#log_list .grid-item .item .item-inner .ui-comment.pic-comment - 본문 코멘트영역
#log_list .grid-item .item .item-inner .ui-comment.co-comment - 나머지 코멘트영역(뒷면)

 

 

* 옵션

* 본문 내용이 없을때 날짜 출력되지 않도록 하기

표시한 내용을 화살표가 가리키는 라인으로 옮깁니다

이 라인(179)으로 옮기면 이름 윗줄에 표시됩니다.

 

이 라인(250)으로 옮기면 코멘트 내용 아래쪽에 표시됩니다.

 

 

* 코멘트를 사용하지 않을 경우

아래 부분을 찾아 삭제하거나 주석처리합니다. (혹은 댓글권한을 변경하면 해당 레벨 이상의 멤버에게만 보입니다)

 

 

업데이트

** 2021.12.19 06:24 카드를 뒤집을때 뒷면(코멘트) 내용이 보이지 않는 문제 수정

 

 

 

 

 

< 카드형 로그 게시판 다운로드 >

 

 

 

 

Clap 👏  🍪 Support