고수님들 더운 여름 시원하시게 나세요..^^:

<div class="left width-half-main">
</div>
        <ul class="nav nav-tabs">
            <li class="active"><a href="#main-tab-1" data-toggle="tab">축구</a></li>
            <li><a href="#main-tab-2" data-toggle="tab">야구</a></li>
            <li><a href="#main-tab-3" data-toggle="tab">농구</a></li>
            <li><a href="#main-tab-4" data-toggle="tab">배구</a></li>
            <li><a href="#main-tab-5" data-toggle="tab">기타</a></li>
        </ul>
        <div class="tab-content margin-top-15">
            <div class="tab-pane fade in active" id="main-tab-1">
                {latest->latest_eyoom('ebp_basic','title=축구||bo_table=notice||count=7||cut_subject=50')}
            </div>
            <div class="tab-pane fade in" id="main-tab-2">
                {latest->latest_eyoom('ebp_basic','title=야구||bo_table=11||count=7||cut_subject=50')}
            </div>
            <div class="tab-pane fade in" id="main-tab-3">
                {latest->latest_eyoom('ebp_basic','title=농구||bo_table=22||count=7||cut_subject=50')}
            </div>
            <div class="tab-pane fade in" id="main-tab-4">
                {latest->latest_eyoom('ebp_basic','title=배구||bo_table=33||count=7||cut_subject=50')}
            </div>
            <div class="tab-pane fade in" id="main-tab-5">
                {latest->latest_eyoom('ebp_basic','title=기타||bo_table=44||count=7||cut_subject=50')}
            </div>
        </div>
    </div>
</div>​

위에 있는데 제가 지금 꾸민건데요.

아래 처럼 하려 하니 도저히 시간만 허비 하고 안돼내요 조언좀 부탁드려요.

지금 이윰테마를 쓰고 있구요 그누보드5 입니다.

(포토샾으로 만든겁니다 희망하는 모션) 

최근글 목록에 글에 해당하는 이미지도 같이 출력 돼게요..ㅜㅜ

제발 부탁드려요..