초보자의 탭형식 최근게시물 올려봅니다^^;;;;
저처럼 탭형식에대해 궁금하신분들 계실까해서 올려봅니다^^;;;;
이런형태이구요~~
각탭마다 페이드효과를 주어서 탭마다 넘기실때 딱딱하게넘어가지않고 페이드효과로 넘어갑니다~^^
메인에 쓰시는 인덱스에 넣고싶은곳에 소스를 넣으시면되시구요~
처음에 소스넣으시고 글내용이 우측정렬되시는분들은
해당 위젯파일 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>