웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
밑에 페이지 네비게이션 수정 (다음10개, 이전10개등으로)
2008.08.29 14:20
현재 페이지 네비게이션이 제로보드같은 경우는
첫페이지로 가기 (<<) 1 2 3 4 5 6 7 8 9 10 (>>) 끝페이지로 가기
이렇게 네비게이션이 등록되어있는데요.
불편하시다는 분들이 계셔서 (페이지가 수십페이지 이상이 되기 시작하면)
한번 고쳐봤습니다.
게시판 스킨에 보시면
list.html 파일중
<!-- 페이지 네비게이션 -->
<div class="pageNavigation">
<a href="{getUrl('page','','document_srl','+ '+ '','division',$division,'last_division',$last_division)}" class="goToFirst"><img src="./images/common/bottomGotoFirst.gif" alt="{$lang->first_page}" width="7" height="5" /></a>
<!--@while($page_no = $page_navigation->getNextPage())-->
<!--@if($page == $page_no)-->
<span class="current">{$page_no}</span>
<!--@else-->
<a href="{getUrl('page',$page_no,'document_srl','','division'+ ',$division,'last_division',$last_division)}">{$page_no}</a>
<!--@end-->
<!--@end-->
<a href="{getUrl('page',$page_navigation->last_page,'document_srl','','division',$division,'last_division',$last_division)}" class="goToLast"><img src="./images/common/bottomGotoLast.gif" alt="{$lang->last_page}" width="7" height="5" /></a>
</div>
이 부분이 있습니다.
그 부분을
<!-- 페이지 네비게이션 -->
<div class="pageNavigation">
<!--@if ($page > 10)--><a href="{getUrl('page',$page-10,'document_srl','','division',$division,'last_division',$last_division)}" class="goToFirst">이전10개<img src="./images/common/bottomGotoFirst.gif" alt="이전" width="7" height="5" /></a><!--@end-->
<!--@if ($page > 6)--><a href="{getUrl('page',1,'document_srl','','division',$division,'last_division',$last_division)}">1</a>...<!--@end-->
<!--@while($page_no = $page_navigation->getNextPage())-->
<!--@if($page == $page_no)-->
<span class="current">{$page_no}</span>
<!--@else-->
<a href="{getUrl('page',$page_no,'document_srl','','division',$division,'last_division',$last_division)}">{$page_no}</a>
<!--@end-->
<!--@end--><!--@if ($page_navigation->last_page > 10 && $page != $page_navigation->last_page && $page_navigation->last_page-$page > 4)-->...<a href="{getUrl('page',$page_navigation->last_page,'document_srl','','division',$division,'last_division',$last_division)}">{$page_navigation->last_page}</a><!--@end-->
<a href="{getUrl('page',$page+10,'document_srl','','division',$division,'last_division',$last_division)}" class="goToLast">다음10개<img src="./images/common/bottomGotoLast.gif" alt="{$lang->last_page}" width="7" height="5" /></a>
</div>
이런식으로 고쳤습니다.
페이지 네비게이션 보이는 수는 10개로 했을때입니다
보여지는 수에 따라 바꿔서 적용 하시면 됩니다.
대충 눈때중으로 만들어서 그다지 코드가 효과적이지 않을수도 있습니다.
적용한 사이트는 http://www.rimi.kr 입니다.
혹 질답게시판에 있었거나 다른 분이 먼저 답하셨다면 지우겠습니다 ^^
첫페이지로 가기 (<<) 1 2 3 4 5 6 7 8 9 10 (>>) 끝페이지로 가기
이렇게 네비게이션이 등록되어있는데요.
불편하시다는 분들이 계셔서 (페이지가 수십페이지 이상이 되기 시작하면)
한번 고쳐봤습니다.
게시판 스킨에 보시면
list.html 파일중
<!-- 페이지 네비게이션 -->
<div class="pageNavigation">
<a href="{getUrl('page','','document_srl','+ '+ '','division',$division,'last_division',$last_division)}" class="goToFirst"><img src="./images/common/bottomGotoFirst.gif" alt="{$lang->first_page}" width="7" height="5" /></a>
<!--@while($page_no = $page_navigation->getNextPage())-->
<!--@if($page == $page_no)-->
<span class="current">{$page_no}</span>
<!--@else-->
<a href="{getUrl('page',$page_no,'document_srl','','division'+ ',$division,'last_division',$last_division)}">{$page_no}</a>
<!--@end-->
<!--@end-->
<a href="{getUrl('page',$page_navigation->last_page,'document_srl','','division',$division,'last_division',$last_division)}" class="goToLast"><img src="./images/common/bottomGotoLast.gif" alt="{$lang->last_page}" width="7" height="5" /></a>
</div>
이 부분이 있습니다.
그 부분을
<!-- 페이지 네비게이션 -->
<div class="pageNavigation">
<!--@if ($page > 10)--><a href="{getUrl('page',$page-10,'document_srl','','division',$division,'last_division',$last_division)}" class="goToFirst">이전10개<img src="./images/common/bottomGotoFirst.gif" alt="이전" width="7" height="5" /></a><!--@end-->
<!--@if ($page > 6)--><a href="{getUrl('page',1,'document_srl','','division',$division,'last_division',$last_division)}">1</a>...<!--@end-->
<!--@while($page_no = $page_navigation->getNextPage())-->
<!--@if($page == $page_no)-->
<span class="current">{$page_no}</span>
<!--@else-->
<a href="{getUrl('page',$page_no,'document_srl','','division',$division,'last_division',$last_division)}">{$page_no}</a>
<!--@end-->
<!--@end--><!--@if ($page_navigation->last_page > 10 && $page != $page_navigation->last_page && $page_navigation->last_page-$page > 4)-->...<a href="{getUrl('page',$page_navigation->last_page,'document_srl','','division',$division,'last_division',$last_division)}">{$page_navigation->last_page}</a><!--@end-->
<a href="{getUrl('page',$page+10,'document_srl','','division',$division,'last_division',$last_division)}" class="goToLast">다음10개<img src="./images/common/bottomGotoLast.gif" alt="{$lang->last_page}" width="7" height="5" /></a>
</div>
이런식으로 고쳤습니다.
페이지 네비게이션 보이는 수는 10개로 했을때입니다
보여지는 수에 따라 바꿔서 적용 하시면 됩니다.
대충 눈때중으로 만들어서 그다지 코드가 효과적이지 않을수도 있습니다.
적용한 사이트는 http://www.rimi.kr 입니다.
혹 질답게시판에 있었거나 다른 분이 먼저 답하셨다면 지우겠습니다 ^^
댓글 6
-
팔공산
2008.08.29 17:00
좋은팁 감사합니다. -
ZB4User
2008.08.29 17:55
감사합니다. 꼭 필요한 팁이네요 ~#$ -
라르게덴
2008.08.29 18:33
추천한번 할게요 ^^ -
老姜君
2008.08.29 20:58
이런 좋은 팁을 보았나! -
닝기리쓰레빠
2008.09.02 21:50
적용해봤는데 너무 좋네요.. 아주 편합니다!
좋은 팁 감사드립니다! -
Clanss
2008.09.04 15:29
위에분들> 좋은말씀만 해주셔서 감사합니다 ^^
제목 | 글쓴이 | 날짜 |
---|---|---|
게시판 에디터 폰트 글자(글씨)크기 변경하는 법 | 씨에씨에 | 2008.09.12 |
사진 한꺼번에 일괄적으로 올리기 [4] | 안정수650 | 2008.09.12 |
에디터 9pt 추가 및 에디터에도 웹폰트 보이게 하기. [13] | 욜리 | 2008.09.11 |
IP 주소 4자리수 모두 공개하는 방법 [1] | 블루파티 | 2008.09.11 |
블로그, 홈페이지 가입시 자동 입력되는 http:// 없애기 [2] | 류영무 | 2008.09.09 |
등록하시겠습니까? 등록할까요? 안 나오고 바로 글 등록되게 하는 법 [6] | 황건순 | 2008.09.08 |
다음카페에 끊김없이 음악나오게 하기 | 푸른커튼 | 2008.09.06 |
동일서버내 페이지에서 로그인정보 활용하기... [4] | 수로 | 2008.09.06 |
회원 포인트 선물 하기 등 포인트 변경시 바로 적용 방법 | 한꼬마 | 2008.09.06 |
카멜레온 최근글 위젯 클릭시 새창 팁 | 가랑바람 | 2008.09.04 |
[우클릭 및 드레그 방지법] 및 [방지된 홈페이지 해재법] >0< [7] | 이홍석295 | 2008.09.03 |
각 리스트형 위젯에 페이지 기능을 달자. [10] | 라르게덴 | 2008.09.02 |
원하는 위치에 구글 (맞춤)검색창 달기 [2] | 다케루 | 2008.09.02 |
문서 카테고리를 메뉴에 적용하기 위한 레이아웃 수정 팁과 개념토론 [7] | 제베 | 2008.08.31 |
메인화면에 플래시 쉽게 삽입하는 방법.. [12] | 청개구리00 | 2008.08.30 |
밑에 페이지 네비게이션 수정 (다음10개, 이전10개등으로) [6] | Clanss | 2008.08.29 |
댓글(코멘트) 입력창에 이미지 넣기 [19] | skyatc | 2008.08.29 |
음악넣는 BGM코드 70종류 입니다 [1] | 푸른커튼 | 2008.08.25 |
한 페이지(화면)에 두개(2개)의 모듈(게시판 등)을 넣는 법 [6] | 황건순 | 2008.08.25 |
라이프팟 연동에서 XML 주소 얻기 | 최재원541 | 2008.08.23 |