웹마스터 팁
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
위에분들> 좋은말씀만 해주셔서 감사합니다 ^^
제목 | 글쓴이 | 날짜 |
---|---|---|
홈페이지에 국경일이면 태극기 다는법이에요~ ^^ [11] [1] | jaehee_91 | 2008.03.01 |
양력/음력DB 홈페이지에 사용하기 [2] | 감뿌리 | 2008.03.29 |
플래시로 페이지에 랜덤 이미지 돌리기 [3] | ☜ TeRy ☞ | 2008.04.04 |
외부페이지에서 매개변수 사용하기 [2] | JnCsoft | 2008.04.07 |
404 에러 페이지를 만들어 보자 [2] | hangoon | 2008.04.11 |
각 페이지에 쓸 수 있는 변수명들 찾기 [6] | lainfox | 2008.04.29 |
홈페이지에 이미지블릿 대신 특수문자로 표현해 보기 | 팔공산 | 2008.04.29 |
rewrite mod 사용시 404 페이지 에러 해결 방법 | 이종준 | 2008.05.09 |
홈페이지에 닉네임 대신 실명으로 뜨게 만들기 [5] | findwind | 2008.05.19 |
외부페이지 접근을 제로보드XE를 통해서만 접근을 허용 하고 싶다면 [9] | 임기택924 | 2008.06.03 |
1.0.3버전 외부 페이지 쿼리 스트링 붙일때 주의 하세요. | 그라미 | 2008.06.03 |
페이지 숫자에 네이버처럼 사각테두리 씌우기 [8] | 탑심 | 2008.06.15 |
페이지 작성이나 수정후 적용이 안돼서 고생하는 많은 분들을 위하여 [1] | cyric | 2008.06.17 |
아이프레임속 링크를 기존페이지에서 이동하기 [1] | 정다운804 | 2008.06.19 |
[팁]페이지별 댓글 출력 초간단 팁.. [4] | 키티나 | 2008.07.04 |
한 페이지(화면)에 두개(2개)의 모듈(게시판 등)을 넣는 법 [6] | 황건순 | 2008.08.25 |
밑에 페이지 네비게이션 수정 (다음10개, 이전10개등으로) [6] | Clanss | 2008.08.29 |
각 리스트형 위젯에 페이지 기능을 달자. [10] | 라르게덴 | 2008.09.02 |
[우클릭 및 드레그 방지법] 및 [방지된 홈페이지 해재법] >0< [7] | 이홍석295 | 2008.09.03 |
동일서버내 페이지에서 로그인정보 활용하기... [4] | 수로 | 2008.09.06 |