XE(XpressEngine)와 관련된 유용한 정보를 공유하는 곳입니다.

관련메뉴 XE 스킨 | 제로보드4 팁
  • 웹미니 한줄 전광판 영역 입니다.
글 수 86
출처 : https://xetown.com/rxe_tip/1056318 

xetown에 올라온 팁을 적용하기 쉽게 조금 수정했습니다.

 

reply.jpg

앞에 아이콘은 fontawesome를 사용하셔야 하기 때문에 팁에는 일부 제거했습니다.

 

사용하시는 게시판 스킨 view 파일을 열고  <!--#include("./comment.html")--> 부분을 찾아서 그 아래 해당 코드를 삽입합니다.

 

<!-- 댓글 새로고침 -->
<div id="reply_refresh">
{@
$args->status = 1;
$args->document_srl = $oDocument->get('document_srl');
$args->module_srl = $oDocument->get('module_srl');
$args->list_count = 1;
$output = executeQueryArray('comment.getNewestCommentList',$args);
}

<span class="last_srl" style="display:none;">
{@ 
$lastData = end($output->data);
$last_srl = $lastData->comment_srl;
}
{$last_srl}
</span>
<div class="no_newcomment" style="display:none;">새로운 댓글이 없습니다.</div>
<div class="yes_newcomment" style="display:none;">새로운 댓글이 <a href="javascript:location.reload();" class="num">1개</a> 이상 추가되었습니다.</div>
<button class="comment-reload" onclick="commentReload({$oDocument->document_srl})"><span>댓글 새로고침</span>
<div class="loading-spinner"></div>
</button>
</div>

 

게시판 CSS 파일을 여시고, 아래 코드를 넣어주세요.

 

/* 댓글 새로고침 */
#reply_refresh{position:relative;height:25px;padding:15px 10px 40px 10px;border-top:1px solid #eee;text-align:center;overflow:hidden}
#reply_refresh .no_newcomment, #reply_refresh .yes_newcomment{position:absolute;bottom:5px;left:50%;height:10px;padding:10px 10px 15px;color:#666;text-align:center;overflow:hidden}
#reply_refresh .no_newcomment{margin-left:-76px}
#reply_refresh .yes_newcomment{margin-left:-120px}
#reply_refresh .yes_newcomment .num{color:#FF3636}
#reply_refresh button.comment-reload {position:relative; width:100px;height:25px;margin:0 auto;background-color:#1E7AE2;border:1px solid #42589a;border-radius:3px;color:#fff; text-align:center; border:none;line-height:25px;overflow:hidden}
#reply_refresh .loading-spinner {
z-index:2; position:absolute; display:none; border:2px solid #fff; border-right-color:transparent; border-radius:50%; box-sizing:border-box; -webkit-animation-duration:0.45s; -moz-animation-duration:0.45s; animation-duration:0.45s; -webkit-animation-iteration-count:infinite; -moz-animation-iteration-count:infinite; animation-iteration-count:infinite; -webkit-animation-name:rotate-forever; -moz-animation-name:rotate-forever; animation-name:rotate-forever; -webkit-animation-timing-function:linear; -moz-animation-timing-function:linear; animation-timing-function:linear;
height:16px; width:16px; top:4px; left:50%;margin-left:-8px;background-color:#1E7AE2;overflow:hidden
}
@-webkit-keyframes rotate-forever {
0% {-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg)}
  100% {-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg)}
}
@-moz-keyframes rotate-forever {
  0% {-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg); transform: rotate(0deg)}
  100% {-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg)}
}
@keyframes rotate-forever {
0% {-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg); transform: rotate(0deg)}
  100% {-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg)}
}

 

 

태그
profile 글쓴이 빽짱구

단점이 없는 사람은 장점도 거의 없다 - 에이브러햄 링컨

엮인글 :
https://www.webmini.net/xe/634552/69a/trackback
소중한 댓글 부탁드립니다.
추천수 10단위당 메달이 1개씩 노출되고, 추천수에 따라 배경색이 변하며, 일정수의 추천수를 받을시 BEST 아이콘이 붙게됩니다.
추천수에 따른 배경색 보기
  • 추천수 50개이상
  • 추천수 30개이상
  • 추천수 20개이상
  • 추천수 10개이상
  • 추천수 3개이상
닫기

댓글 '1'

title: 화분6시내고환

2018.10.16 17:13:39

이건 그냥 해당 위치에 붙히면 되는군요. 감사~

List of Articles
번호 제목 글쓴이 날짜 추천 수 조회 수
86 기본 쪽지 알림과 알림센터 쪽지 알림 file title: 새싹빽짱구 2018-11-13   11
85 게시판일때 출력하기 title: 새싹빽짱구 2018-11-11   11
84 권한 있는 회원에게만 글쓰기 버튼 노출 title: 새싹빽짱구 2018-11-11   67
83 xe 관리자 비밀번호 분실시 재설정하기 title: 새싹빽짱구 2018-11-01   45
82 xe 비밀번호 찾기 질문/답변 필수 제거하기 title: 새싹빽짱구 2018-10-21   160
81 xe 에서 인증메일이 오지 않을때 file title: 새싹빽짱구 2018-10-20   50
80 댓글이 없을때 '첫번째 댓글을 남겨주세요' 보여주기 [2] title: 새싹빽짱구 2018-10-16 1 34
79 댓글 새로고침 file [1] title: 새싹빽짱구 2018-10-16 1 40
78 지식인 게시판 게시글 다른곳으로 이동 title: 새싹빽짱구 2018-10-04   38
77 모바일 작성표시 애드온 사용시 SEO 브라우저 타이틀에 태그 포함되는 문제 title: 새싹빽짱구 2018-09-27   22
76 block, include, load, unload 문법 title: 새싹빽짱구 2018-09-26   14
75 xe 유용한 함수들 title: 새싹빽짱구 2018-09-24   15
74 XE 카카오 공유하기 버튼 title: 새싹빽짱구 2018-09-24   16
73 게시판에 인기,베오베 아이콘 출력하기 file [1] title: 새싹빽짱구 2018-09-22   55
72 사이트내 Nprogress 적용 file title: 새싹빽짱구 2018-09-17   41
71 SEO 모듈 동작이 안될때 title: 새싹빽짱구 2018-09-16   18
70 관리자 '잘못된 요청입니다' 출력시 title: 새싹빽짱구 2018-09-15   18
69 xe 설치된 사이트 네이버 웹마스터 도구 등록이 제대로 안될때 title: 새싹빽짱구 2017-06-22   193
68 웹미니 로그인 위젯 카운트다운 삭제법 좀 알려주세요. 롱코트 2016-12-26   258
67 XE 유용한 함수들 title: 새싹빽짱구 2016-09-02   193