웹마스터 팁
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
위에분들> 좋은말씀만 해주셔서 감사합니다 ^^
제목 | 글쓴이 | 날짜 |
---|---|---|
간편해진 페이지 수정법 | coll | 2007.11.16 |
<head> 태그안에 임의의 내용을 넣는 방법 [1] | 발돋움 | 2007.11.16 |
이미지 갤러리 셀렉트박스 문제 [1] | 공작대천사 | 2007.11.14 |
[수정]업로드된 그림 자동출력 [6] | 소마세월 | 2007.11.13 |
알바트로스 적용후 검색하는 곳에 댓글과 태그 검색 업션 넣기 [1] | 비밀얌 | 2007.11.13 |
쪽지 수신 음성 알림 [19] | Simulz | 2007.11.13 |
회원에게 만기일 주기(1원짜리 팁) [17] | 까오천사 | 2007.11.12 |
확장변수에서 본문 입력 빼기 [10] | Diver | 2007.11.12 |
통합검색 버그 style 수정 [2] | 소마세월 | 2007.11.11 |
외부 문서에서 회원 정보 얻는 방법 [11] | 소마세월 | 2007.11.10 |
첨부파일 기능에 대한 짧은 정보 [3] | 고라리 | 2007.11.09 |
제로보드 2.3 에서 2.5 업그레이드 방법 | 도토리나무 | 2007.11.09 |
제로보드 2.3 에서 2.5 변경사항 데이터 테이블 구조 변경사항 체크를 정리해봅니다. [4] | 도토리나무 | 2007.11.09 |
"이 게시물을..." 추천/비추천/신고 메뉴를 버튼으로 [28] | xe촙5 | 2007.11.08 |
메뉴에 마우스 갖다대면 뜨는 메뉴 만드는 방법 [25] | 소마세월 | 2007.11.07 |
레벨 아이콘이 제대로(찌그러지는 등) 출력되지 않을 때 수정방법 | 必得力 | 2007.11.07 |
(08년 1월2일수정)0.2.3이후 최근글에 공지사항을 제외시키고자할 경우 [11] | 포레버 | 2007.11.07 |
완전 초보도 확장 변수를 이용해 게시판 개조할수잇다!! [4] | 쿤. | 2007.11.06 |
SVN 의 사용 방법 [3] | preware | 2007.11.06 |
글을 읽을때마다 조회수 증가 하게 하는 팁 [19] | 비밀얌 | 2007.11.06 |