모바일 게시판 탭기능 있는 최신글
본문
안녕하세요, 초보제작자 입니다.
http://nuli.navercorp.com/sharing/ui/patternMenu/1
모바일 탭기능 최신글을 찾다가, 위 사이트를 알게되서 그냥 다짜고자 latest.skin이랑 style쪽에 붙여넣었더니, 딱 저기서 나와있는 모습으로만 적용이 되더라구요.
최신글 목록이 나오게 하려면 어떻게 해야하나요?
게시판과 연동방법이라고 해야할까요..?
답변 2
직접 짜셔도 될거같긴한데요..
제가 쓰는소스를 올려 드리자면
#container .main_banner_tab { width:100%; margin:auto; }
#container .main_banner_tab > span { margin-top:12px; margin-right:10px; font-size:12px; font-weight:700; }
#container .main_banner_tab > ul {
margin:auto; background:#f7f7f7;border:1px solid #e7e7e7; border-bottom:none;
width: -moz-calc(100% - 2px); width: -webkit-calc(100% - 2px); width: -o-calc(100% 2px); width: calc(100% - 2px); width: expression(100% - 2px);
}
#container .main_banner_tab > ul > li { float:left; padding:10px 15px 10px 15px; border-top:3px solid #e7e7e7; border-right:1px solid #e7e7e7; cursor:pointer; font-size:13px; }
#container .main_banner_tab > ul > li.active { background:#fff; border-top:3px solid #333333; font-size:13px; }
<!-- 갤러리 추출 시작 -->
<script type="text/javascript">
<!--
$(document).ready(function(){
$(".g_t_gallery").hide();
$(".g_t_more").hide();
$("#g_t_1").show();
$("#g_t_more_1").show();
$(".g_t").click(function(){
var g_t_data = $(this).attr('g_t_data');
$('.g_t').removeClass('active');
$(this).addClass('active');
$(".g_t_gallery").hide();
$(".g_t_more").hide();
$("#g_t_"+g_t_data).show();
$("#g_t_more_"+g_t_data).show();
});
});
//-->
</script>
<div class="main_banner_tab">
<span class="fr g_t_more" id="g_t_more_1"><a href="<?php echo G5_BBS_URL ?>/board.php?bo_table=gallery">+ 더보기</a></span>
<span class="fr g_t_more" id="g_t_more_2"><a href="<?php echo G5_BBS_URL ?>/board.php?bo_table=normal">+ 더보기</a></span>
<span class="fr g_t_more" id="g_t_more_3"><a href="<?php echo G5_BBS_URL ?>/board.php?bo_table=gallery">+ 더보기</a></span>
<ul>
<li class="g_t active" g_t_data='1'>갤러리탭A</li>
<li class="g_t" g_t_data='2'>갤러리탭B</li>
<li class="g_t" g_t_data='3'>갤러리탭C</li>
</ul>
</div>
<div class="g_t_gallery" id="g_t_1">
<?php
// 이 함수가 바로 최신글을 추출하는 역할을 합니다.
// 사용방법 : latest(스킨, 게시판아이디, 출력라인, 글자수);
// 테마의 스킨을 사용하려면 theme/basic 과 같이 지정
echo latest('gallery', 'gallery', 12);
?>
</div>
<div class="g_t_gallery" id="g_t_2">
<?php
// 이 함수가 바로 최신글을 추출하는 역할을 합니다.
// 사용방법 : latest(스킨, 게시판아이디, 출력라인, 글자수);
// 테마의 스킨을 사용하려면 theme/basic 과 같이 지정
echo latest('gallery', 'normal', 12);
?>
</div>
<div class="g_t_gallery" id="g_t_3">
<?php
// 이 함수가 바로 최신글을 추출하는 역할을 합니다.
// 사용방법 : latest(스킨, 게시판아이디, 출력라인, 글자수);
// 테마의 스킨을 사용하려면 theme/basic 과 같이 지정
echo latest('gallery', 'gallery', 12);
?>
</div>
<!-- 갤러리 추출 끝 -->
이렇게 쓰고 있습니다.
main_banner_tab
클래스 명이 이렇게 돼어잇는부분을 수정해보세요
그럼 될거같네요