안녕하세요.

Content 위젯으로 최근 갤러리 페이지를 만들었습니다.

나름 디자인도 넣어서 만족해했는데 모바일에서는 모바일 화면으로 나올질 않네요. ㅠ.ㅠ

/public_html/widgets/content/skins/default/gallery.html

스케치북 웹진 위젯 처럼 컨텐츠 위젯도 모바일에 적용된 정보가 있음 참고하려 합니다.

gallery.html 소스입니다.

<ul class="widgetGalleryA" style="width:{$widget_info->cols_list_count*($widget_info->thumbnail_width+28)}px;">

    <!--@foreach($widget_info->content_items as $key => $item)-->

    <li<!--@if($_idx>0 && $_idx % $widget_info->cols_list_count==0)--> class="clearLeft"<!--@end--> style="<!--@if($_idx >= $widget_info->list_count)-->display:none;<!--@end-->width:{$widget_info->thumbnail_width+20}px;">

<!-- <table border="1"><tr><td> -->

<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"> {$item->getCommentCount()}    <img src="./images/vote.png"> {$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><!-- </td></tr></table> -->

    </li>

    <!--@end-->

</ul>

<!--@if($widget_info->page_count > 1 && $widget_info->list_count<$_idx)-->

<ul class="widgetNavigator">

    <li><button type="button" class="prev" title="{$lang->cmd_prev}" onclick="content_widget_prev(jQuery(this).parents('ul.widgetNavigator').prev('ul.widgetGalleryA'),{$widget_info->list_count})"><span>{$lang->cmd_prev}</span></button></li>

    <li><button type="button" class="next" title="{$lang->cmd_next}" onclick="content_widget_next(jQuery(this).parents('ul.widgetNavigator').prev('ul.widgetGalleryA'),{$widget_info->list_count})"><span>{$lang->cmd_next}</span></button></li>

</ul>