XETOWN

호수 공원

XE 사용에 대한 여러가지 정보들을 공유할 수 있습니다.
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 댓글로 가기 인쇄 첨부
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부

화제의글 애드온이 조건에 맞는 이슈글이나 인기글을 공지에 걸어주는 아주 유용한 기능을 제공해주는 애드온입니다. 아마 커뮤니티에서 많이들 사용하실 듯 한데요.

 

그런데 공지글이 좀 있는 사이트에서는 공지글과 화제의글 두개를 구분하고 싶은 희망도 있으리라 봅니다. 저도 약간만 차별화를 하고 싶어 배경만 살짝 다르게 처리했습니다.

 

hit_doc.PNG

 

 

hit 이미지로 좀 구별되게 해 놓긴 했지만 그래도 뭔가 실제 공지와 공지가 아닌 영역을 다르게 하고 싶어 스크린샷 처럼 배경을 좀 다르게 해 주었습니다.

 

스케치북5 스킨의 경우 저 공지쪽 목록을 담당하는 곳이 일반목록에서는 _list_normal.html 에서 담당을 하고 나머지 웹진이나 갤러리 목록에서는 별도 파일인 _notice.html 파일에서 담당을 하니 두곳을 적절하게 수정을 해 주셔야 합니다.

 

제가 한 방법은....

 

 

<tbody>
        <!--// Notice -->
        <tr class="notice<!--@if($document->get('hot_document'))--> hit<!--@end-->" loop="$notice_list=>$no,$document">

 

빨간색으로 class hit를 추가해  주었습니다.

 

그리고 board.css 파일에

 

.bd_tb_lst .notice.hit td {background:#FCFCFC !important;}

 

위와 같이 추가해 줘서 배경색을 좀 공지목록 배경과 조금 다르게 출력되게 해 주었습니다.

 

 

 

 

플랫모바일을 사용하시는 경우도 동일하게 해 주실 수 있습니다.

플랫모바일은 모든 목록을 다 수정해 주셔야 합니다.

 

공지쪽 출력하는 곳에

<!--@foreach($notice_list as $no => $document)-->
        <li class="has-comment<!--@if($document->get('hot_document'))--> hit<!--@end-->"|cond="$document->getCommentCount()">

 

똑같이 붉은색 부분을 추가해서 class를 추가해 줍니다.

 

그리고 board.css 에

 

.m-element .notice-list li.has-comment.hit {background-color: #fafafa !important;}

 

요런식으로 추가해 주면 화제의글 목록에만 배경이 다르게 출력이 도비니다.

 

2016-11-28 03.22.54.png

 

 

 

글쓴이 웹지기

profile


List of Articles
번호 분류 제목 글쓴이 날짜
4921 질문/답변 레이아웃 저작권관련하여... 7 햄토리 2017.03.19
4920 질문/답변 확장변수를 이렇게 다중검색 할 수 있을까요? 6 file 햄토리 2017.03.19
4919 질문/답변 ck 에디터 기본 글꼴 기본 폰트 설정하기 2 file 데히히이이 2017.03.19
4918 질문/답변 photoswipe애드온 사용시 링크 걸린 이미지 클릭시 링크로 안넘어가게 하기 데히히이이 2017.03.19
4917 질문/답변 본문영역 내의 이미지 max width 를 100%로 만들기 4 데히히이이 2017.03.19
4916 질문/답변 게시물 이전 후 첨부파일이 본문에 안 떠요. 이온디 2017.03.19
4915 질문/답변 ckeditor 기본 정렬을 중앙으로 Jack 2017.03.18
4914 질문/답변 회원가입 질문드립니다. 2 임시크 2017.03.18
4913 XE 사용팁 XE사이트에 구글맞춤검색 적용하기 두페이지 혼용 2 file 웹지기 2017.03.18
4912 XE 사용팁 사이트의 색상을 반전시키는 법 3 ExtendKR 2017.03.18
4911 질문/답변 Mixed Content 에러 문의드립니다. 4 펭펭구 2017.03.18
4910 질문/답변 [해결][누리고쇼핑몰][플레인스킨] 상품진열위젯 할인금액 오류 이온디 2017.03.18
4909 질문/답변 라이믹스에서 recaptcha 관련 질문 드립니다. 2 WishCert 2017.03.18
4908 질문/답변 로고 사이즈는 몇이 적당한가요? 5 file enroot 2017.03.18
4907 질문/답변 스케치북5 설정에서 글쓰기 및 댓글쓰기 설정 관련 문의 드립니다. 4 xe왕초보 2017.03.18
4906 질문/답변 [해결] nproduct > plain 스킨 > problems while loading image 에러 1 이온디 2017.03.18
4905 질문/답변 에디터가 너무 커요. 줄이고 싶어요. 3 file xe왕초보 2017.03.18
4904 질문/답변 스케치북5에서 프리티포토애드온 관련질문입니다. 영흥도우럭 2017.03.18
4903 XE 사용팁 [누리고] 장바구니(Ncart) Trendshop 스킨 오류 수정방법 4 이온디 2017.03.18
4902 질문/답변 날짜와 시간 사이 공간을 몇칸 띄고 싶은데 도저히 않되네요, 혹시 아시는 분 ㅠㅠ 2 핫딜 2017.03.18
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 ... 252 Next
/ 252
위로
서버에 요청 중입니다. 잠시만 기다려 주십시오...