5.3 버전 내용 적용

theme/basic/mobile/skin/popular/basic/popular.skin.php

@@ -6,18 +6,16 @@ add_stylesheet('<link rel="stylesheet" href="'.$popular_skin_url.'/style.css">',
 ?>
 
 <aside id="popular">
+    <h2><i class="fa fa-star-o" aria-hidden="true"></i> 인기검색어</h2>
     <div>
-        <h2>인기검색어</h2>
-        <ul>
-        <?php
-        if( isset($list) && is_array($list) ){
-            for ($i=0; $i<count($list); $i++) {
-        ?>
-            <li><a href="<?php echo G5_BBS_URL ?>/search.php?sfl=wr_subject&amp;sop=and&amp;stx=<?php echo urlencode($list[$i]['pp_word']) ?>"><?php echo get_text($list[$i]['pp_word']); ?></a></li>
-            <?php
-            }   //end for
-        }   //end if
-        ?>
-        </ul>
+    <?php
+    if( isset($list) && is_array($list) ){
+        for ($i=0; $i<count($list); $i++) {
+    ?>
+        <a href="<?php echo G5_BBS_URL ?>/search.php?sfl=wr_subject&amp;sop=and&amp;stx=<?php echo urlencode($list[$i]['pp_word']) ?>"><?php echo get_text($list[$i]['pp_word']); ?></a>
+    <?php
+        }   //end for
+    }   //end if
+    ?>
     </div>
 </aside>

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

@@ -1,11 +1,10 @@
 @charset "utf-8";
-/* SIR 지운아빠 */
 
 /* 인기검색어 */
-#popular {border-bottom:1px dotted #dde4e9}
-#popular div {zoom:1}
-#popular div:after {display:block;visibility:hidden;clear:both;content:""}
-#popular h2 {float:left;padding:10px 5px 10px 10px}
-#popular ul {float:left;margin:0 0 0 10px;padding:0;list-style:none}
-#popular li {float:left}
-#popular a {display:inline-block;padding:10px 5px;text-decoration:none}
+#popular {margin:30px 10px }
+#popular h2 {display:inline-block;background: #4162ff;color: #fff;border-radius: 13px;line-height: 24px;padding: 0 10px;margin:0 0 10px;
+-webkit-box-shadow: 0 0 5px rgba(65,98,255,0.8);
+-moz-box-shadow: 0 0 5px rgba(65,98,255,0.8);
+box-shadow: 0 0 8px rgba(65,98,255,0.8); }
+#popular a{display:inline-block;height:22px;line-height:22px;background:#b9bdd3;color:#fff;margin:2px 0;padding: 0 5px;border-radius:3px}
+#popular a:hover{background:#646982}