최신글 탭메뉴에 관한 질문
본문
사용테마 : 아미나 베이직
아래처럼 탭 메뉴를 아미나분의 소스를 메인 페이지에 붙여 잘 작동이 됩니다. 여기서 궁금한게
현재 탭을 컨트롤 하는 클래스가 보이지 않고요. (탭의 넓이 같은걸 고정해서 사용하고 싶음)
또한 <a href=" "> 구분의 링크를 걸면 탭이 작동하지 않습니다.
예를들면
<a href="<?php echo G5_BBS_URL;?>/board.php?bo_table=free">
이렇게 넣으면 당연히 링크 먹히지 않고요.
질문은 : 탭메뉴 스타일 컨트롤 부분하고 링크 처리 하는 방법을 알려 주시면 감사하겠습니다.
<div class="div-tab tabs">
<div class="main-tab">
<ul class="nav nav-tabs" data-toggle="tab-hover">
<li><a href="#tab2-1" data-toggle="tab">자유게시판</a></li>
<li><a href="#tab2-2" data-toggle="tab">자유갤러리</a></li>
<li><a href="#tab2-3" data-toggle="tab">생활의TIP</a></li>
<li><a href="#tab2-4" data-toggle="tab">사람찾기</a></li>
</ul>
</div>
</div>
<div class="h5"></div>
<div class="tab-content">
<div class="tab-pane active" id="tab2-1">
<?php echo apms_widget('basic-post-garo', $wid.'-wm8', 'icon={아이콘:caret-right} date=1 center=1 strong=1,2'); ?>
</div>
<div class="tab-pane" id="tab2-2">
<?php echo apms_widget('basic-post-gallery1', $wid.'-wm10', 'icon={아이콘:caret-right} date=1 center=1 strong=1,2'); ?>
</div>
<div class="tab-pane" id="tab2-3">
<?php echo apms_widget('basic-post-garo', $wid.'-wm6', 'icon={아이콘:caret-right} date=1 center=1 strong=1,2'); ?>
</div>
<div class="tab-pane" id="tab2-4">
<?php echo apms_widget('basic-post-garo', $wid.'-wm12', 'icon={아이콘:caret-right} date=1 center=1 strong=1,2'); ?>
</div>
</div>
답변 3
* 링크
<li><a href="#tab2-1" data-toggle="tab">자유게시판</a></li>
->
<li><a href="#tab2-1" data-toggle="tab" onclick="go_page('/bbs/board.php?bo_table=보드아이디');">자유게시판</a></li>
http://amina.co.kr/demo/ 를 참조했습니다.
* 컨트롤
아미나빌더는 부트스트랩을 사용하고 있고, 부트스트랩에서 탭 관련 css 및 액션등을 모두 담당/지원하고 있습니다. 관련해서는 부트스트랩의 Tab 부분을 살펴보는 것이 좋을 듯 합니다. http://blog.ableit.co.kr/?p=806
탭메뉴는 한공간에서 다수의 메뉴를 클릭시 하위에 숨겨있던 내용이 보여지는거라고 정의를 내릴수 있습니다.
탭을 클릭시 링크를 이동하는건, 지금 위에 올려주신 소스코드와는 다른문제입니다.
이해가 되셨을지 모르겠네요~
탭메뉴 스타일 컨트롤은 class 를 추가하여 css 로 제어하시면 됩니다.
예를들면 저녀석 (자유게시판)을 클릭시 링크 이동하게 하는 법입니다.