사용자: 상단 아이콘 스프라이트 처리, 본문 바로가기 배경색

css/default.css

@@ -22,7 +22,7 @@ a:active {color:#0e99ea;text-decoration:underline}
 /* 본문 바로가기 */
 #to_content a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden}
 #to_content a:focus,
-#to_content a:active {width:100%;height:80px;background:#222;color:#fff;font-size:2em;text-align:center;text-decoration:none;line-height:3.3em}
+#to_content a:active {width:100%;height:80px;background:#428ab4;color:#fff;font-size:2em;text-align:center;text-decoration:none;line-height:3.3em}
 
 /* 이미지 등비율 리사이징 */
 .img_fix {float:left;width:100%;height:auto}
@@ -39,8 +39,15 @@ a:active {color:#0e99ea;text-decoration:underline}
 #snb {position:absolute;top:10px;right:250px;zoom:1}
 #snb:after {display:block;visibility:hidden;clear:both;content:""}
 #snb li {float:left}
-#snb a {display:block;position:relative;padding:15px;text-decoration:none}
-#snb strong {position:absolute;top:33px;right:10px;padding:0 5px;background:#109ff1;color:#fff;font-size:0.9em;font-family:"verdana";line-height:1.5em;border-radius:10px}
+#snb a {display:block;position:relative;margin-left:1px;width:60px;height:60px;background:url('../img/snb_icon.jpg');text-decoration:none}
+#snb #snb_login {background-position:0 0}
+#snb #snb_join {background-position:-60px 0}
+#snb #snb_adm {background-position:-120px 0}
+#snb #snb_logout {background-position:-180px 0}
+#snb #snb_join {background-position:-240px 0}
+#snb #snb_cnt {background-position:-300px 0}
+#snb #snb_new {background-position:-360px 0}
+#snb strong {position:absolute;top:33px;right:0;padding:0 5px;border-radius:10px;background:#109ff1;color:#fff;font-size:0.9em;font-family:"verdana";letter-spacing:-0.1em;line-height:1.5em}
 
 #schall {position:absolute;top:25px;right:0;margin:0;padding:0;border:0;letter-spacing:-5px}
 #schall legend {width:0;height:0;overflow:hidden}

head.php

@@ -26,15 +26,15 @@ include_once(G4_LIB_PATH.'/popular.lib.php');
 
         <ul id="snb">
             <? if ($is_member) { ?>
-            <? if ($is_admin) { ?><li><a href="<?=G4_ADMIN_URL?>"><img src="<?=G4_IMG_URL?>/snb_adm.jpg" alt="관리자" width="26" height="26"></a></li><? } ?>
-            <li><a href="<?=G4_BBS_URL?>/member_confirm.php?url=<?=G4_BBS_URL?>/register_form.php"><img src="<?=G4_IMG_URL?>/snb_modify.jpg" alt="정보수정" width="26" height="26"></a></li>
-            <li><a href="<?=G4_BBS_URL?>/logout.php"><img src="<?=G4_IMG_URL?>/snb_logout.jpg" alt="로그아웃" width="26" height="26"></a></li>
+            <? if ($is_admin) { ?><li><a href="<?=G4_ADMIN_URL?>" id="snb_adm"><strong>관리자</strong></a></li><? } ?>
+            <li><a href="<?=G4_BBS_URL?>/member_confirm.php?url=<?=G4_BBS_URL?>/register_form.php" id="snb_modify"><strong>내정보</strong></a></li>
+            <li><a href="<?=G4_BBS_URL?>/logout.php" id="snb_logout"><strong>로그아웃</strong></a></li>
             <? } else { ?>
-            <li><a href="<?=G4_BBS_URL?>/register.php"><img src="<?=G4_IMG_URL?>/snb_join.jpg" alt="회원가입" width="26" height="26"></a></li>
-            <li><a href="<?=G4_BBS_URL?>/login.php"><img src="<?=G4_IMG_URL?>/snb_login.jpg" alt="로그인" width="26" height="26"></a></li>
+            <li><a href="<?=G4_BBS_URL?>/register.php" id="snb_join"><strong>가입</strong></a></li>
+            <li><a href="<?=G4_BBS_URL?>/login.php" id="snb_login"><strong>로그인</strong></a></li>
             <? } ?>
-            <li><a href="<?=G4_BBS_URL?>/current_connect.php"><img src="<?=G4_IMG_URL?>/snb_cnt.jpg" alt="현재접속자" width="26" height="26"><?=connect(); // 현재 접속자수 ?></a></li>
-            <li><a href="<?=G4_BBS_URL?>/new.php"><img src="<?=G4_IMG_URL?>/snb_new.jpg" alt="최근게시물" width="26" height="26"></a></li>
+            <li><a href="<?=G4_BBS_URL?>/current_connect.php" id="snb_cnt"><?=connect(); // 현재 접속자수 ?></a></li>
+            <li><a href="<?=G4_BBS_URL?>/new.php" id="snb_new"><strong>새글</strong></a></li>
         </ul>
 
         <fieldset id="schall">