활용팁의 네이버 페이징 똑같이하기 질문입니다.. 정보
활용팁의 네이버 페이징 똑같이하기 질문입니다..본문
http://sir.co.kr/bbs/board.php?bo_table=g4_tiptech&wr_id=22554
위의 팁을 잘 적용하고 있습니다.
그런데 한가지 제 홈페이지에 문제가 있는데요.
다음과 같이 3~12 , 23~32 페이지가
한줄로 이어지지 않고 저렇게 위로 솟구쳐있는게 보기안좋더군요....;;;;
어떻게해야 저걸 수정할수있을까요...?
문제될법한 소스를 첨부합니다.
lib/common.lib.php
if ($start_page > 1) $str .= "<a href='" . $url . ($start_page-1) . "{$add}'>$pre_count ~ $start_paging</a>";
if ($total_page > $end_page) $str .= "<a href='" . $url . ($end_page+1) . "{$add}'>$end_paging ~ $page_count</a>";
스타일시트 소스는 위 링크에 있는걸 그대로 붙였습니다..
댓글 전체
저 페이징을 삽입한 곳의 가로길이가 짧아서 뒤로 솟구치는게 아닐까요?
저 페이징이 삽입된 곳의 소스도 첨부해 보심이
저 페이징이 삽입된 곳의 소스도 첨부해 보심이
삽입된곳의 소스는 이렇구요....
<? if ($prev_part_href) { echo "<a href='$prev_part_href'>이전검색</a>"; } ?>
<div class="paginate"><?=$write_pages?></div>
<? if ($next_part_href) { echo "<a href='$next_part_href'>다음검색</a>"; } ?>
<? if ($prev_part_href) { echo "<a href='$prev_part_href'>이전검색</a>"; } ?>
<div class="paginate"><?=$write_pages?></div>
<? if ($next_part_href) { echo "<a href='$next_part_href'>다음검색</a>"; } ?>
스타일시트 소스는 다음과 같습니다....
.paginate { padding:15px 0; text-align:center;}
.paginate a,
.paginate strong { position:relative; display:inline-block; margin-right:1px; padding:3px 3px 5px 3px; color:#000; text-decoration:none; border:1px solid #ffffff; font:bold 13px/normal Verdana; _width /**/:17px;}
.paginate strong { color:#f23219 !important; border:1px solid #e9e9e9;}
.paginate .pre { margin-right:9px; padding:7px 6px 5px 16px; _padding-bottom:3px; background:url(http://static.naver.com/common/paginate/bu_pg3_l_off.gif) no-repeat 6px 9px !important;}
.paginate .next { margin-left:9px; padding:7px 16px 5px 6px; _padding-bottom:3px; background:url(http://static.naver.com/common/paginate/bu_pg3_r_off.gif) no-repeat 71px 9px !important;}
*:first-child+html .paginate .pre,
*:first-child+html .paginate .next { top:-1px; padding-bottom:3px;}
.paginate a.pre { background:url(http://static.naver.com/common/paginate/bu_pg3_l_on.gif) no-repeat 6px 9px !important;}
.paginate a.next { background:url(http://static.naver.com/common/paginate/bu_pg3_r_on.gif) no-repeat 71px 9px !important;}
.paginate .pre,
.paginate .next { display:inline-block; color:#ccc; border:1px solid #e9e9e9; position:relative; top:1px; _top:-1px; font:12px/normal 굴림, Gulim; _width /**/:84px; _height /**/:24px;}
.paginate a.pre,
.paginate a.next { color:#565656;}
.paginate a:hover { background-color:#f7f7f7 !important; border:1px solid #e9e9e9;}
.paginate .pre_all { margin-right:6px; padding:7px 6px 5px 6px; _padding-bottom:1px; background:url(http://static.naver.com/common/paginate/bu_pg3_l_off.gif) no-repeat 6px 9px !important; letter-spacing:-1px;}
.paginate .next_all { margin-left:4px; padding:7px 6px 5px 6px; _padding-bottom:1px; background:url(http://static.naver.com/common/paginate/bu_pg3_r_off.gif) no-repeat 36px 9px !important; letter-spacing:-1px;}
.paginate a.pre_all { background:url(http://static.naver.com/common/paginate/bu_pg3_l_on.gif) no-repeat 6px 9px !important;}
.paginate a.next_all { background:url(http://static.naver.com/common/paginate/bu_pg3_r_on.gif) no-repeat 36px 9px !important;}
.paginate .pre_all, .paginate .next_all { display:inline-block; color:#ccc; border:1px solid #e9e9e9; position:relative; top:0; _top:-2px; font:12px/normal 굴림, Gulim; _width /**/:50px; _height /**/:24px;}
.paginate a.pre_all,
.paginate a.next_all { color:#565656;}
.paginate { padding:15px 0; text-align:center;}
.paginate a,
.paginate strong { position:relative; display:inline-block; margin-right:1px; padding:3px 3px 5px 3px; color:#000; text-decoration:none; border:1px solid #ffffff; font:bold 13px/normal Verdana; _width /**/:17px;}
.paginate strong { color:#f23219 !important; border:1px solid #e9e9e9;}
.paginate .pre { margin-right:9px; padding:7px 6px 5px 16px; _padding-bottom:3px; background:url(http://static.naver.com/common/paginate/bu_pg3_l_off.gif) no-repeat 6px 9px !important;}
.paginate .next { margin-left:9px; padding:7px 16px 5px 6px; _padding-bottom:3px; background:url(http://static.naver.com/common/paginate/bu_pg3_r_off.gif) no-repeat 71px 9px !important;}
*:first-child+html .paginate .pre,
*:first-child+html .paginate .next { top:-1px; padding-bottom:3px;}
.paginate a.pre { background:url(http://static.naver.com/common/paginate/bu_pg3_l_on.gif) no-repeat 6px 9px !important;}
.paginate a.next { background:url(http://static.naver.com/common/paginate/bu_pg3_r_on.gif) no-repeat 71px 9px !important;}
.paginate .pre,
.paginate .next { display:inline-block; color:#ccc; border:1px solid #e9e9e9; position:relative; top:1px; _top:-1px; font:12px/normal 굴림, Gulim; _width /**/:84px; _height /**/:24px;}
.paginate a.pre,
.paginate a.next { color:#565656;}
.paginate a:hover { background-color:#f7f7f7 !important; border:1px solid #e9e9e9;}
.paginate .pre_all { margin-right:6px; padding:7px 6px 5px 6px; _padding-bottom:1px; background:url(http://static.naver.com/common/paginate/bu_pg3_l_off.gif) no-repeat 6px 9px !important; letter-spacing:-1px;}
.paginate .next_all { margin-left:4px; padding:7px 6px 5px 6px; _padding-bottom:1px; background:url(http://static.naver.com/common/paginate/bu_pg3_r_off.gif) no-repeat 36px 9px !important; letter-spacing:-1px;}
.paginate a.pre_all { background:url(http://static.naver.com/common/paginate/bu_pg3_l_on.gif) no-repeat 6px 9px !important;}
.paginate a.next_all { background:url(http://static.naver.com/common/paginate/bu_pg3_r_on.gif) no-repeat 36px 9px !important;}
.paginate .pre_all, .paginate .next_all { display:inline-block; color:#ccc; border:1px solid #e9e9e9; position:relative; top:0; _top:-2px; font:12px/normal 굴림, Gulim; _width /**/:50px; _height /**/:24px;}
.paginate a.pre_all,
.paginate a.next_all { color:#565656;}
완벽한 해결방법은 아니지만...
lib/common.lib.php 들어가셔서 get_paging() 함수 부분에서요..
if ($start_page > 1) $str .= "<a href='" . $url . ($start_page-1) . "{$add}'>$pre_count ~ $start_paging</a>";
이것처럼 "1~10" 표시해주는게 있을건데 여기서, "$pre_count ~ $start_paging"을 "$pre_count~$start_paging" 처럼 공백 없게 수정해주시고
조금 아래 내려가면
if ($total_page > $end_page) $str .= "<a href='" . $url . ($end_page+1) . "{$add}'>$end_paging ~ $page_count</a>";
이 있는데 이것도 마찬가지로 "~" 좌우에 공백이 없도록 수정해보세요.
lib/common.lib.php 들어가셔서 get_paging() 함수 부분에서요..
if ($start_page > 1) $str .= "<a href='" . $url . ($start_page-1) . "{$add}'>$pre_count ~ $start_paging</a>";
이것처럼 "1~10" 표시해주는게 있을건데 여기서, "$pre_count ~ $start_paging"을 "$pre_count~$start_paging" 처럼 공백 없게 수정해주시고
조금 아래 내려가면
if ($total_page > $end_page) $str .= "<a href='" . $url . ($end_page+1) . "{$add}'>$end_paging ~ $page_count</a>";
이 있는데 이것도 마찬가지로 "~" 좌우에 공백이 없도록 수정해보세요.
으응?? 완벽하게 해결됐네요???!!
저 스스로도 '설마 공백없앤다고 칸이 줄어들라고..'생각했는데
진짜로 줄어버렸습니다...-_-!!
감사합니다..하마터면 시도도 안해보고 포기할뻔했네요ㄷㄷ;;
저 스스로도 '설마 공백없앤다고 칸이 줄어들라고..'생각했는데
진짜로 줄어버렸습니다...-_-!!
감사합니다..하마터면 시도도 안해보고 포기할뻔했네요ㄷㄷ;;
한참 헤메었는데 완전 감사합니다.
전 다른 방식으로 튜닝했는데 AKvH님처럼 해도 되는 모양이네요.
추가로 페이지가 1페이지일 때나 없을 때 if 문 넣어서 빼는 것이 모양새가 좋고
익스와 파폭에서 보여지는 값이 다르니 스타일 값도 조정하시고
이미지가 다이렉트로 네이버에 걸려있는데 자신의 사이트로 수정하는 것이 좋습니다.
그리고 단순히 게시판만 수정하면 안 되고 관리자툴 등도 모두 수정해 주어야 합니다.
안 그러면 모양새가 웃기게 됩니다.
추가로 페이지가 1페이지일 때나 없을 때 if 문 넣어서 빼는 것이 모양새가 좋고
익스와 파폭에서 보여지는 값이 다르니 스타일 값도 조정하시고
이미지가 다이렉트로 네이버에 걸려있는데 자신의 사이트로 수정하는 것이 좋습니다.
그리고 단순히 게시판만 수정하면 안 되고 관리자툴 등도 모두 수정해 주어야 합니다.
안 그러면 모양새가 웃기게 됩니다.