게시판 리스트의 페이지 번호 디자인 변경입니다. 정보
게시판 리스트의 페이지 번호 디자인 변경입니다.본문
저 뻘건 부분의 디자인을 수정하고 싶은 것입니다.
가능하면 css를 이용하고 싶습니다. 그래서 <span class=""> 테그를 이용하고 싶은데요...
제 능력으로는 죽어도 안되는데요 ㅠㅠ class 만 먹어도 만들텐데요... PHP는 좀 초보라서요 ㅠㅠ
아마 리스트 부분에서
<!-- 페이지 -->
<div class="board_info_wrap, board_page">
<? if ($prev_part_href) { echo "<a href='$prev_part_href'><img src='$board_skin_path/img/page_search_prev.gif' border='0' align=absmiddle title='이전검색'></a>"; } ?>
<?
// 기본으로 넘어오는 페이지를 아래와 같이 변환하여 이미지로도 출력할 수 있습니다.
//echo $write_pages;
$write_pages = str_replace("처음", "<img src='$board_skin_path/img/page_begin.gif' border='0' align='absmiddle' title='처음'>", $write_pages);
$write_pages = str_replace("이전", "<img src='$board_skin_path/img/page_prev.gif' border='0' align='absmiddle' title='이전'>", $write_pages);
$write_pages = str_replace("다음", "<img src='$board_skin_path/img/page_next.gif' border='0' align='absmiddle' title='다음'>", $write_pages);
$write_pages = str_replace("맨끝", "<img src='$board_skin_path/img/page_end.gif' border='0' align='absmiddle' title='맨끝'>", $write_pages);
//$write_pages = preg_replace("/<span>([0-9]*)<\/span>/", "$1", $write_pages);
$write_pages = preg_replace("/<span class=\"li_page_no\">([0-9]*)<\/span>/", "$1", $write_pages); // 현재페이지, 다른페이지
?>
<?=$write_pages?>
<? if ($next_part_href) { echo "<a href='$next_part_href'><img src='$board_skin_path/img/page_search_next.gif' border='0' align=absmiddle title='다음검색'></a>"; } ?>
</div>
여기 부분을 수정하는 것 같은데 수정이 안되네요... 좀 도와주시기를 간곡히 부탁드립니다.
가능하면 css를 이용하고 싶습니다. 그래서 <span class=""> 테그를 이용하고 싶은데요...
제 능력으로는 죽어도 안되는데요 ㅠㅠ class 만 먹어도 만들텐데요... PHP는 좀 초보라서요 ㅠㅠ
아마 리스트 부분에서
<!-- 페이지 -->
<div class="board_info_wrap, board_page">
<? if ($prev_part_href) { echo "<a href='$prev_part_href'><img src='$board_skin_path/img/page_search_prev.gif' border='0' align=absmiddle title='이전검색'></a>"; } ?>
<?
// 기본으로 넘어오는 페이지를 아래와 같이 변환하여 이미지로도 출력할 수 있습니다.
//echo $write_pages;
$write_pages = str_replace("처음", "<img src='$board_skin_path/img/page_begin.gif' border='0' align='absmiddle' title='처음'>", $write_pages);
$write_pages = str_replace("이전", "<img src='$board_skin_path/img/page_prev.gif' border='0' align='absmiddle' title='이전'>", $write_pages);
$write_pages = str_replace("다음", "<img src='$board_skin_path/img/page_next.gif' border='0' align='absmiddle' title='다음'>", $write_pages);
$write_pages = str_replace("맨끝", "<img src='$board_skin_path/img/page_end.gif' border='0' align='absmiddle' title='맨끝'>", $write_pages);
//$write_pages = preg_replace("/<span>([0-9]*)<\/span>/", "$1", $write_pages);
$write_pages = preg_replace("/<span class=\"li_page_no\">([0-9]*)<\/span>/", "$1", $write_pages); // 현재페이지, 다른페이지
?>
<?=$write_pages?>
<? if ($next_part_href) { echo "<a href='$next_part_href'><img src='$board_skin_path/img/page_search_next.gif' border='0' align=absmiddle title='다음검색'></a>"; } ?>
</div>
여기 부분을 수정하는 것 같은데 수정이 안되네요... 좀 도와주시기를 간곡히 부탁드립니다.
댓글 전체

메인에 있는 style.css 에 추가하시면 됩니다.
/*페이지처리*/
#pagingNew {clear:both;font-size:12px;padding:15px 0px 0px 0px;text-align:center; height:30px;}
#pagingNew a {border:1px solid #ccc;height:30px;text-decoration:none;padding:5px 8px 5px 8px;margin-left:5px;font-weight:bold; line-height:normal;vertical-align:middle;}
#pagingNew a:hover {border:1px solid #ccc; color:#000000 vertical-align:middle; line-height:normal;}
#pagingNew .sel {border:1px solid #000000; height:30px; background: #eee; color:#000000;font-weight:bold;height:30px;padding:5px 8px 5px 8px;margin-left:5px; line-height:normal;vertical-align:middle;}
#pagingNew .numBox {color:#000;font-weight:bold;padding:0px 5px 0px 5px; height:27px;}
#pagingNew .numPrev { color:#000;height:25px;margin-right:5px;overflow:hidden;padding:2px 5px 1px 15px;width:10px;}
#pagingNew .numNext {color:#000;margin-left:5px;padding:2px 2px 1px 0px;width:10px;}
/*페이지처리*/
#pagingNew {clear:both;font-size:12px;padding:15px 0px 0px 0px;text-align:center; height:30px;}
#pagingNew a {border:1px solid #ccc;height:30px;text-decoration:none;padding:5px 8px 5px 8px;margin-left:5px;font-weight:bold; line-height:normal;vertical-align:middle;}
#pagingNew a:hover {border:1px solid #ccc; color:#000000 vertical-align:middle; line-height:normal;}
#pagingNew .sel {border:1px solid #000000; height:30px; background: #eee; color:#000000;font-weight:bold;height:30px;padding:5px 8px 5px 8px;margin-left:5px; line-height:normal;vertical-align:middle;}
#pagingNew .numBox {color:#000;font-weight:bold;padding:0px 5px 0px 5px; height:27px;}
#pagingNew .numPrev { color:#000;height:25px;margin-right:5px;overflow:hidden;padding:2px 5px 1px 15px;width:10px;}
#pagingNew .numNext {color:#000;margin-left:5px;padding:2px 2px 1px 0px;width:10px;}
감사합니다. 수정되네요 ^^ 일단 css 수정하여 디자인을 변경하기는 하였습니다만 ^^
어떻게 수정이 된 것인지 이해를 못하겟네요...
공부를 더 마니 마니 해야겠어요. 감사합니다. ^^
어떻게 수정이 된 것인지 이해를 못하겟네요...
공부를 더 마니 마니 해야겠어요. 감사합니다. ^^