5.3 버전 내용 적용

theme/basic/mobile/skin/latest/basic/latest.skin.php

@@ -5,39 +5,40 @@ if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
 add_stylesheet('<link rel="stylesheet" href="'.$latest_skin_url.'/style.css">', 0);
 ?>
 
-<div class="lt">
-    <a href="<?php echo G5_BBS_URL ?>/board.php?bo_table=<?php echo $bo_table ?>" class="lt_title"><strong><?php echo $bo_subject ?></strong></a>
+<div class="lt list_01">
+    <a href="<?php echo G5_BBS_URL ?>/board.php?bo_table=<?php echo $bo_table ?>" class="lt_title"><i class="fa fa-list-ul" aria-hidden="true"></i> <strong><?php echo $bo_subject ?></strong></a>
     <ul>
     <?php for ($i=0; $i<count($list); $i++) { ?>
         <li>
             <?php
+            if ($list[$i]['icon_secret']) echo "<i class=\"fa fa-lock\" aria-hidden=\"true\"></i> ";
             //echo $list[$i]['icon_reply']." ";
-            echo "<a href=\"".$list[$i]['href']."\">";
+            echo "<a href=\"".$list[$i]['href']."\" class=\"lt_tit\">";
             if ($list[$i]['is_notice'])
                 echo "<strong>".$list[$i]['subject']."</strong>";
             else
                 echo $list[$i]['subject'];
 
-            if ($list[$i]['comment_cnt'])
-                echo " <span class=\"cnt_cmt\">".$list[$i]['comment_cnt']."</span>";
-
                 // if ($list[$i]['link']['count']) { echo "[{$list[$i]['link']['count']}]"; }
                 // if ($list[$i]['file']['count']) { echo "<{$list[$i]['file']['count']}>"; }
 
-                if (isset($list[$i]['icon_new']))    echo " " . $list[$i]['icon_new'];
-                if (isset($list[$i]['icon_hot']))    echo " " . $list[$i]['icon_hot'];
-                if (isset($list[$i]['icon_file']))   echo " " . $list[$i]['icon_file'];
-                if (isset($list[$i]['icon_link']))   echo " " . $list[$i]['icon_link'];
-                if (isset($list[$i]['icon_secret'])) echo " " . $list[$i]['icon_secret'];
+            if ($list[$i]['icon_new']) echo " <span class=\"new_icon\">NEW</span>";
+            if ($list[$i]['icon_file']) echo " <i class=\"fa fa-download\" aria-hidden=\"true\"></i>" ;
+            if ($list[$i]['icon_link']) echo " <i class=\"fa fa-link\" aria-hidden=\"true\"></i>" ;
+            if ($list[$i]['icon_hot']) echo " <i class=\"fa fa-heart\" aria-hidden=\"true\"></i>";
 
             echo "</a>";
 
             ?>
+            <div class="lt_info">
+                <?php echo $list[$i]['name'] ?>
+                <span class="lt_date"><?php if ($list[$i]['comment_cnt']) { ?><span class="sound_only">댓글</span><i class="fa fa-commenting-o" aria-hidden="true"></i><?php echo $list[$i]['comment_cnt']; ?><span class="sound_only">개</span><?php } ?> 
+                <i class="fa fa-clock-o" aria-hidden="true"></i> <?php echo $list[$i]['datetime2'] ?></span>
+            </div>
         </li>
     <?php } ?>
     <?php if (count($list) == 0) { //게시물이 없을 때 ?>
-    <li>게시물이 없습니다.</li>
+    <li class="empty_li">게시물이 없습니다.</li>
     <?php } ?>
     </ul>
-    <div class="lt_more"><a href="<?php echo G5_BBS_URL ?>/board.php?bo_table=<?php echo $bo_table ?>"><span class="sound_only"><?php echo $bo_subject ?></span>더보기</a></div>
 </div>

theme/basic/mobile/skin/latest/basic/style.css

@@ -1,10 +1,19 @@
 @charset "utf-8";
-/* SIR 지운아빠 */
 
 /* 최근게시물 스킨 (latest) */
-.lt {position:relative;margin:0 0 10px;padding:0 10px 15px;border-bottom:1px solid #ddd}
-.lt ul {margin:0 0 10px;padding:0;list-style:none}
-.lt a {display:block;padding:5px 0;color:#000;text-decoration:none}
-.lt .lt_title {display:inline-block;padding:10px 0}
+.lt {position:relative;padding:15px 10px ;}
+.lt ul {margin:10px 0 0 ;padding:0;list-style:none}
+.lt .lt_title {display:inline-block;background: #4162ff;color: #fff;border-radius: 13px;line-height: 24px;padding: 0 10px;border-bottom:1px solid #ccc;}
 .lt .lt_more {position:absolute;top:5px;right:10px}
-.lt .cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold}
+.lt .cnt_cmt {display:inline-block;margin:0 5px 0 3px;}
+.lt .lt_info{border-top: 1px solid #eee;margin: 10px 0 0;line-height: 20px;color: #666;position: relative;padding-top: 10px;vertical-align:top}
+.lt .profile_img img{border-radius:50%;vertical-align:top}
+.lt .lt_tit{display: block;font-size: 1.083em;font-weight: bold;margin: 5px 0;}
+.lt li .fa-download{width:16px;height:16px;line-height:16px;background:#ecaa30;color:#fff;text-align:center;font-size:10px;border-radius:2px}
+.lt li .fa-link{width:16px;height:16px;line-height:16px;background:#2aa974;color:#fff;text-align:center;font-size:10px;border-radius:2px}
+.lt li .fa-heart{color:#ff0000;}
+.lt li .new_icon{display:inline-block;padding: 0 3px;line-height:16px ;font-size:0.833em;color:#fff;background:#c56bed}
+.lt .lt_tit .fa-heart{color: #fe4560;}
+.lt .lt_date{position:absolute;top:10px;right:0;color:#666;font-style:italic}
+.lt .comment_icon{background:url(./img/icon_comment.png) no-repeat 50% 50% ;display:inline-block;width:20px;height:28px;text-indent:-999px;overflow:hidden;vertical-align:top;background-size:70%;margin:0 0px 0 5px}
+.lt .empty_li{text-align:center;padding:40px 0;color:#777}