우리가 사는 세상을 모두 알기엔 인생은 너무 짧다.!!

사이트관리

랜덤 최신글 무한텝 소스

거북선인 2018. 3. 13. 12:13
반응형


랜덤 최신글 무한텝 소스

http://amina.co.kr/bbs/board.php?bo_table=tip&wr_id=2339


원본 

<div class="div-tab-box tabs hidden-xs">

<ul class="nav nav-tabs nav-justified">

            <li class="active"><a href="#main-tab-a1" data-toggle="tab">탭1</a></li>

            <li><a href="#main-tab-a2" data-toggle="tab">탭2</a></li>

            <li><a href="#main-tab-a3" data-toggle="tab">탭3</a></li>

<li><a href="#main-tab-a4" data-toggle="tab">탭4</a></li>

        </ul>

        <div class="tab-content">

            <div class="tab-pane active" id="main-tab-a1">

                <?php echo latest("게시판종류", "게시판명", 5, 25 ); ?>  

<div class="clearfix"></div> 

            </div>

            <div class="tab-pane" id="main-tab-a2">

                <?php echo latest("게시판종류", "게시판명", 5, 25 ); ?> 

<div class="clearfix"></div> 

            </div>

<div class="tab-pane" id="main-tab-a3">

                <?php echo latest("게시판종류", "게시판명", 5, 25 ); ?> 

<div class="clearfix"></div> 

            </div>

<div class="tab-pane" id="main-tab-a4">

                <?php echo latest("게시판종류", "게시판명", 5, 25 ); ?>  

<div class="clearfix"></div> 

            </div>

            

         </div>

     </div>

 

하나씩 설명드리면 아미나 기본빌더에도 있는 게시판 카테고리 탭설정을 가져와서 스타일을 지정합니다

즉 버튼탭 일반탭 다 원하는걸로 할수 있다는거죠

 

<li class="active"><a href="#main-tab-a1" data-toggle="tab">탭1</a></li> 이부분 설명드리면 #main-tab-a1 

이부분을 다중탭에 맞춰 변경해주셔야 합니다 아이디가라고 생각하시면 되구요 <ex :#main-tab-a1 #main-tab-a2 #main-tab-a3>

 

그다음 탭에대한 내용을 받아 오실려면 <div class="tab-pane active" id="main-tab-a1"> 이부분을 위에 나온 아이디와 똑같이 바꿔주시기만 하시면 됩니다

 

 

 

<div class="tab-pane" id="main-tab-a3">

                그리고 이부분에 원하는 게시판을 넣으시면 됩니다 위젯도 가능하구요

<div class="clearfix"></div> 

</div>

 

한별아빠님이 만들어놓으신 스타일이 워낙 좋으셔서 활요하기 최고입니다

 

 

 

랜덤으로 소스 변경 

 

<!-- 랜덤 무한탭 메뉴 시작 -->

<div class="widget-box widget-img"> <!-- 위 아래 위젯 간격 1칸 주기위함 -->

<div class="div-tab-box tabs hidden-xs" style="width:260"   >

<ul class="nav nav-tabs nav-justified">

<?php $tnum = rand(1, 3); //탭이 열개라면 1부터 10까지 랜덤 숫자 추출 ?>

            <li<?php if($tnum == "1") echo ' class="active"';?>> 

<a href="#main-tab-a1" data-toggle="tab">공지사항</a></li>

<li<?php if($tnum == "2") echo ' class="active"';?>> 

            <a href="#main-tab-a2" data-toggle="tab">회원랭킹</a></li>

<li<?php if($tnum == "3") echo ' class="active"';?>> 

            <a href="#main-tab-a3" data-toggle="tab">설문조사</a></li>

        </ul>

        <div class="tab-content">

            <div class="tab-pane <?php if($tnum == "1") echo 'active';?>" id="main-tab-a1"style="border:1px solid #ddd; padding:11px;">

               <?php echo apms_widget('basic-post-list','idx-noticeside_id', 'icon= date=1 strong=1,3'); ?> 

<div class="clearfix"></div> 

            </div>

            <div class="tab-pane <?php if($tnum == "2") echo 'active';?>" id="main-tab-a2"style="border:1px solid #ddd; padding:11px;">

                <?php echo apms_widget('basic-member', 'idx-basic-memberside_id', 'cnt=1 rank=navy ex_grade=10'); ?>

<div class="clearfix"></div> 

            </div>

<div class="tab-pane <?php if($tnum == "3") echo 'active';?>" id="main-tab-a3" style="border:1px solid #ddd; padding:11px;">

              <?php echo apms_widget('basic-poll', 'idx-basic-pollside_id', 'cnt=1 rank=navy ex_grade=10'); ?>

<div class="clearfix"></div> 

            </div>

            

         </div>

     </div></div>

 <!-- 랜덤 무한탭 메뉴 끝 -->

반응형