[iNove] 페이징 스타일 교체

iNove 스킨을 사용하면서 참고해야 할 포스팅을 모으고 있습니다.

 

♠ 페이징 바꾸기

 

 

페이징이란, 카테고리 목록을 펼쳤을 때 하단에 나오는 페이지 번호입니다. iNove 스킨은 이 페이징이 하단 왼쪽으로 작게 나오도록 설정이 되어 있습니다.

 

이것을 아래 그림 처럼 가운데로 정열하고 페이징 이미지 크기를 키워보도록 하겠습니다.

 

 

이 페이징 소스는 CATnTUNA's Blog에서 배포하는 스킨에서 사용했습니다.

 

티스토리 관리 -> HTML/CSS 편집에서 Ctrl + F를 눌러 '#pagenavi'을 검색하세요.

 

 

 

▲style.css에 검색이 되는데 위 이미지를 참고해서 아래 소스로 교체해 주세요.

 

/* 페이징 */
.paging{
 padding: 25px;
 text-align:center;
 }
.paging_border{
 display: inline-block;*zoom:1;*display: inline;
 border: 1px solid #ddd;
 width: 42px;
 height: 25px;
 margin: 2px;
 border-radius:4px;
 line-height: 25px;
}
.paging_border:hover {
 border: 2px solid #369;
 margin: 1px;
}
.paging .selected {
 display: inline-block;*zoom:1;*display: inline;
 border:1px solid #2B6C7C;
 width: 40px;
 height: 23px;
}

 

검색창에서 's_paging' 검색 하세요.

 

 

 

▲skin.html에 검색이 되는데 위 이미지를 참고해서 아래 소스로 교체해 주세요.

 

   <s_paging>
     <div class="paging"> <a >« </a>
    <s_paging_rep><a > <span class="paging_border"></span></a> </s_paging_rep>
    <a > »</a> </div>
   </s_paging>

 

 

※  마우스 드래그 안되니 소스는 첨부파일을 참고 하세요.

 

페이징 소스 파일 : 페이징교체소스1.txt

 

[출처 http://pastimelife.com/506]