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 포인트
2014-12-19 (금) 15:03:17
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>
2014-12-18 (목) 15:14:58
라디오 버튼으로 해서 디자인을 비슷하게 해보시는건...
http://sir.co.kr/bbs/board.php?bo_table=g4_tiptech&wr_id=12272
답변을 작성하려면 로그인이 필요합니다.