웹마스터 팁
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
위에분들> 좋은말씀만 해주셔서 감사합니다 ^^
제목 | 글쓴이 | 날짜 |
---|---|---|
페이지 자동 이동 방법 3가지!!! [10] | zero | 2000.03.06 |
웹페이지에 마우스 따라다니는 예쁜 시계를 넣자 [5] | gosoo99 | 2008.04.08 |
자신의 홈페이지에 (검색,사전,로또,주식) 통합버전을 넣어보자. [3] | Rising.kr | 2008.01.21 |
비밀번호 입력해야 해당 페이지 보이기 [3] | 이명우 | 2007.02.28 |
[동영상강좌] 홈페이지에 BGM을 달아보자 [5] | 서기 | 2007.01.10 |
홈페이지의 필수!! 뮤직 플레이어!! [3] | 김민환 | 2006.10.14 |
내 홈페이지에 유명사이트 검색엔진을 달자...(네이버,다음,야후 등등) [3] | 트래비스 | 2006.05.10 |
홈페이지 하단 링크주소 없에는 소스 [6] | 인테리어뱅크 | 2006.04.10 |
홈페이지 하단 링크주소 없에는 소스 2 [4] | 인터니즈 | 2006.04.27 |
페이지를 풀창으로 띄우는 방법 [1] | 인테리어뱅크 | 2006.04.11 |
홈페이지 TOP 버튼 만들어 보기 [7] | 인테리어뱅크 | 2006.04.10 |
새창으로 페이지열기에 대한... [2] | 나만의길 | 2006.01.04 |
홈페이지 만드실때 방문자의 해상도가 걱정 되신다면 [5] | 한용 | 2005.11.11 |
타켓으로 페이지 이동하는 스크립트 [2] | 로크 | 2005.04.16 |
홈페이지index경로 이외의 하위 경로 차단 하는 방법 [펌] [10] | 프란시스 | 2005.02.05 |
간단하면서도 강력한 웹페이지에 암호걸기 [5] | 대류 | 2005.02.03 |
페이지 경로 히스토리 표시하기 [0003] | EDENe | 2005.01.19 |
홈페이지 TOP 버튼 만들기 + 응용 [0001] [2] | EDENe | 2005.01.15 |
홈페이지 탑 TOP 버튼 만들어보기 [9] | 편입성공기 | 2004.12.06 |
홈페이지를 풀스크린으로 띄우자 - 올플래시로 보이는군요. [21] | Multi_Taeji | 2004.12.10 |