Merge branch 'master' of github.com:gnuboard/g4s

bbs/alert.php

@@ -1,7 +1,7 @@
 <?
 global $lo_location;
 global $lo_url;
-
+$g4['title'] = "오류가 있습니다.";
 include_once('./_common.php');
 include_once(G4_PATH.'/head.sub.php');
 // 필수 입력입니다.
@@ -32,6 +32,9 @@ if($error) {
     $header2 = "다음 내용을 확인해 주세요.";
 }
 ?>
+<div id="validation_check">
+
+    <h1><?=$header2?></h1>
 
 <script>
 alert("<? echo $msg; ?>");
@@ -39,6 +42,14 @@ document.location.href = "<? echo $url; ?>";
 </script>
 
 <noscript>
+    <p class="cbg">
+        <?=$msg2?>
+    </p>
+    <div class="btn_confirm">
+        <a href="<?=$url?>">돌아가기</a>
+    </div>
+
+<? /*
 <article id="validation_check">
 <header>
     <hgroup>
@@ -58,8 +69,12 @@ document.location.href = "<? echo $url; ?>";
 
 <a href="<?=$url?>">돌아가기</a>
 </article>
+*/ ?>
+
 </noscript>
 
+</div>
+
 <?
 include_once(G4_PATH.'/tail.sub.php');
 ?>

bbs/alert_close.php

@@ -19,6 +19,18 @@ window.close();
 </script>
 
 <noscript>
+<div id="validation_check">
+    <h1><?=$header2?></h1>
+    <p class="cbg">
+        <?=$msg2?>
+    </p>
+    <p class="cbg">
+        <?=$msg3?>
+    </p>
+
+</div>
+
+<? /*
 <article id="validation_check">
 <header>
     <hgroup>
@@ -40,6 +52,8 @@ window.close();
 </p>
 
 </article>
+*/?>
+
 </noscript>
 
 <?

css/default.css

@@ -21,7 +21,7 @@ pre {overflow-x:scroll;font-size:1.1em}
 #to_content a:active {padding:10px 0;width:100%;height:auto;background:#333;color:#fff;font-size:2em;text-align:center;text-decoration:none;overflow:auto}
 
 /* 이미지 등비율 리사이징 */
-.img_fix {float:left;margin-bottom:20px;width:100%;height:auto}
+.img_fix {float:left;width:100%;height:auto}
 
 /* 캡챠 자동등록(입력)방지 기본 */
 #captcha img {border:1px solid #ddd;border-right:0}
@@ -83,7 +83,7 @@ pre {overflow-x:scroll;font-size:1.1em}
 #ft_copy p {margin:0 auto;width:980px;color:#4a9ab8}
 #ft_copy b {color:#fff}
 
-/* ///// 콘텐츠별 스타일 ///// */
+/* 콘텐츠별 스타일 */
 /* PC 초기화면 */
 #idx_catch {margin-bottom:10px;padding: 25px 0 25px}
 
