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

관련메뉴 XE 스킨 | 제로보드4 팁
  • 웹미니 한줄 전광판 영역 입니다.
글 수 93

2

조회 수 : 281 신고 : 0

profile
작성자 : title: [ani]깜빡이는 표정빽짱구
포인트 : 56933 | 레벨 : 25
출처 : 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://web.webmini.net/xe/634552/083/trackback
소중한 댓글 부탁드립니다.
추천수 10단위당 메달이 1개씩 노출되고, 추천수에 따라 배경색이 변하며, 일정수의 추천수를 받을시 BEST 아이콘이 붙게됩니다.
추천수에 따른 배경색 보기 본문으로 바로가기
  • 추천수 50개이상
  • 추천수 30개이상
  • 추천수 20개이상
  • 추천수 10개이상
  • 추천수 3개이상
닫기

댓글 '1'

title: 화분6시내고환 (634639)

2018.10.16 17:13:39

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

List of Articles
번호 제목 글쓴이 날짜 추천 수sort 조회 수
93 비회원도 추천가능하게 하기(댓글포함) title: [ani]깜빡이는 표정빽짱구 2011-11-18 12 2615
92 비회원 글쓰기 버튼 숨기기 [15] title: 버섯이슬이 2009-11-09 4 8198
91 게시물에 파일첨부후 한글이 안써질때 [12] title: [ani]깜빡이는 표정빽짱구 2009-11-25 3 7925
90 특정도메인으로 접속시 원하는도메인으로 리다이렉트 시키기 file [18] title: [ani]깜빡이는 표정빽짱구 2009-08-03 3 9000
89 댓글 새로고침 file [1] title: [ani]깜빡이는 표정빽짱구 2018-10-16 2 281
88 로그인한 회원에게만 원하는걸 보여주자. [4] title: [ani]깜빡이는 표정빽짱구 2010-07-24 2 4194
87 슬라이드 되는 최근 이미지스킨 수정해 올립니다. file [8] 한주네 2010-02-25 2 8410
86 페이지 수정[꾸미기] 시에 위젯상자 반듯하게 넣어주자~ file [10] 뉴클리어 2009-11-10 2 5543
85 탭형식의 최근문서 출력 위젯 이용하기... file [13] title: 버섯이슬이 2009-11-10 2 6704
84 특정페이지에서 원하는 내용 보여주기 [5] title: [ani]깜빡이는 표정빽짱구 2009-01-31 2 6594
83 XE 속도 개선 팁 [1] 오니기리죠 2012-06-10 1 1787
82 모바일 첨부,댓글,댓글쓰기 항상 열어놓기 오니기리죠 2012-06-10 1 1531
81 XE공식 버튼 만들기 코아 코스튬 2011-03-09 1 4418
80 마이페이지 만들기 file [6] title: [ani]깜빡이는 표정빽짱구 2011-01-20 1 5401
79 XE 신디케이션 응답이 없을때 title: [ani]깜빡이는 표정빽짱구 2012-04-26 1 2322
78 현재위치출력 레이아웃에 직접 적용하기 file [4] title: [ani]깜빡이는 표정빽짱구 2010-11-15 1 6719
77 댓글이 없을때 '첫번째 댓글을 남겨주세요' 보여주기 [2] title: [ani]깜빡이는 표정빽짱구 2018-10-16 1 258
76 일반pc로 아이폰 홈페이지 그대로 보는 방법 [3] 주영아빠 2010-10-26 1 4185
75 웹상에서 모바일페이지 접속하기 [1] title: [ani]깜빡이는 표정빽짱구 2010-10-20 1 5336
74 새글표시 애드온 사용시 1차메뉴를 2차메뉴중 게시판으로 연결한 경우 file [2] 세발자전거 2010-03-20 1 5809