채택완료

write.skin.php 에 카테고리를 넣고싶은데요..

2014-12-18 (목) 14:55:42 3,893

write.skin.php 에 카테고리를 넣고싶은데요..

    <!-- 게시판 카테고리 시작 { -->
    <!-- } 게시판 카테고리 끝 -->
    <nav id="bo_cate">
        <h2><?php echo $board['bo_subject'] ?> 카테고리</h2>
        <ul id="bo_cate_ul">
            <?php echo $category_option ?>
        </ul>
    </nav>
    <?php } ?>
    <!-- } 게시판 카테고리 끝 -->​

이걸 넣으니깐...카테고리는 보이는데 list.skin.php 에서처럼은 안되더라구요..

글쓰기에 카테고리로 분류하여 글을 입력받고싶은데...셀렉트는 게시판검색하니깐 많이 나오더라구요..

근데 list.skin.php처럼 탭으로 나오게 하고싶어서요....

어떤 팁이나 스킨이 있으면 알려주시면 감사하겠습니다...

|

답변 2개

채택된 답변
+20 포인트

input radio 사용하면서 position:absolute 주고 top에 -값을 줘서 감추고, 표시는 싸고있는 label로..

그리고 싸고있는 태그에 overflow:hidden을 주면..

실제로 제가 사용하는 겁니다.

 

Copy
<style type="text/css">#inqTab {width:100%; height:32px;position:relative;overflow:hidden;}#inqTab:after {content:" "; display:block; clear:both;}#inqTab li {float:left; width:24.2%; margin-right:1%; text-align:center; background:#999999; color:#fff; font-size:14px;  font-weight:bold; line-height:32px; cursor:pointer;}#inqTab li label {cursor:pointer;display:block;}#inqTab li input {position:absolute; top:-20px;}#inqTab li.last {margin-right:0;}#inqTab li.on {background:#79cbda;}</style> <ul id="inqTab" class="listTab">    <li class="on"><label for="wr_1_1">쇼핑몰 이용문의</label><input type="radio" name="wr_1" id="wr_1_1" value="1" checked="checked"></li>    <li><label for="wr_1_2">원두 도매 문의</label><input type="radio" name="wr_1" id="wr_1_2" value="2"></li>    <li><label for="wr_1_3">교육 문의</label><input type="radio" name="wr_1" id="wr_1_3" value="3"></li>    <li class="last"><label for="wr_1_4">마케팅,취재 문의</label><input type="radio" name="wr_1" id="wr_1_4" value="4"></li></ul> <script type="text/javascript">$(document).ready(function(){    $('#inqTab li').click(function(){        if(!$(this).hasClass('on')) {            $(this)                .addClass('on')                .find('input[name="wr_1"]').attr('checked',true).end()                .siblings().removeClass('on')                .find('input[name="wr_1"]').attr('checked',false);        }    });    $('#inqTab li input').click(function(event){        event.stopPropagation(); // 버블링 방지    });});</script>

라디오 버튼으로 해서 디자인을 비슷하게 해보시는건...

http://sir.co.kr/bbs/board.php?bo_table=g4_tiptech&wr_id=12272 

답변을 작성하려면 로그인이 필요합니다.