본문 바로가기

블로그관리

Flatinum 스킨의 페이지 번호에 현재 페이지 표시하기

반응형

 

지금은 아래 사진처럼 현재 내가 보고 있는 페이지가 몇 페이지인지 표시가 되어 있지 않습니다.

 

 

그래서 현재 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>

 

 

 

css 화면에서 아래의 코드를 추가해서 저장했어요.

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

 

 

 페이징 삽입 위치는 크게 상관 없는 것 같긴 하지만.. 저는 /*Footer*/ 위에 삽입했습니다.

 

 

그렇게 하고 나면 페이지 왼쪽에 파란색 조그만 상자가 생겨요. 그 상자는 css에서 아래 사진의 빨간 사각형 부분을 삭제해서 해결했습니다. 

 

 

그래서 지금의 화면에는 이렇게 현재 페이지가 표시가 됩니다.  

 

반응형