테스트 사이트 - 개발 중인 베타 버전입니다

write.skin.php 에 카테고리를 넣고싶은데요.. 채택완료

미더라 10년 전 조회 3,501

 

 

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 포인트
10년 전

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

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

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

 

 

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

로그인 후 평가할 수 있습니다

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

10년 전
로그인 후 평가할 수 있습니다

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

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

로그인