초보자의 탭형식 최근게시물 올려봅니다^^;;;;

저처럼 탭형식에대해 궁금하신분들 계실까해서 올려봅니다^^;;;;

이런형태이구요~~

각탭마다 페이드효과를 주어서 탭마다 넘기실때 딱딱하게넘어가지않고 페이드효과로 넘어갑니다~^^

메인에 쓰시는 인덱스에 넣고싶은곳에 소스를 넣으시면되시구요~

처음에 소스넣으시고 글내용이 우측정렬되시는분들은

해당 위젯파일 widget.css 파일열으셔서 3번째줄 margin부분에서 -2px 된것을 0px로 주시고 4번째줄 padding값 10px주시면

위와같이 잘 나옵니다^^

초보자라 열심히 배우고있으니 앞으로도 기대해주세요^^ㅋ

<div role="tabpanel">

  <!-- Nav tabs -->
  <ul class="nav nav-tabs" role="tablist">
    <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">공지사항</a></li>
    <li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">메뉴-2</a></li>
    <li role="presentation"><a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">메뉴-3</a></li>
    <li role="presentation"><a href="#settings" aria-controls="settings" role="tab" data-toggle="tab">메뉴-4</a></li>
  </ul>

  <!-- Tab panes -->
  <div class="tab-content">
    <div role="tabpanel" class="tab-pane fade in active" id="home">
 <?php echo apms_widget('basic-post-list','flower_m02') ?></div>
   
 <div role="tabpanel" class="tab-pane fade" id="profile">
 <?php echo apms_widget('basic-post-list','flower_m03') ?></div>
   
 <div role="tabpanel" class="tab-pane fade" id="messages">
 <?php echo apms_widget('basic-post-list','flower_m04') ?></div>
   
 <div role="tabpanel" class="tab-pane fade" id="settings">
 <?php echo apms_widget('basic-post-list','flower_m05') ?></div>
  </div>

</div>