테스트 사이트 - 개발 중인 베타 버전입니다

최신글 탭메뉴에 관한 질문 채택완료

초보나라 5년 전 조회 3,436

사용테마 : 아미나 베이직 

 

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

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

또한 <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개

채택된 답변
+20 포인트
5년 전

* 링크

<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개

초보나라
5년 전
정말 감사 드립니다. ^^ 제가 원하던 답변 이십니다. 나이따~!♡

댓글을 작성하려면 로그인이 필요합니다.

예를들면 저녀석 (자유게시판)을 클릭시 링크 이동하게 하는 법입니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

D
5년 전

탭메뉴는 한공간에서 다수의 메뉴를 클릭시 하위에 숨겨있던 내용이 보여지는거라고 정의를 내릴수 있습니다.

탭을 클릭시 링크를 이동하는건, 지금 위에 올려주신 소스코드와는 다른문제입니다. 

이해가 되셨을지 모르겠네요~ 

탭메뉴 스타일 컨트롤은 class 를 추가하여 css 로 제어하시면 됩니다.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

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

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인