안녕하세요.

레이아웃 테마를 구입해서 사용하고 있는데요.

위젯 페이지에 갤러리 게시판 4~5에서 게시판 마다 최근 게시물을 불러낼려고 하는데요.

스케치북 게시판의 웹진형 카드형태로 출력하고 싶어요.

물론, 스케치북 게시판은 반응형이라 모바일에서도 잘 보이잖아요.

다른 리스트 위젯도 써봤는데 가로 갯수에 제한이 있고 메인 이미지와 서브 이미지 크기도 다르고 해서요.

또한, 기본으로 제공하는 xe 의 content 위젯 소스를 제딴에는 테두리 입히고 카드 형식으로 만든다고 해봤어요.

<div align="center" style="padding-right:10px; padding-left:10px; padding-top:10px; background-color:#f8f8f8; border-bottom:1px solid #bbbbbb; border-left:1px solid #dddddd; border-right:1px solid #dddddd; border-top:1px solid #dddddd;">

        <!--@foreach($widget_info->option_view_arr as $k => $v)-->

            <!--@if($v=='thumbnail')-->

                <a href="{$item->getLink()}" class="thumb" style="width:{$widget_info->thumbnail_width}px;height:{$widget_info->thumbnail_height}px" target="_blank"|cond="$widget_info->new_window">

                    <!--@if($item->getThumbnail())-->

                        <img src="{$item->getThumbnail()}" style="width:{$widget_info->thumbnail_width}px;height:{$widget_info->thumbnail_height}px"/>

                    <!--@else-->

                        <span class="imgNone">{$lang->none_image}</span>

                    <!--@end-->

                <!--@if($widget_info->show_browser_title=='Y' && $item->getBrowserTitle())-->

                    <strong class="board">{$item->getBrowserTitle()}</strong>

                <!--@end-->

                <!--@if($widget_info->show_category=='Y' && $item->getCategory())-->

                    <strong class="category">{$item->getCategory()}</strong>

                <!--@end-->

                </a>

                <div align="center"><a href="{$item->getLink()}" class="title" target="_blank"|cond="$widget_info->new_window">{$item->getTitle($widget_info->subject_cut_size)}</a></div>

                <div align="center" style="margin-top:5px; margin-bottom:10px;"><font size="2px" color="#777777"><img src="/images/view.png"> {$item->get('readed_count')}    <img src="/images/comment.png"> {(int)$item->getCommentCount()}    <img src="/images/vote.png"> {(int)$item->get('voted_count')}</font></div>

        <!--@else if($v=='nickname')-->

<div align="right" style="margin-bottom:10px;">

<table border=0 width="100%" style='border-left:0;border-right:0;border-bottom:0;border-top:0'> 

  <tr> 

    <td width="70%">

            <a href="#" onclick="return false;" class="author member_{$item->getMemberSrl()}">{$item->getNickName($widget_info->nickname_cut_size)}</a></td>

        <!--@else if($v=='regdate')-->

            <td width="30%" align="right"><font size="2px" color="#777777">{$item->getRegdate("m-d")}</font></td></tr></table>

        <!--@end-->

    <!--@end--></div>

근데 실컷 해놓고 나니 웹에서는  이뿌게 보이는데 모바일에서는 두번째 이미지 부터 짤려버리더라고요. ^^

반응형 위젯이 아니라서 그런가봅니다.

현재 가로형 갤러리 리스트 형식의 컨텐트 위젯 사용하시는 분이 있으면 링크좀  문의 좀 드려도 될까 해서요.

부탁드리겠습니다.