뉴스티커형 최신글 스킨
그누보드5를 위한 최신글 스킨입니다.
출처는 http://www.gcmingati.net/wordpress/wp-content/lab/jquery/newsticker/jq-liscroll/scrollanimate.html 입니다.
출처 적용방법 :
1. jQuery 라이브러리를 추가합니다.
<link rel="stylesheet" href="css/li-scroller.css">
<script type="text/javascript" src="js/jquery.li-scroller.1.0.js"></script>
2. <body></body>부분에 적용
<ul id="ticker01">
<li><span>2016/03/12</span><a href="#">뉴스티커입니다 ...</a></li>
<li><span>2016/04/12</span><a href="#">한줄 뉴스입니다 ...</a></li>
<li><span>2016/05/12</span><a href="#">흐르는 뉴스입니다 ...</a></li>
</ul>
3. jQuery코드 적용
<script>
$(function(){
$("ul#ticker01").liScroll();
});
</script>
그누보드에 적용방법:
1. 스킨을 다운로드하여 압축을 풀고,
2. theme/테마명/skin/latest/ 아래에 ftp를 이용하여 업로드
3. 스킨을 적용할 페이지를 편집기로 열고 최신글 적용하면 됩니다.
미리보기 : http://www.live24.co.kr/