뉴스티커형 최신글 스킨

본문 바로가기
사이트 내 전체검색
회사뉴스 : 그누보드5 다국어버전! 딱 8월 5일 까지만 대폭 할인가에 제공… 인기글 관련링크 , 다국어사이트 제작을 위한 솔루션을 공개합니다. 인기글 , 일하다가 가끔 게임을 하면서 스트레스를 날리세요. 인기글 관련링크 , 게시판내용을 PDF으로 저장하기 인기글 관련링크 , 좋아요|나빠요 표현 게시판 인기글


회원로그인

설문조사

좋은 습관이란?



뉴스티커형 최신글 스킨

뉴스티커형 최신글 스킨

그누보드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/

 


이 사이트는 그누보드5, 영카트5 기반 프로그램 개발을 위한 사이트입니다. 궁금하신 사항은 http://www.365ok.co.kr을 이용해 주시기 바랍니다.
회사소개 개인정보취급방침 서비스이용약관 Copyright © 코리아뉴스. All rights reserved.
모바일 버전으로 보기