모바일웹의 최신글을 아이콘으로 변경하려는데요~~
관련링크
본문
그누보드 기본 모바일 페이지에서 기존의 최신글 부분을 리마크하고
왼쪽처럼 그룹으로 메뉴를 만들었는데여
오른쪽처럼 그룹게시판 아이콘을 누루면
그룹아이콘 사이에
선택 그룹아이콘에 해당되는
메뉴게시판 아이콘이 나오도록 하려면 어떻게 해야할지...
// 사용방법
// latest(스킨, 게시판아이디, 출력라인, 글자수);
//echo latest('theme/basic', $row['bo_table'], 5, 25);
}
?>
<style>
ul{ list-style:none; }
.main_menu {width:100%; height:350px; margin:auto; margin-top:1px; }
.main_menu>ul {width:100%; height:350px; background:#fff; padding:0 0 0 20px; }
.main_menu>ul>li {display:inline-block; width:33.33%; height:120px; margin-right:5px; position:relative;}
.main_menu ul li a:hover{color:#000; background:#fc0}
</style>
<div class='main_menu'>
<ul>
<li> <a href ='http://w3.orangesam.com/bbs/group.php?gr_id=ing' > <img src ='/img/A02.gif' title ='공유'> <br> 공유</a> </li>
<li> <a href ='http://w3.orangesam.com/bbs/group.php?gr_id=comm' > <img src ='/img/A03.gif' title ='커뮤니티'> <br> 커뮤니티 </a> </li>
<li> <img src ='/img/A05.gif' title ='이벤트'> <br> 이벤트 </li>
</ul>
</div>
<?php
include_once(G5_THEME_MOBILE_PATH.'/tail.php');
답변 1
테스트는 안해봤습니다만,
대략 아래 코드 처럼 자바스크립트로 클릭시 div를 보이게 처리하면 될 듯 합니다.
<style>
.display_none {display:none}
</style>
<div class='main_menu'>
<ul>
<li>
<img src ='/img/A02.gif' title ='공유' class="mtab" target="tab_1"><br>공유
<div class="display_none" id="tab_1">
<a href="게시판링크">핫플레이스</a>
<a href="게시판링크">할인정보</a>
</div>
</li>
<li>
<img src ='/img/A03.gif' title ='커뮤니티' class="mtab" target="tab_2"><br>커뮤니티
<div class="display_none" id="tab_2">
<a href="게시판링크">자유게시판</a>
<a href="게시판링크">기타기타</a>
</div>
</li>
<li> <img src ='/img/A05.gif' title ='이벤트'> <br> 이벤트 </li>
</ul>
</div>
<script>
$(".mtab").click(function(){
var tab_id = $(this).attr("target");
$('#'+tab_id).toggle();
});
</script>
감사합니다.
답변을 작성하시기 전에 로그인 해주세요.