@@ -94,11 +94,11 @@ pre {overflow-x:scroll;font-size:1.1em}
 .btn_confirm {text-align:center} /* 서식단계 진행 */
 .btn_submit {padding:0 10px;height:24px;border:0;background:#109ff1;color:#fff;letter-spacing:-0.1em;vertical-align:top}
 .btn_cancel {display:inline-block;padding:0 10px;height:22px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:2em}
-.btn_frmline {padding:0 7px 0 5px;height:22px;border:0;background:#109ff1;color:#fff;letter-spacing:-0.1em;vertical-align:top;line-height:2em}
+.btn_frmline {display:inline-block;padding:0 7px 0 5px;height:22px;border:0;background:#109ff1;color:#fff;letter-spacing:-0.1em;vertical-align:top;line-height:2em} /* 우편번호검색버튼 등 */
 .btn_win {clear:both;margin-bottom:20px;text-align:center} /* 새창용 */
 .btn_win a {display:inline-block;padding:0 10px;height:22px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:2em;cursor:pointer}
 
-/* ///// 기본테이블 ///// */
+/* 기본테이블 */
 table {margin-bottom:10px;width:100%;border-collapse:collapse;border-spacing:0}
 tfoot th {border-top:1px solid #c9c9c9;border-bottom:1px solid #c9c9c9}
 tfoot td {border-color:#c9c9c9;background:#f9f9f5;font-weight:bold;text-align:center}
@@ -127,7 +127,7 @@ table a {color:#000;text-decoration:none}
 
 .frm_info {display:block;padding:5px 0 0;color:#777;line-height:1.3em}
 
-/* ///// 테이블 항목별 정의 ///// */
+/* 테이블 항목별 정의 */
 .td_chk {width:40px;text-align:center}
 .td_group {width:100px;text-align:center}
 .td_board {width:120px;text-align:center}
@@ -141,7 +141,7 @@ table a {color:#000;text-decoration:none}
 .td_datetime {width:110px;text-align:center}
 .td_mng {width:80px;text-align:center}
 
-/* ///// 새창 기본 스타일 ///// */
+/* 새창 기본 스타일 */
 .new_win {}
 .new_win h1 {margin-bottom:20px;padding:20px 20px 10px;border-bottom:1px solid #eee;background:#fff;font-size:1.2em}
 .new_win table {margin:0 auto 20px;width:93%}
@@ -151,7 +151,7 @@ table a {color:#000;text-decoration:none}
 .new_win_ul a {display:block;padding:10px 10px 8px;border-right:1px solid #595959;border-left:1px solid #595959;color:#fff;font-family:"dotum";font-weight:bold;text-decoration:none}
 .new_win_desc {margin:0 auto;width:93%}
 
-/* ///// 폼 컨트롤 ///// */
+/* 폼 컨트롤 */
 .fs_input,
 fieldset textarea {padding:3px 3px 4px;border:1px solid #ddd;background:#fff;vertical-align:middle}
 .fs_input:focus,
@@ -160,7 +160,12 @@ fieldset textarea:focus {padding:4px 4px 5px;border:0;background:#494949;color:#
 .fs_submit,
 fieldset button {padding:0 15px;height:24px;border:0;background:#494949;color:#fff;line-height:1.9em;vertical-align:middle;cursor:pointer}
 
-/* ///// 스킨별 스타일 ///// */
+/* 자바스크립트 alert 대안 */
+#validation_check {margin:100px auto;width:500px}
+#validation_check h1 {margin-bottom:20px;font-size:1.3em}
+#validation_check p {margin-bottom:20px;padding:30px 20px}
+
+/* 스킨별 스타일 */
 /* 회원가입 약관 */
 #fregister section {margin:0 0 20px;padding:20px}
 #fregister h2 {margin:0 0 20px;text-align:center}
@@ -181,6 +186,11 @@ fieldset button {padding:0 15px;height:24px;border:0;background:#494949;color:#f
 #reg_result_email span {display:inline-block;width:150px}
 #reg_result_email strong {color:#109ff1;font-size:1.2em}
 
+/* 아이디/패스워드 찾기 */
+#find_info .cbg {margin:0 auto 20px;padding:20px;width:87%}
+#find_info #captcha {padding-top:20px}
+#find_info #captcha input {margin-left:5px}
+
 /* 아웃로그인 스킨 */
 .ol {position:relative;margin-bottom:10px;padding:14px}
 .ol h2 {width:0;height:0;overflow:hidden}
@@ -194,7 +204,7 @@ fieldset button {padding:0 15px;height:24px;border:0;background:#494949;color:#f
 .ol_pwlabel {position:absolute;top:35px;left:5px;color:#696969;font-size:0.9em}
 #auto_login {}
 #auto_login_label {letter-spacing:-0.1em}
-#ol_submit {width:60px;height:24px;border:1px solid #2292d3;background:#109ff1;color:#fff;font-size:0.9em;font-weight:bold;vertical-align:top}
+#ol_submit {display:inline-block;width:60px;height:24px;border:1px solid #2292d3;background:#109ff1;color:#fff;font-size:0.9em;font-weight:bold;vertical-align:top}
 #ol_before ul {float:right;margin:7px 0 13px;zoom:1}
 #ol_before ul:after {display:block;visibility:hidden;clear:both;content:""}
 #ol_before li {float:left;margin-left:5px;padding-top:2px}

skin/member/neo/password_lost.skin.php

@@ -6,16 +6,17 @@ if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
     <h1>아이디/패스워드 찾기</h1>
 
     <form name="fpasswordlost" method="post" action="<?=$action_url?>" onsubmit="return fpasswordlost_submit(this);" autocomplete="off">
-    <fieldset>
+    <div class="cbg">
-        <legend>이메일 주소 입력</legend>
+        <fieldset>
-        <p>
+            <p>
-            회원가입 시 등록하신 이메일 주소를 입력해 주세요.<br>
+                회원가입 시 등록하신 이메일 주소를 입력해 주세요.<br>
-            해당 이메일로 아이디와 패스워드 정보를 보내드립니다.
+                해당 이메일로 아이디와 패스워드 정보를 보내드립니다.
-        </p>
+            </p>
-        <label for="mb_email">E-mail 주소<strong class="sound_only">필수</strong></label>
+            <label for="mb_email">E-mail 주소<strong class="sound_only">필수</strong></label>
-        <input type="text" id="mb_email" name="mb_email" class="fs_input email" required size="30">
+            <input type="text" id="mb_email" name="mb_email" class="fs_input email" required size="30">
-    </fieldset>
+        </fieldset>
-    <?=captcha_html(); ?>
+        <?=captcha_html(); ?>
+    </div>
     <div class="btn_win">
         <input type="submit" class="btn_submit" value="확인">
         <a href="javascript:window.close();" class="btn_cancel">창닫기</a>

test.php

@@ -1,5 +1,205 @@
-<?
-define('XXX', 111);
 
-print_r(get_defined_constants());
+<!DOCTYPE html>
-?>
+<html lang="ko">
+	<head>
+		<title>Create a Custom Select Box with jQuery - Onextrapixel</title>
+		<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
+		<style type='text/css'>
+        /*
+Author : Onextrapixel
+URL: http://www.onextrapixel.com
+*/
+
+* {
+	border:none; 
+	margin:0; 
+	padding:0;
+}
+
+body {
+	color:#000; 
+	font:12.35px "Lucida Grande", Arial, Georgia, Verdana, sans-serif;
+}
+
+a:link, a:visited {
+	color:#000;
+	text-decoration:none; 
+}
+
+h1 {
+	font-size:20px;
+	margin-bottom:20px; 
+}
+
+h2 {
+	font-size:15px;
+	margin-bottom:20px;
+}
+
+p {
+	margin:10px 0;
+}
+
+#wrap {
+	margin:0 auto;
+	width:900px; 
+}
+
+#header {
+	margin-bottom:50px;
+}
+
+#header a {
+	color:#0054A6;
+}
+
+#header a:hover {
+	text-decoration:underline;
+}
+
+			div.selectBox
+			{
+				position:relative;
+				display:inline-block;
+				cursor:default;
+				text-align:left;
+				line-height:30px;
+				clear:both;
+				color:#888;
+			}
+			span.selected
+			{
+				width:167px;
+				text-indent:20px;
+				border:1px solid #ccc;
+				border-right:none;
+				border-top-left-radius:5px;
+				border-bottom-left-radius:5px;
+				background:#f6f6f6;
+				overflow:hidden;
+			}
+			span.selectArrow
+			{
+				width:30px;
+				border:1px solid #60abf8;
+				border-top-right-radius:5px;
+				border-bottom-right-radius:5px;
+				text-align:center;
+				font-size:20px;
+				-webkit-user-select: none;
+				-khtml-user-select: none;
+				-moz-user-select: none;
+				-o-user-select: none;
+				user-select: none;
+				background:#4096ee;
+			}
+			
+			span.selectArrow,span.selected
+			{
+				position:relative;
+				float:left;
+				height:30px;
+				z-index:1;
+			}
+			
+			div.selectOptions
+			{
+				position:absolute;
+				top:28px;
+				left:0;
+				width:198px;
+				border:1px solid #ccc;
+				border-bottom-right-radius:5px;
+				border-bottom-left-radius:5px;
+				overflow:hidden;
+				background:#f6f6f6;
+				padding-top:2px;
+				display:none;
+			}
+				
+			span.selectOption
+			{
+				display:block;
+				width:80%;
+				line-height:20px;
+				padding:5px 10%;
+			}
+			
+			span.selectOption:hover
+			{
+				color:#f6f6f6;
+				background:#4096ee;	
+			}			
+		</style>
+		<script type='text/javascript' src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
+		
+	</head>
+	<body>
+	<script type='text/javascript'><!--
+			$(document).ready(function() {
+				enableSelectBoxes();
+			});
+			
+			function enableSelectBoxes(){
+				$('div.selectBox').each(function(){
+					$(this).children('span.selected').html($(this).children('div.selectOptions').children('span.selectOption:first').html());
+					$(this).attr('value',$(this).children('div.selectOptions').children('span.selectOption:first').attr('value'));
+					
+					$(this).children('span.selected,span.selectArrow').click(function(){
+						if($(this).parent().children('div.selectOptions').css('display') == 'none'){
+							$(this).parent().children('div.selectOptions').css('display','block');
+						}
+						else
+						{
+							$(this).parent().children('div.selectOptions').css('display','none');
+						}
+					});
+					
+					$(this).find('span.selectOption').click(function(){
+						$(this).parent().css('display','none');
+						$(this).closest('div.selectBox').attr('value',$(this).attr('value'));
+						$(this).parent().siblings('span.selected').html($(this).html());
+					});
+				});				
+			}//-->
+		</script>
+	<div id="wrap">
+		<div id="head">
+	<h1><a href="/"><img src="http://www.onextrapixel.com/examples/files/logo.png" alt="Onextrapixel Homepage" /></a></h1>
+	<div class="demoads">
+		<script type="text/javascript"><!--
+		google_ad_client = "ca-pub-5606861741839360";
+		/* OXPDemoTop728x90 */
+		google_ad_slot = "2475031167";
+		google_ad_width = 728;
+		google_ad_height = 90;
+		//-->
+		</script>
+		<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
+	</div>
+</div>
+		<div id="header">
+			<h1>Create a Custom Select Box with jQuery</h1>
+			<a href="http://www.onextrapixel.com/2012/06/20/create-a-custom-select-box-with-jquery">Back to tutorial</a>
+		</div>
+		<div class='selectBox'>
+			<span class='selected'></span>
+			<span class='selectArrow'>&#9660</span>
+			<div class="selectOptions" >
+				<span class="selectOption" value="Option 1">Option 1</span>
+				<span class="selectOption" value="Option 2">Option 2</span>
+				<span class="selectOption" value="Option 3">Option 3</span>
+			</div>
+		</div>
+	</div>
+		<script type="text/javascript">
+		var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
+		document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
+		</script>
+		<script type="text/javascript">
+		try {
+		var pageTracker = _gat._getTracker("UA-8453623-1");
+		pageTracker._trackPageview();
+		} catch(err) {}
+	</script>	</body>
+</html>