게시판 리스트의 페이지 번호 디자인 변경입니다. > 그누4 질문답변

그누4 질문답변

그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기
기존 게시물은 열람만 가능합니다.

게시판 리스트의 페이지 번호 디자인 변경입니다. 정보

게시판 리스트의 페이지 번호 디자인 변경입니다.

본문

저 뻘건 부분의 디자인을 수정하고 싶은 것입니다.

가능하면 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;}
감사합니다. 수정되네요 ^^ 일단 css 수정하여 디자인을 변경하기는 하였습니다만 ^^
어떻게 수정이 된 것인지 이해를 못하겟네요...
공부를 더 마니 마니 해야겠어요. 감사합니다. ^^
전체 66,554 |RSS
그누4 질문답변 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1402호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT