최신글 탭메뉴에 관한 질문

최신글 탭메뉴에 관한 질문

QA

최신글 탭메뉴에 관한 질문

본문

사용테마 : 아미나 베이직 

 

아래처럼 탭 메뉴를 아미나분의 소스를 메인 페이지에 붙여 잘 작동이 됩니다. 여기서 궁금한게

현재 탭을 컨트롤 하는 클래스가 보이지 않고요. (탭의 넓이 같은걸 고정해서 사용하고 싶음)

또한 <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 로 제어하시면 됩니다.

답변 감사합니다. 제가 질문 드린점은 탭메뉴 생성시 자유게시판/자유갤러리/생활의팁/사람찾기 등의 탭이 생성되었고 예를들면 자유게시판이라는 탭을 클릭시 그 게시판으로 가게 하는것을 말씀 드립니다. CSS는 클래스 추가해서 제어 하는것은 알고 있으나.... 지금 저위의 클래스가 보이지 않아서요. ㅡ,.ㅡ;

답변을 작성하시기 전에 로그인 해주세요.
전체 94
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT