firstgarden/firstgarden-web-gnu
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Activity

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

Browse Source
This commit is contained in:
chicpro
2013-02-05 10:01:58 +09:00
parent edb521c06f 5d1580d80b
commit 67c98e94fc
5 changed files with 128 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
css/default.css
View File

@ -333,7 +333,7 @@ fieldset button {padding:0 15px;height:24px;border:0;background:#109ff1;color:#f
#profile h2 {margin:0}
/* 최근게시물 스킨 (latest) */
.lt {float:left;margin-bottom:20px;padding:20px;width:314px;height:149px;border-right:1px solid #ddd;border-bottom:1px solid #ddd}
.lt {float:left;margin-bottom:20px;padding:20px;width:313px;height:149px;border:1px solid #ddd}
.lt ul {margin:0;padding:0;list-style:none}
.lt li {padding:3px 0}
.lt a {color:#000;text-decoration:none}
@ -399,9 +399,9 @@ fieldset button {padding:0 15px;height:24px;border:0;background:#109ff1;color:#f
#bo_cate h2 {width:0;height:0;overflow:hidden}
#bo_cate_ul {margin:0;padding:1px 0 0 1px;zoom:1}
#bo_cate_ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate_ul li {position:relative;float:left;margin:-1px 0 0 -1px}
#bo_cate_ul a {display:block;padding:8px 15px 6px;border:1px solid #456380;background:#4c6e8d;color:#fff;text-decoration:none}
#bo_cate_ul #bo_cate_on {border-bottom:1px solid #fff;background:#fff;color:#000}
#bo_cate_ul li {position:relative;float:left;margin:1px 1px 0 0}
#bo_cate_ul a {display:block;padding:7px 15px 5px;background:#f7f7f7;color:#000;font-weight:bold;text-decoration:none}
#bo_cate_ul #bo_cate_on {background:#484848;color:#fff}
.bo_fx {margin-bottom:5px;zoom:1}
.bo_fx:after {display:block;visibility:hidden;clear:both;content:""}
.bo_fx ul {margin:0;padding:0;list-style:none}
@ -410,8 +410,6 @@ fieldset button {padding:0 15px;height:24px;border:0;background:#109ff1;color:#f
.btn_bo_user {float:right;margin:0;padding:0;list-style:none}
.btn_bo_user li {float:left;margin-left:5px}
#bo_list caption {padding:0;height:0;color:transparent;overflow:hidden} /* ff에서 감추기 위해 color:transparent 사용 */
#bo_list .sv_member,
#bo_list .sv_guest {font-weight:normal} /* 사이드뷰 글자 스타일 */
.btn_bo_adm {float:left}
.btn_bo_adm li {float:left;margin-right:5px}
.bo_notice {}
@ -421,10 +419,10 @@ fieldset button {padding:0 15px;height:24px;border:0;background:#109ff1;color:#f
.cnt_cmt {display:inline-block;margin:0 4px;color:#109ff1}
/* 게시판 읽기 */
#bo_v_title {padding:20px 20px 0;text-align:right}
#bo_v_title {padding:0 0 10px;font-weight:bold}
#bo_v {position:relative;margin-bottom:30px}
#bo_v a {color:#000;text-decoration:none}
#bo_v_h1 {padding:0 20px 5px;font-size:1.2em;line-height:1.4em}
#bo_v_h1 {padding:15px 20px 10px;font-size:1.2em;line-height:1.4em}
#bo_v_h1 span {display:inline-block;margin-right:5px;color:#109ff1}
#bo_v_info {padding:0 20px 15px;border-bottom:1px solid #f0f0f0}
#bo_v_info h2 {margin:0;padding:0;height:0;overflow:hidden}
@ -472,6 +470,7 @@ fieldset button {padding:0 15px;height:24px;border:0;background:#109ff1;color:#f
#bo_vc article {margin-bottom:5px;padding:0 0 10px;border-bottom:1px dotted #ccc}
#bo_vc header {position:relative;padding:8px 0}
#bo_vc .sv_wrap {margin-right:15px}
.bo_vc_hdinfo {display:inline-block;margin:0 15px 0 5px}
#bo_vc header .icon_reply {position:absolute;top:8px;left:-20px}
#bo_vc h1 {width:0;height:0;overflow:hidden}
#bo_vc a {color:#000;text-decoration:none}
@ -503,8 +502,6 @@ fieldset button {padding:0 15px;height:24px;border:0;background:#109ff1;color:#f
.sv_nojs .sv {display:block}
.sv_wrap .sv a {display:inline-block;padding:3px;width:94px;border-bottom:1px solid #555;color:#fff !important}
.sv_on {display:block !important;position:absolute;top:10px;left:20px;width:auto;height:auto !important;background:#ddd}
.sv_member,
.sv_guest {font-weight:bold}
/* pagination */
.pg_wrap {clear:both;margin:0 0 20px;padding-top:20px;text-align:center}

4
skin/board/neo/list.skin.php
View File

@ -40,8 +40,8 @@ if ($is_nogood) $colspan++;
<option value="wr_name,1">글쓴이</option>
<option value="wr_name,0">글쓴이(코)</option>
</select>
<input name="stx" class="fieldset_input required" maxlength="15" size="15" required value="<?=stripslashes($stx)?>" title="검색어(필수)">
<input type="submit" class="fieldset_submit" value="검색">
<input name="stx" class="fs_input required" maxlength="15" size="15" required value="<?=stripslashes($stx)?>" title="검색어(필수)">
<input type="submit" class="fs_submit" value="검색">
</form>
</fieldset>

2
skin/board/neo/view.skin.php
View File

@ -2,8 +2,8 @@
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
?>
<p id="bo_v_title"><?=$board['bo_subject']?></p>
<div id="bo_v" class="cbg">
<p id="bo_v_title"><?=$board['bo_subject']?></p>
<h1 id="bo_v_h1">
<? if ($category_name) { // 분류가 지정되었다면 ?><span><?=($category_name ? "{$view['ca_name']} " : "");?></span><? } // 분류 출력 끝 ?>
<?=cut_str(get_text($view['wr_subject']), 70) // 글제목 출력?>

5
skin/search/neo/search.skin.php
View File

@ -17,9 +17,8 @@ if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
<option value="wr_name">이름</option>
</select>
<input type="text" name="stx" class="fieldset_input" class="required" value="<?=$text_stx?>" maxlength="20" required title="검색어(필수)">
<input type="submit" class="fieldset_submit" value="검색">
<input type="text" name="stx" class="fs_input" class="required" value="<?=$text_stx?>" maxlength="20" required title="검색어(필수)">
<input type="submit" class="fs_submit" value="검색">
<script>
document.fsearch.sfl.value = "<?=$sfl?>";

120
test.php
View File

@ -1,12 +1,124 @@
<!doctype html>
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8">
<title>테스트</title>
<title>Create a Custom Select Box with jQuery - Onextrapixel</title>
<style>
/*So how does this all work?
Firstly I put the search elements into a containing div. This div includes our grey background colour etc.*/
.search-container {
width: 925px;
height: 63px;
background-color: #e1e1e1;
position: relative;
}
/* Next I formatted the select box based on the design provided. This involved setting the width, height etc. Make sure you set the background colour to transparent so that our custom arrow will show later down the track.
We also need to include -webkit-appearance : none; to get it to work properly in Chrome. */
.search-box select {
width: 137px;
height: 50px;
border: 0;
background-color: transparent;
color: #4d4d4d;
font-family: 'oswaldregular', Calibri;
text-transform: uppercase;
font-size: 22px;
padding: 10px 0 5px 6px;
cursor:pointer;
-webkit-appearance: none;
}
/* The select boxes need to be positioned in line with each other, so to do this I added some CSS to our search-box class. */
.search-box {
display: inline-block;
height: 50px;
padding-top: 7px;
padding-left: 7px;
position:relative;
width:128px;
}
/* Because I cannot format the drop down directly using CSS, I want to hide it instead. To do this I put the select box in another containing div and set the width to less than what the width of the actual select bow is set to. I then set the overflow on my containing div to hidden. This will hide the drop down arrow.
Note: Each select box will have its own unique container as they are both different sizes. */
.size-container {
overflow: hidden;
width: 116px;
display: inline-block;
}
.bedrooms-container {
overflow: hidden;
width: 86px;
display: inline-block;
}
/* Since we have hidden the drop down arrow we need to replace it with our own arrow. To do this we need an image of our new arrow. Then add the arrow as a background image to our overflow div, setting position as right and also applying the background colour of what we want the select box to look like. */
.size-container {
overflow: hidden;
width: 116px;
display: inline-block;
background: url("../images/new_arrow.png") no-repeat right #c8c8c8;
}
.bedrooms-container {
overflow: hidden;
width: 86px;
display: inline-block;
background: url("../images/new_arrow.png") no-repeat right #c8c8c8;
}
/* Finally we need to apply some formatting to our labels. To do this I applied the following CSS. */
.search-container span {
line-height: 69px;
padding-left: 12px;
vertical-align: top;
font-family: 'oswaldregular',Calibri;
text-transform: uppercase;
color: #000000;
font-size: 22px;
}
</style>
</head>
<body>
<a href="#" title="타이틀"><img src="http://www.sir.co.kr/img/ad/rw_designmall.png" alt=""></a>
<div class="search-container">
<span>Size</span>
<div class="search-box">
<div class="size-container">
<select name="size" id="size">
<option value="0">ANY</option>
<option value="100">100-200</option>
<option value="200">200-300</option>
<option value="300">300-400</option>
<option value="400">400-500</option>
<option value="500">500-600</option>
<option value="600">600+</option>
</select>
</div>
</div><span style="padding-left:20px;">Bedrooms</span>
<div class="search-box" style="left:6px; width:98px;">
<div class="bedrooms-container">
<select name="bedrooms" style="width:103px;">
<option value="0">ANY</option>
<option value="1">ONE</option>
<option value="2">TWO</option>
<option value="3">THREE</option>
<option value="4">FOUR</option>
<option value="5">FIVE</option>
<option value="6">SIX</option>
<option value="7">SEVEN+</option>
</select>
</div>
</div>
</div>
</body>
</html>