해당 스킨을 모바일로 구현 하려면 리스트형으로 해야 될것 같은데요
본문
http://sir.kr/g4_skin/109869?sfl=wr_subject%7C%7Cwr_content&stx=%EC%98%88%EC%95%BD&page=4
list.list.php
<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
// 선택옵션으로 인해 셀합치기가 가변적으로 변함
$colspan = 5;
//if ($is_category) $colspan++;
if ($is_checkbox) $colspan++;
if ($is_good) $colspan++;
if ($is_nogood) $colspan++;
// 제목이 두줄로 표시되는 경우 이 코드를 사용해 보세요.
// <nobr style='display:block; overflow:hidden; width:000px;'>제목</nobr>
?>
<!-- 게시판 목록 시작 -->
<table width="<?=$width?>" align="center" cellpadding="0" cellspacing="0"><tr><td>
<!-- 분류 셀렉트 박스, 게시물 몇건, 관리자화면 링크 -->
<div class="board_top">
<a href='board.php?bo_table=<?=$bo_table?>&mode=m2'><img src="<?=$board_skin_path?>/img/tab01_off.gif" style='border-bottom:1px solid #b7bdcc;'></a><a href='board.php?bo_table=<?=$bo_table?>&mode=l'><img src="<?=$board_skin_path?>/img/tab04_on.gif" style='border-bottom:1px solid #b7bdcc;'></a>
<!-- <div style="float:left;">
<form name="fcategory" method="get" style="margin:0px;">
<? if ($is_category) { ?>
<select name=sca onchange="location='<?=$category_location?>'+<?=strtolower($g4[charset])=='utf-8' ? "encodeURIComponent(this.value)" : "this.value"?>;">
<option value=''>전체</option>
<?=$category_option?>
</select>
<? } ?>
</form>
</div>
<div style="float:right;">
<img src="<?=$board_skin_path?>/img/icon_total.gif" align="absmiddle" border='0'>
<span style="color:#888888; font-weight:bold;">Total <?=number_format($total_count)?></span>
<? if ($rss_href) { ?><a href='<?=$rss_href?>'><img src='<?=$board_skin_path?>/img/btn_rss.gif' border='0' align="absmiddle"></a><?}?>
<? if ($admin_href) { ?><a href="<?=$admin_href?>"><img src="<?=$board_skin_path?>/img/btn_admin.gif" border='0' title="관리자" align="absmiddle"></a><?}?>
</div> -->
</div>
<!-- 제목 -->
<form name="fboardlist" method="post">
<input type='hidden' name='bo_table' value='<?=$bo_table?>'>
<input type='hidden' name='sfl' value='<?=$sfl?>'>
<input type='hidden' name='stx' value='<?=$stx?>'>
<input type='hidden' name='spt' value='<?=$spt?>'>
<input type='hidden' name='page' value='<?=$page?>'>
<input type='hidden' name='sw' value=''>
<style>
.board_top { clear:both; }
.board_list { clear:both; width:100%; table-layout:fixed; margin:5px 0 0 0; }
.board_list th { font-weight:bold; font-size:12px; }
.board_list th { background:url(<?=$board_skin_path?>/img/title_bg.gif) repeat-x; }
.board_list th { white-space:nowrap; height:34px; overflow:hidden; text-align:center; }
.board_list th { border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
.board_list tr.bg0 { background-color:#fafafa; }
.board_list tr.bg1 { background-color:#ffffff; }
.board_list td { padding:.5em; }
.board_list td { border-bottom:1px solid #ddd; background-color:#fff;}
.board_list td.num { color:#999999; text-align:center; }
.board_list td.checkbox { text-align:center; }
.board_list td.subject { overflow:hidden; }
.board_list td.name { padding:0 0 0 10px; }
.board_list td.datetime { font:normal 11px tahoma; color:#BABABA; text-align:center; }
.board_list td.hit { font:normal 11px tahoma; color:#BABABA; text-align:center; }
.board_list td.good { font:normal 11px tahoma; color:#BABABA; text-align:center; }
.board_list td.nogood { font:normal 11px tahoma; color:#BABABA; text-align:center; }
.board_list .notice { font-weight:normal; }
.board_list .current { font:bold 11px tahoma; color:#E15916; }
.board_list .comment { font-family:Tahoma; font-size:10px; color:#EE5A00; }
.board_button { clear:both; margin:10px 0 0 0; }
.board_page { clear:both; text-align:center; margin:3px 0 0 0; }
.board_page a:link { color:#777; }
.board_search { text-align:center; margin:10px 0 0 0; }
.board_search .stx { height:21px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; }
</style>
<table cellspacing="0" cellpadding="0" class="board_list" >
<colgroup>
<col width="4%"/><col width="18%"/><col width="12%"/><col width="12%"/><col width=""/><col width=""/><col width="12%"/><col width="10%"/>
</colgroup>
<tr>
<th>번호</th>
<!-- <? if ($is_checkbox) { ?><th><input onclick="if (this.checked) all_checked(true); else all_checked(false);" type="checkbox"></th><?}?> -->
<th>제목</th>
<th>이름</th>
<th>방문일시</th>
<th>작업내용</th>
<th>차량종류</th>
<th>주행거리</th>
<th>연락처</th>
</tr>
<?
for ($i=0; $i<count($list); $i++) {
$bg = $i%2 ? 0 : 1;
$wr_10 = split_wr_10($list[$i][wr_10]); // list.skin.php
?>
<tr class="bg<?=$bg?>">
<td class="num">
<?
if ($list[$i][is_notice]) // 공지사항
echo "<b>공지</b>";
else if ($wr_id == $list[$i][wr_id]) // 현재위치
echo "<span class='current'>{$list[$i][num]}</span>";
else
echo $list[$i][num];
?>
</td>
<!-- <? if ($is_checkbox) { ?><td class="checkbox"><input type=checkbox name=chk_wr_id[] value="<?=$list[$i][wr_id]?>"></td><? } ?> -->
<td class="subject">
<?
echo $nobr_begin;
echo $list[$i][reply];
echo $list[$i][icon_reply];
if ($is_category && $list[$i][ca_name]) {
echo "<span class=small><font color=gray>[<a href='{$list[$i][ca_name_href]}'>{$list[$i][ca_name]}</a>]</font></span> ";
}
if ($list[$i][is_notice])
echo "<a href='{$list[$i][href]}'><span class='notice'>{$list[$i][subject]}</span></a>";
else
echo "<a href='{$list[$i][href]}'>{$list[$i][subject]}</a>";
if ($list[$i][comment_cnt])
echo " <a href=\"{$list[$i][comment_href]}\"><span class='comment'>{$list[$i][comment_cnt]}</span></a>";
// if ($list[$i]['link']['count']) { echo "[{$list[$i]['link']['count']}]"; }
// if ($list[$i]['file']['count']) { echo "<{$list[$i]['file']['count']}>"; }
echo " " . $list[$i][icon_new];
echo " " . $list[$i][icon_file];
echo " " . $list[$i][icon_link];
echo " " . $list[$i][icon_hot];
echo " " . $list[$i][icon_secret];
echo $nobr_end;
?>
</td>
<td class="name"><?=$list[$i][name]?></td>
<td class=""><?=substr($list[$i][wr_link1],0,4)?>-<?=substr($list[$i][wr_link1],4,2)?>-<?=substr($list[$i][wr_link1],6,2)?> <?=$list[$i][wr_6]?><br/> </td>
<td class="">
<?=($wr_10[item1]=="y") ? "타이밍밸트, ":"";?>
<?=($wr_10[item2]=="y") ? "각종오일, ":"";?>
<?=($wr_10[item3]=="y") ? "엔진정비, ":"";?>
<?=($wr_10[item4]=="y") ? "하체정비, ":"";?>
<?=($wr_10[item5]=="y") ? "기타정비":"";?>
</td>
<td class=""> [<?=$wr_10[company]?>] [<?=$wr_10[c_name]?>] [<?=$wr_10[series]?>]</td>
<td class=""><?=$list[$i][wr_2]?></td>
<td class=""><?=$list[$i][wr_1]?></td>
<!-- <td class="hit"><?=$list[$i][wr_hit]?></td>
<? if ($is_good) { ?><td class="good"><?=$list[$i][wr_good]?></td><? } ?>
<? if ($is_nogood) { ?><td class="nogood"><?=$list[$i][wr_nogood]?></td><? } ?> -->
</tr>
<? } // end for ?>
<? if (count($list) == 0) { echo "<tr><td colspan='$colspan' height=100 align=center>게시물이 없습니다.</td></tr>"; } ?>
</table>
</form>
</div>
<div class="board_button">
<!-- <div style="float:left;">
<? if ($list_href) { ?>
<a href="<?=$list_href?>"><img src="<?=$board_skin_path?>/img/btn_list.gif" align="absmiddle" border='0'></a>
<? } ?>
<? if ($is_checkbox) { ?>
<a href="javascript:select_delete();"><img src="<?=$board_skin_path?>/img/btn_select_delete.gif" align="absmiddle" border='0'></a>
<a href="javascript:select_copy('copy');"><img src="<?=$board_skin_path?>/img/btn_select_copy.gif" align="absmiddle" border='0'></a>
<a href="javascript:select_copy('move');"><img src="<?=$board_skin_path?>/img/btn_select_move.gif" align="absmiddle" border='0'></a>
<? } ?>
</div> -->
<!-- <div style="float:right;">
<? if ($write_href) { ?><a href="<?=$write_href?>"><img src="<?=$board_skin_path?>/img/btn_write.gif" border='0'></a><? } ?>
</div> -->
<!-- 페이지 -->
<div class="board_page">
<? /* if ($prev_part_href) { echo "<a href='$prev_part_href'><img src='$board_skin_path/img/page_search_prev.gif' border='0' align=absmiddle title='이전검색'></a>"; } */?>
<?
// 기본으로 넘어오는 페이지를 아래와 같이 변환하여 이미지로도 출력할 수 있습니다.
//echo $write_pages1;
$write_pages1 = str_replace("처음", "<img src='$board_skin_path/img/page_begin.gif' border='0' align='absmiddle' title='처음'>", $write_pages1);
$write_pages1 = str_replace("이전", "<img src='$board_skin_path/img/page_prev.gif' border='0' align='absmiddle' title='이전'>", $write_pages1);
$write_pages1 = str_replace("다음", "<img src='$board_skin_path/img/page_next.gif' border='0' align='absmiddle' title='다음'>", $write_pages1);
$write_pages1 = str_replace("맨끝", "<img src='$board_skin_path/img/page_end.gif' border='0' align='absmiddle' title='맨끝'>", $write_pages1);
//$write_pages1 = preg_replace("/<span>([0-9]*)<\/span>/", "$1", $write_pages1);
$write_pages1 = preg_replace("/<b>([0-9]*)<\/b>/", "<b><span style=\"color:#4D6185; font-size:12px; text-decoration:underline;\">$1</span></b>", $write_pages1);
$write_pages1 = str_replace("bo_table=", "mode=l&bo_table=", $write_pages1);
?>
<?=$write_pages1?>
<? /* if ($next_part_href) { echo "<a href='$next_part_href'><img src='$board_skin_path/img/page_search_next.gif' border='0' align=absmiddle title='다음검색'></a>"; } */ ?>
</div>
<!-- 검색 -->
<!-- <div class="board_search">
<form name="fsearch" method="get">
<input type="hidden" name="bo_table" value="<?=$bo_table?>">
<input type="hidden" name="sca" value="<?=$sca?>">
<select name="sfl">
<option value="wr_subject">제목</option>
<option value="wr_content">내용</option>
<option value="wr_subject||wr_content">제목+내용</option>
<option value="mb_id,1">회원아이디</option>
<option value="mb_id,0">회원아이디(코)</option>
<option value="wr_name,1">글쓴이</option>
<option value="wr_name,0">글쓴이(코)</option>
</select>
<input name="stx" class="stx" maxlength="15" itemname="검색어" required value='<?=stripslashes($stx)?>'>
<input type="image" src="<?=$board_skin_path?>/img/btn_search.gif" border='0' align="absmiddle">
<input type="radio" name="sop" value="and">and
<input type="radio" name="sop" value="or">or
</form>
</div> -->
</td></tr></table>
<script type="text/javascript">
if ('<?=$sca?>') document.fcategory.sca.value = '<?=$sca?>';
if ('<?=$stx?>') {
document.fsearch.sfl.value = '<?=$sfl?>';
if ('<?=$sop?>' == 'and')
document.fsearch.sop[0].checked = true;
if ('<?=$sop?>' == 'or')
document.fsearch.sop[1].checked = true;
} else {
document.fsearch.sop[0].checked = true;
}
</script>
<? if ($is_checkbox) { ?>
<script type="text/javascript">
function all_checked(sw) {
var f = document.fboardlist;
for (var i=0; i<f.length; i++) {
if (f.elements[i].name == "chk_wr_id[]")
f.elements[i].checked = sw;
}
}
function check_confirm(str) {
var f = document.fboardlist;
var chk_count = 0;
for (var i=0; i<f.length; i++) {
if (f.elements[i].name == "chk_wr_id[]" && f.elements[i].checked)
chk_count++;
}
if (!chk_count) {
alert(str + "할 게시물을 하나 이상 선택하세요.");
return false;
}
return true;
}
// 선택한 게시물 삭제
function select_delete() {
var f = document.fboardlist;
str = "삭제";
if (!check_confirm(str))
return;
if (!confirm("선택한 게시물을 정말 "+str+" 하시겠습니까?\n\n한번 "+str+"한 자료는 복구할 수 없습니다"))
return;
f.action = "./delete_all.php";
f.submit();
}
// 선택한 게시물 복사 및 이동
function select_copy(sw) {
var f = document.fboardlist;
if (sw == "copy")
str = "복사";
else
str = "이동";
if (!check_confirm(str))
return;
var sub_win = window.open("", "move", "left=50, top=50, width=500, height=550, scrollbars=1");
f.sw.value = sw;
f.target = "move";
f.action = "./move.php";
f.submit();
}
</script>
<? } ?>
<!-- 게시판 목록 끝 -->
list.day.php
<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
$f_day = date("Ymd",mktime(0, 0, 0, $month, $day-1, $year));
$pervyear = substr($f_day,0,4);
$prevmonth = sprintf("%d",substr($f_day,4,2));
$prevday = sprintf("%d",substr($f_day,6,2));
$l_day = date("Ymd",mktime(0, 0, 0, $month, $day+1, $year));
$nextyear = substr($l_day,0,4);
$nextmonth = sprintf("%d",substr($l_day,4,2));
$nextday = sprintf("%d",substr($l_day,6,2));
$cel_mon = sprintf("%02d",$month);
$cel_day = sprintf("%02d",$day);
$query = "SELECT * FROM $write_table WHERE wr_link1 <= '$year$cel_mon$cel_day' and wr_link2 >= '$year$cel_mon$cel_day' ORDER BY wr_id ASC";
$result = sql_query($query);
$list = array();
?>
<style type="text/css">
/* 카테고리 스타일*/
#box_day{width:3%; padding-left: 7px; padding-top: 4px; font-size:12px; font-family:돋움; font-weight:bold; float:left;}
#box_list{width:97%;}
#box_list2{width:97%; padding:5px 7px 5px 7px;}
a.day1:link, a.day1:visited, a.day1:active { font-size:14px; text-decoration:none; color:#9e9e9e; }
a.day1:hover { font-size:16px;color:#9e9e9e; text-decoration:underline; font-weight:bold; }
a.day2:link, a.day2:visited, a.day2:active { font-size:14px; text-decoration:none; color:#9e9e9e; }
a.day2:hover { font-size:16px;color:#9e9e9e; text-decoration:underline; font-weight:bold; }
a.day3:link, a.day3:visited, a.day3:active { font-size:14px; text-decoration:none; color:#9e9e9e; }
a.day3:hover { font-size:16px;color:#9e9e9e; text-decoration:underline; font-weight:bold; }
.day4 {font-family:Trebuchet MS;font-size:20px;color:#BFCF27;}
.day5 {font-family:NanumGothicBoldWeb;font-size:14px;color:#6c91c3;}
</style>
<table width="100%" height="39" border="0" cellpadding="0" cellspacing="0">
<tr>
<td valign="bottom">
<a href='board.php?bo_table=<?=$bo_table?>&mode=m2'><img src="<?=$board_skin_path?>/img/tab01_off.gif" border="0"></a><a href='board.php?bo_table=<?=$bo_table?>&mode=m'><img src="<?=$board_skin_path?>/img/tab02_off.gif" border="0"></a><a href='board.php?bo_table=<?=$bo_table?>&mode=w'><img src="<?=$board_skin_path?>/img/tab03_off.gif" border="0"></a><a href='board.php?bo_table=<?=$bo_table?>&mode=l'><img src="<?=$board_skin_path?>/img/tab04_on.gif" border="0"></a></td>
<td align="right">
<div align="right">
</span><span class="day4"><?=$year?></span><span class="day5">년</span>
<a href="<?="$_SERVER[PHP_SELF]?bo_table=$bo_table&"?><?if ($month == 1) { $year_pre=$year-1; $month_pre=$month; } else {$year_pre=$year-1; $month_pre=$month;} echo ("year=$year_pre&month=$month_pre");?>" target="_self" onfocus="this.blur()"><img src="<?=$board_skin_path?>/img/btn_dw.gif" border="0" title="<?=$year_pre?>년" align="absmiddle" /></a> <a href="<?="$_SERVER[PHP_SELF]?bo_table=$bo_table"?><?if ($month == 12) { $year_pre=$year+1; $month_pre=$month; } else {$year_pre=$year+1; $month_pre=$month;} echo ("&year=$year_pre&month=$month_pre");?>" target="_self" onfocus="this.blur()"><img src="<?=$board_skin_path?>/img/btn_up.gif" border="0" title="<?=$year_pre?>년" align="absmiddle" /></a> <span class="day4">
<?=$month?>
</span><span class="day5">월</span> <a href="<?="$_SERVER[PHP_SELF]?bo_table=$bo_table"?><?if ($month == 1) { $year_pre=$year-1; $month_pre=12; } else {$year_pre=$year; $month_pre=$month-1;} echo ("year=$year_pre&month=$month_pre");?>" target="_self" onfocus="this.blur()"><img src="<?=$board_skin_path?>/img/btn_dw.gif" border="0" title="<?=$month_pre?>월" align="absmiddle" /></a> <a href="<?="$_SERVER[PHP_SELF]?bo_table=$bo_table"?><? if ($month == 12) { $year_pre=$year+1; $month_pre=1; } else {$year_pre=$year; $month_pre=$month+1;} echo ("&year=$year_pre&month=$month_pre");?>" target="_self" onfocus="this.blur()"><img src="<?=$board_skin_path?>/img/btn_up.gif" border="0" title="<?=$month_pre?>월" align="absmiddle" /></a>
<?
//글쓰기 권한여부
if ($write_href) {
$f_date = $year.$cel_mon.$cel_day;
echo " <a href='$write_href&write[wr_link1]=$f_date'><span class='day4'>$day</span><span class='day5'>일</span></a>\n";
} else {
echo "<span class='day4'>$day</span><span class='day5'>일</span>\n";
}
?>
<a href="./board.php?bo_table=<?=$bo_table?>&mode=d&year=<?=$prevyear?>&month=<?=$prevmonth?>&day=<?=$prevday?>"><img src='<?=$board_skin_path?>/img/btn_dw.gif' border=0 align="absmiddle"></a> <a href="./board.php?bo_table=<?=$bo_table?>&mode=d&year=<?=$nextyear?>&month=<?=$nextmonth?>&day=<?=$nextday?>"><img src='<?=$board_skin_path?>/img/btn_up.gif' border=0 align="absmiddle"></a>
</div>
</td>
</tr>
<tr><td height="1" colspan="2" bgcolor="#B7BDCC"></td></tr>
<tr><td height="10" colspan="2"></td></tr>
</table>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center" height="35">
</td>
<td align="right" style='font-family:NanumGothicBoldWeb;'>
<img src='<?=$board_skin_path?>/img/dia_diary.png' border=0 align=absmiddle> 일기
<img src='<?=$board_skin_path?>/img/dia_memorial.png' border=0 align=absmiddle> 기념
<img src='<?=$board_skin_path?>/img/dia_schedual.png' border=0 align=absmiddle> 일정
<img src='<?=$board_skin_path?>/img/dia_review.png' border=0 align=absmiddle> 메모
</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="tbline1">
<?
for ($j=0; $row=mysql_fetch_array($result); $j++) {
$list[$j][wr_id] = $row[wr_id];
$list[$j][wr_subject] = $row[wr_subject];
$list[$j][wr_2] = $row[wr_2];
$list[$j][wr_6] = $row[wr_6];
$list[$j][wr_7] = $row[wr_7];
$list[$j][wr_id] = $row[wr_id];
$list[$j][wr_link1] = $row[wr_link1];
$list[$j][wr_link2] = $row[wr_link2];
$list[$j][wr_datetime] = substr($row[wr_datetime],0,10);
$from_date = str_replace("http://","",$row[wr_link1]);
$to_date = str_replace("http://","",$row[wr_link2]);
$from_date = substr($from_date,0,4)."년 ".sprintf("%2d",substr($from_date,4,2))."월 ".sprintf("%2d",substr($from_date,6,2))."일";
$to_date = substr($to_date,0,4)."년 ".sprintf("%2d",substr($to_date,4,2))."월 ".sprintf("%2d",substr($to_date,6,2))."일";
switch ($row[wr_3]) {
case 1 :
$list[$j][wr_3] = "<img src='$board_skin_path/img/dia_diary.png' border=0 align=absmiddle> 일기";
break;
case 2 :
$list[$j][wr_3] = "<img src='$board_skin_path/img/dia_memorial.png' border=0 align=absmiddle> 기념";
break;
case 3 :
$list[$j][wr_3] = "<img src='$board_skin_path/img/dia_schedual.png' border=0 align=absmiddle> 일정";
break;
default :
$list[$j][wr_3] = "<img src='$board_skin_path/img/dia_review.png' border=0 align=absmiddle> 메모";
}
}
?>
<tr>
<td class="tbline2 bbs_head bbs_fhead" align="center" width="80">분류</td>
<td class="tbline2 bbs_head bbs_fhead" align="center">오늘의 일정</td>
<td class="tbline2 bbs_head bbs_fhead" align="center" width="80">등록일</td>
</tr>
<? for($k=0; $k<count($list); $k++) {?>
<tr>
<td class="tbline2" height="25" align="center"><?=$list[$k][wr_3]?></td>
<td class="tbline2">
<a href='./board.php?bo_table=<?=$bo_table?>&wr_id=<?=$list[$k][wr_id]?>' style='font-family:NanumGothicBoldWeb;'><?=$list[$k][wr_subject]?></a> | 기간 : <?=$from_date?> <?=$list[$k][wr_6]?> <? if($from_date != $to_date) { ?> ~ <?=$to_date?> <?=$list[$k][wr_7]?> <? } ?> | 방문자 성함 : <?=$list[$k][wr_2]?>
</td>
<td class="tbline2" align="center"><?=$list[$k][wr_datetime]?></td>
</tr>
<? } ?>
<? if (count($list) == 0) { ?>
<tr><td class="tbline2" height="200" colspan="3" align="center">오늘 등록된 일정이 없습니다.</td></tr>
<? } ?>
</table>
이런식으로 되어 있습니다.. 고칠려면 많이 손을 대야 되나요??
모바일에서 보면 달력을 리스트형 달력 그런것으로 구현해보고 싶습니다.