최신글 탭메뉴에 관한 질문 채택완료
사용테마 : 아미나 베이직
아래처럼 탭 메뉴를 아미나분의 소스를 메인 페이지에 붙여 잘 작동이 됩니다. 여기서 궁금한게
현재 탭을 컨트롤 하는 클래스가 보이지 않고요. (탭의 넓이 같은걸 고정해서 사용하고 싶음)
또한 <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/">http://amina.co.kr/demo/ 를 참조했습니다.
* 컨트롤
아미나빌더는 부트스트랩을 사용하고 있고, 부트스트랩에서 탭 관련 css 및 액션등을 모두 담당/지원하고 있습니다. 관련해서는 부트스트랩의 Tab 부분을 살펴보는 것이 좋을 듯 합니다. http://blog.ableit.co.kr/?p=806">http://blog.ableit.co.kr/?p=806
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
탭메뉴는 한공간에서 다수의 메뉴를 클릭시 하위에 숨겨있던 내용이 보여지는거라고 정의를 내릴수 있습니다.
탭을 클릭시 링크를 이동하는건, 지금 위에 올려주신 소스코드와는 다른문제입니다.
이해가 되셨을지 모르겠네요~
탭메뉴 스타일 컨트롤은 class 를 추가하여 css 로 제어하시면 됩니다.
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인