gper/Gnuboard5
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

테마 모바일 수정중

Browse Source
This commit is contained in:
thisgun
2017-09-01 14:53:27 +09:00
parent bb896d81aa
commit b5b4c67bcd
11 changed files with 67 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files
css/mobile.css
+4
View File
@@ -159,6 +159,10 @@ box-shadow: 0 0 5px rgba(100,100,100,0.2);}
/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {display:block;margin:0 0 5px}
/* 구글리캡챠 크기 조정 scale */
#captcha.recaptcha{width:213px;height:55px;overflow:hidden}
#rc-imageselect, .g-recaptcha {transform:scale(0.7);-webkit-transform:scale(0.7);transform-origin:0 0;-webkit-transform-origin:0 0;}
/*단축키일람 */
.cke_sc{text-align:right}
.btn_cke_sc{background:#333;color:#fff;padding:5px;border:none}
theme/basic/css/mobile.css
+15 -16
View File
@@ -2,7 +2,7 @@
/* 초기화 */
html {overflow-y:scroll;height:100%;min-width:320px}
body {margin:0;padding:0;font-size:0.75em;background:#f1f1f1;height:100%}
body {margin:0;padding:0;font-size:0.75em;background:#e6e6e6;height:100%}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
@@ -35,13 +35,13 @@ ul,li,dl,dt,dd{list-style:none;padding:0;margin:0}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}
/* 상단 레이아웃 */
#hd {position:relative;background:#2040db}
#hd {position:relative;background:#333}
#hd:after {display:block;visibility:hidden;clear:both;content:""}
#hd_h1 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#logo {padding:15px 10px;height:50px;text-align:center}
#logo img{vertical-align:middle}
#gnb_open {position:absolute;top:10px;left:10px;padding:0 10px;height:30px;width:30px;border:0;background:url(../img/mobile/icon_menu.png) 50% 50% no-repeat;text-indent:-999px;overflow:hidden;background-size:70%;color:#fff;font-size:1em;letter-spacing:-0.1em}
#gnb_open {position:absolute;top:10px;left:10px;padding:0 10px;height:30px;width:30px;border:0;background-size:70%;color:#fff;background:none; font-size: 16px;}
#gnb {display:none;background:#262626;position:fixed;top:0;left:0;z-index:99999;height:100%;overflow-y:auto;width:300px;
-webkit-box-shadow:0 0 5px rgba(55,55,5,0.4));
-moz-box-shadow:0 0 5px rgba(55,55,5,0.4));
@@ -64,9 +64,9 @@ box-shadow: 0 0 5px rgba(55,55,5,0.4);}
#hd_sch h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#hd_sch form {position:relative;padding-right:40px;}
#hd_sch #sch_stx {width:100%;height:45px;background:#464646;border:0;padding-left:10px;border-radius:3px 0 0 3px;color:#fff}
#hd_sch #sch_submit {position:absolute;top:0;right:0;width:40px;height:45px;;border:0;border-radius:0 3px 3px 0;cursor:pointer;background:url(../img/mobile/gnb_sch.png) no-repeat 50% 50% #464646; background-size:15px;text-indent:-999px;overflow:hidden;}
#hd_sch #sch_submit {position:absolute;top:0;right:0;width:40px;height:45px;;border:0;border-radius:0 3px 3px 0;cursor:pointer;color:#fff;background:#464646;font-size:1.25em}
#user_btn {position:absolute;top:10px;right:10px;padding:0 10px;height:30px;width:30px;border:0;background:url(../img/mobile/icon_my.png) 50% 50% no-repeat;text-indent:-999px;overflow:hidden;background-size:70%;color:#fff;font-size:1em;letter-spacing:-0.1em}
#user_btn {position:absolute;top:10px;right:10px;padding:0 10px;height:30px;width:30px;border:0;;color:#fff;font-size:16px;background:none;letter-spacing:-0.1em}
#user_menu{display:none;position:fixed;top:0;right:0;height:100%;;overflow-y:auto;width:320px;z-index:9999;background:#fff;text-align:center;
-webkit-box-shadow:0 0 5px rgba(55,55,5,0.4));
-moz-box-shadow:0 0 5px rgba(55,55,5,0.4));
@@ -101,12 +101,16 @@ box-shadow: 0 0 5px rgba(100,100,100,0.2);}
#container {position:relative;min-height:300px}
#container:after {display:block;visibility:hidden;clear:both;content:""}
#container_title {font-size:1.2em;font-weight:bold;height:50px;padding:10px;line-height:30px;background:#4162ff;color:#fff}
#container_title {font-size:1.2em;font-weight:bold;height:50px;padding:10px;line-height:30px;background:#fff;color:#333;
-webkit-box-shadow: 0 0 5px rgba(55,55,5,0.4));
-moz-box-shadow: 0 0 5px rgba(55,55,5,0.4));
box-shadow: 0 0 5px rgba(55,55,5,0.4);
}
.top{position:relative}
.btn_top{position:absolute;top:0px;right:0px;z-index:999;padding:10px;}
.btn_top li{display:inline-block}
.btn_top a,.btn_top .btn_submit{line-height:30px;padding: 0 10px;border-radius:3px}
.btn_top .btn_cancel,.btn_top .btn_b01{border:1px solid #fff;background:none;color:#fff;line-height:28px}
.btn_top .btn_cancel,.btn_top .btn_b01{border:1px solid #aaa;background:none;color:#666;line-height:28px;background:#fff}
.fixed{position:fixed;top:0;right:0;z-index:999;}
#container_title.fixed{width:100%;}
@@ -124,8 +128,7 @@ box-shadow: 0 0 5px rgba(100,100,100,0.2);}
#ft_copy b {color:inherit}
#ft_copy a {color:inherit;text-decoration:none}
#top_btn{position:fixed;bottom:10px;right:10px;width:40px;height:40px;overflow:hidden;text-indent:-999px;background:url(../img/btn_top.gif) no-repeat 50% 50% #9296a7;border-radius:50%;border:0;}
#top_btn {position:fixed;bottom:10px;right:10px;width:40px;height:40px;line-height:36px;border:2px solid #333;background:rgba(255,255,255,0.6);color:#333;text-align:center;font-size:15px;z-index:99}
#device_change {display:block;line-height:40px;border:1px solid #3a3a3a;border-radius:2em;color:#777;font-size:1em;text-decoration:none;text-align:center}
/* 게시물 선택복사 선택이동 */
@@ -148,8 +151,8 @@ box-shadow: 0 0 5px rgba(100,100,100,0.2);}
#captcha {position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;}
#captcha #captcha_img {;height:40px;border:1px solid #898989;;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {;margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;width:40px;height:40px;background:url('../../../img/captcha.png') no-repeat;text-indent:-999px;;border-radius:3px}
#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha.png') no-repeat 0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_mp3 {;margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;width:40px;height:40px;background:url('../img/captcha.png') no-repeat;text-indent:-999px;;border-radius:3px}
#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../img/captcha.png') no-repeat 0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top}
#captcha #captcha_info {display:block;margin:3px 0 5px ;font-size:0.95em;letter-spacing:-0.1em}
@@ -229,11 +232,7 @@ a.btn_admin:focus, a.btn_admin:hover {}
/* 기본리스트 */
.list_01{padding:0 10px;}
.list_01 li{background:#fff;border-radius:3px;margin:10px 0;padding:10px 15px;
-webkit-box-shadow: 0 1px 4px #cbd1df;
-moz-box-shadow: 0 1px 4px #cbd1df;
box-shadow: 0 1px 4px #cbd1df;
}
.list_01 li{background:#fff;border-radius:3px;margin:10px 0;padding:10px 15px;border-bottom:1px solid #ccc;}
/* 기본폼 */
.form_01{margin:10px}
theme/basic/img/btn_top.gif → theme/basic/img/bullet.gif
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

theme/basic/img/close_btn.png
BIN
View File
Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.1 KiB

theme/basic/img/mobile/gnb_sch.png
BIN
View File
Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.8 KiB

theme/basic/img/mobile/icon_menu.png
BIN
View File
Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.1 KiB

theme/basic/img/mobile/icon_my.png
BIN
View File
Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.6 KiB

theme/basic/img/more-btn.gif
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

theme/basic/img/sch_btn.png
BIN
View File
Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.2 KiB

theme/basic/mobile/head.php
+23 -10
View File
@@ -26,7 +26,7 @@ include_once(G5_LIB_PATH.'/popular.lib.php');
<a href="<?php echo G5_URL ?>"><img src="<?php echo G5_IMG_URL ?>/m_logo.png" alt="<?php echo $config['cf_title']; ?>" height="15"></a>
</div>
<button type="button" id="gnb_open" class="hd_opener">메뉴<span class="sound_only"> 열기</span></button>
<button type="button" id="gnb_open" class="hd_opener"><i class="fa fa-bars" aria-hidden="true"></i><span class="sound_only"> 메뉴열기</span></button>
<div id="gnb" class="hd_div">
<button type="button" id="gnb_close" class="hd_closer"><span class="sound_only">메뉴 </span>닫기</button>
@@ -79,7 +79,7 @@ include_once(G5_LIB_PATH.'/popular.lib.php');
<input type="hidden" name="sfl" value="wr_subject||wr_content">
<input type="hidden" name="sop" value="and">
<input type="text" name="stx" id="sch_stx" placeholder="검색어(필수)" required maxlength="20">
<input type="submit" value="검색" id="sch_submit">
<button type="submit" value="검색" id="sch_submit"><i class="fa fa-search" aria-hidden="true"></i><span class="sound_only">검색</span></button>
</form>
<script>
@@ -112,16 +112,16 @@ include_once(G5_LIB_PATH.'/popular.lib.php');
</div>
</div>
<button type="button" id="user_btn" class="hd_opener">사용자메뉴</button>
<button type="button" id="user_btn" class="hd_opener"><i class="fa fa-user" aria-hidden="true"></i><span class="sound_only">사용자메뉴</span></button>
<div class="hd_div" id="user_menu">
<button type="button" id="user_close" class="hd_closer"><span class="sound_only">메뉴 </span>닫기</button>
<?php echo outlogin('theme/basic'); // 외부 로그인 ?>
<?php echo outlogin('basic'); // 외부 로그인 ?>
<ul id="hd_nb">
<li class="hd_nb1"><a href="<?php echo G5_BBS_URL ?>/qalist.php" id="snb_qa"><i class="fa fa-comments" aria-hidden="true"></i><br>1:1문의</a></li>
<li class="hd_nb2"><a href="<?php echo G5_BBS_URL ?>/faq.php" id="snb_faq"><i class="fa fa-question-circle" aria-hidden="true"></i><br>FAQ</a></li>
<li class="hd_nb3"><a href="<?php echo G5_BBS_URL ?>/current_connect.php" id="snb_cnt"><i class="fa fa-users" aria-hidden="true"></i><br>접속자 <span><?php echo connect('theme/basic'); // 현재 접속자수 ?></span></a></li>
<li class="hd_nb3"><a href="<?php echo G5_BBS_URL ?>/current_connect.php" id="snb_cnt"><i class="fa fa-users" aria-hidden="true"></i><br>접속자 <span><?php echo connect('basic'); // 현재 접속자수 ?></span></a></li>
<li class="hd_nb4"><a href="<?php echo G5_BBS_URL ?>/new.php" id="snb_new"><i class="fa fa-history" aria-hidden="true"></i><br>새글</a></li>
</ul>
@@ -135,8 +135,8 @@ include_once(G5_LIB_PATH.'/popular.lib.php');
</div>
<script>
$(function () {
$(".hd_opener").on("click", function() {
jQuery(function ($) {
$(".hd_opener").on("click", function(e) {
var $this = $(this);
var $hd_layer = $this.next(".hd_div");
@@ -153,17 +153,30 @@ include_once(G5_LIB_PATH.'/popular.lib.php');
}
});
$("#container").on("click", function() {
$("#container").on("click", function(e) {
$(".hd_div").hide();
}).on("click_font_resize", function(e) {
var $this = $(this),
$text_size_button = $("#text_size button");
$text_size_button.removeClass("select");
if( $this.hasClass("ts_up") ){
$text_size_button.eq(1).addClass("select");
} else if ( $this.hasClass("ts_up2") ) {
$text_size_button.eq(2).addClass("select");
} else {
$text_size_button.eq(0).addClass("select");
}
});
$(".btn_gnb_op").click(function(){
$(".btn_gnb_op").click(function(e){
$(this).toggleClass("btn_gnb_cl").next(".gnb_2dul").slideToggle(300);
});
$(".hd_closer").on("click", function() {
$(".hd_closer").on("click", function(e) {
var idx = $(".hd_closer").index($(this));
$(".hd_div:visible").hide();
$(".hd_opener:eq("+idx+")").find("span").text("열기");
theme/basic/mobile/tail.php
+25 -17
View File
@@ -19,7 +19,7 @@ if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
</div>
Copyright &copy; <b>소유하신 도메인.</b> All rights reserved.<br>
</div>
<button type="button" id="top_btn">상단으로</button>
<button type="button" id="top_btn"><i class="fa fa-arrow-up" aria-hidden="true"></i><span class="sound_only">상단으로</span></button>
<?php
if(G5_DEVICE_BUTTON_DISPLAY && G5_IS_MOBILE) { ?>
<a href="<?php echo get_device_change_url(); ?>" id="device_change">PC 버전으로 보기</a>
@@ -35,28 +35,36 @@ if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
<script>
$(function() {
// 폰트 리사이즈 쿠키있으면 실행
font_resize("container", get_cookie("ck_font_resize_rmv_class"), get_cookie("ck_font_resize_add_class"));
});
jQuery(function($) {
//상단고정
$(window).scroll(function(){
var sticky = $('.top'),
scroll = $(window).scrollTop();
$( document ).ready( function() {
if (scroll >= 50) sticky.addClass('fixed');
else sticky.removeClass('fixed');
});
// 폰트 리사이즈 쿠키있으면 실행
font_resize("container", get_cookie("ck_font_resize_rmv_class"), get_cookie("ck_font_resize_add_class"));
//상단고정
if( $(".top").length ){
var jbOffset = $(".top").offset();
$( window ).scroll( function() {
if ( $( document ).scrollTop() > jbOffset.top ) {
$( '.top' ).addClass( 'fixed' );
}
else {
$( '.top' ).removeClass( 'fixed' );
}
});
}
//상단으로
$("#top_btn").on("click", function() {
$("html, body").animate({scrollTop:0}, '500');
return false;
});
//상단으로
$(function() {
$("#top_btn").on("click", function() {
$("html, body").animate({scrollTop:0}, '500');
return false;
});
});
</script>
<?php
include_once(G5_THEME_PATH."/tail.sub.php");
?>