바보상자의 코딩박스

반응형-햄버거메뉴 클릭시 오른쪽에서 하위메뉴 보이기

얼렁뚱땅 디자이너 — Fri, 3 Dec 2021 16:23:33 +0900

head.php에 아래 코드 넣기

<?php

if(defined('_INDEX_')) { // index에서만 실행

include G5_BBS_PATH.'/newwin.inc.php'; // 팝업레이어

} ?>

<a href="<?php echo G5_URL ?>/index.php"><img src="<?php echo G5_IMG_URL ?>/m_logo.png" alt="<?php echo $config['cf_title']; ?>"></a>

</div>

<button type="button" id="m_gnb_open" class="m_hd_opener"><img src="<?php echo G5_IMG_URL ?>/m_menubar.png" alt="m_menubar"><span class="sound_only"> 메뉴열기</span></button>

<?php

$sql = " select *

from {$g5['menu_table']}

where me_mobile_use = '1'

and length(me_code) = '2'

order by me_order, me_id ";

$result = sql_query($sql, false);

for($i=0; $row=sql_fetch_array($result); $i++) {

<?php

$sql2 = " select *

from {$g5['menu_table']}

where me_mobile_use = '1'

and length(me_code) = '4'

and substring(me_code, 1, 2) = '{$row['me_code']}'

order by me_order, me_id ";

$result2 = sql_query($sql2);

for ($k=0; $row2=sql_fetch_array($result2); $k++) {

if($k == 0)

echo '<button type="button" class="btn_m_gnb_op">▼</button><ul class="m_gnb_2dul">'.PHP_EOL;

<li class="m_gnb_2dli"><a href="<?php echo $row2['me_link']; ?>" target="_<?php echo $row2['me_target']; ?>" class="m_gnb_2da"><span></span><?php echo $row2['me_name'] ?></a></li>

<?php

}

if($k > 0)

echo '</ul>'.PHP_EOL;

</li>

<?php

}

if ($i == 0) { ?>

<li id="m_gnb_empty">메뉴 준비 중입니다.<?php if ($is_admin) { ?> <br><a href="<?php echo G5_ADMIN_URL; ?>/menu_list.php">관리자모드 > 환경설정 > 메뉴설정</a>에서 설정하세요.<?php } ?></li>

<?php } ?>

</ul>

</div>

<?php echo outlogin('theme/basic'); // 외부 로그인 ?>

<li class="m_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="m_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>

</ul>

<button id="size_down" onclick="font_resize('container', 'ts_up ts_up2', '', this);" class="select"><img src="<?php echo G5_URL; ?>/img/ts01.png" width="20" alt="기본"></button>

<button id="size_def" onclick="font_resize('container', 'ts_up ts_up2', 'ts_up', this);"><img src="<?php echo G5_URL; ?>/img/ts02.png" width="20" alt="크게"></button>

<button id="size_up" onclick="font_resize('container', 'ts_up ts_up2', 'ts_up2', this);"><img src="<?php echo G5_URL; ?>/img/ts03.png" width="20" alt="더크게"></button>

</div>

$(function () {

//폰트 크기 조정 위치 지정

var font_resize_class = get_cookie("ck_font_resize_add_class");

if( font_resize_class == 'ts_up' ){

$("#text_size button").removeClass("select");

$("#size_def").addClass("select");

} else if (font_resize_class == 'ts_up2') {

$("#text_size button").removeClass("select");

$("#size_up").addClass("select");

}

$(".m_hd_opener").on("click", function() {

var $this = $(this);

var $m_hd_layer = $this.next(".m_hd_div");

if($m_hd_layer.is(":visible")) {

$m_hd_layer.hide();

$this.find("span").text("열기");

} else {

var $m_hd_layer2 = $(".m_hd_div:visible");

$m_hd_layer2.prev(".m_hd_opener").find("span").text("열기");

$m_hd_layer2.hide();

$m_hd_layer.show();

$this.find("span").text("닫기");

}

});

$("#container").on("click", function() {

$(".m_hd_div").hide();

});

$(".btn_m_gnb_op").click(function(){

$(this).toggleClass("btn_m_gnb_cl").next(".m_gnb_2dul").slideToggle(300);

});

$(".m_gnb_1da").click(function(){

$(this).next(".btn_m_gnb_op").trigger("click");

}); //.m_gnb_1da 클릭시 하위메뉴가 보이도록 하는 스크립트

$(".m_hd_closer").on("click", function() {

var idx = $(".m_hd_closer").index($(this));

$(".m_hd_div:visible").hide();

$(".m_hd_opener:eq("+idx+")").find("span").text("열기");

});

</script>

</div>

</header>

defalte.css 미디어쿼리부분에 코드 넣기

/** 모바일 헤더 시작 **/

#hd{display:none;}

#m_hd {position:relative; display:block ;background:#fff;}

#m_hd:after {display:block;visibility:hidden;clear:both;content:""}

#m_hd_h1 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}

#m_logo {padding:15px 0;text-align:center; border-bottom:1px solid #eee;}

#m_logo img{vertical-align:middle; width:55%;}

#m_gnb_open {position: absolute; top: 50%; right: 10px; padding: 0 10px; width: 40px; border: 0; background-size: 70%; color: #333; transform: translateY(-50%); background: #fff;}

#m_gnb_open img{width:100%;}

#m_gnb {display:none;background:#262626;position:fixed;top:0;right:0;z-index:99999;height:100%;overflow-y:auto;width:55%;

-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);}

#m_gnb a {display: block; color: #efefef; font-size:16px; padding: 15px 5%; border-bottom: 1px solid #2d2d2d;}

.m_gnb_1dli{position:relative;}

.m_gnb_1dli button{display:none; position:absolute;top:10px;right:5%;background:rgba(255,255,255,0);padding:5%;border:1px solid #efefef;overflow:hidden;color:#efefef; transition:0.5s;}

.m_gnb_1dli button:hover{background:#0067ae; border:1px solid #0067ae;}

.m_gnb_1dli button:active{color:#222;}

.m_gnb_1dli button.btn_m_gnb_cl{background:url(../img/mobile/m_gnb_bg2.png) no-repeat 50% 50%}

.m_gnb_1da {}

.m_gnb_1da:hover{}

.m_gnb_2dul {display:none;}

.m_gnb_2da {border-bottom:1px solid #2d2d2d;background:url(../img/btn_next.gif) no-repeat 20px 50%; padding:10% 0 10% 30px; transition:0.5s; text-indent:20px;}

.m_gnb_2da:hover{background:#0067ae; font-weight:500;}

#m_gnb_close {display:block;height:50px;width:110%;border:0;background:url(../img/mobile/btn_close.png) no-repeat right 50%; background-size:3rem;color:#fff;text-indent:-999999999px;overflow:hidden;}

#m_gnb_empty {padding:20px 0;color:#fff;text-align:center;line-height:2em}

#m_gnb_empty a {display:inline;text-decoration:underline}

#m_hd_sch {text-align:center;padding:20px}

#m_hd_sch h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}

#m_hd_sch form {position:relative;padding-right:40px;}

#m_hd_sch #sch_stx {width:100%;height:45px;background:#464646;border:0;padding-left:10px;border-radius:3px 0 0 3px;color:#fff}

#m_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;}

#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);

box-shadow: 0 0 5px rgba(55,55,5,0.4);}

#user_close {display:block;margin:0;height:50px;width:100%;border:0;background:url(../img/mobile/btn_close.png) no-repeat right 50%

#222;background-size:25px;color:#fff;text-indent:-999999999px;overflow:hidden}

#snb_cnt span{display:inline-block;padding: 0 7px;height:18px;line-height:18px;font-size:12px;background:#3ca1ff;border-radius:20px;color:#fff}

#m_hd_nb{margin:20px;}

#m_hd_nb:after {display:block;visibility:hidden;clear:both;content:""}

#m_hd_nb li{width:50%;float:left;text-align:center;line-height:25px;font-size:1.083em;font-weight:bold}

#m_hd_nb li a{display:block;color:#717171;padding:20px 0}

#m_hd_nb li i{font-size:20px;}

#m_hd_nb .m_hd_nb1{border-right:1px solid #e2e5e7;border-bottom:1px solid #e2e5e7}

#m_hd_nb .m_hd_nb2{border-bottom:1px solid #e2e5e7}

#m_hd_nb .m_hd_nb3{border-right:1px solid #e2e5e7}

/** 모바일 헤더 끝 **/

굿빌더 상단 국기버튼 눌렀을 때 나라 순서 변경하기

얼렁뚱땅 디자이너 — Thu, 2 Dec 2021 06:22:17 +0900

www/tmpl/해당테마(w3_basic)/locale/lang/lang_list.inc.php

파일에서 수정. 주석 처리되어 있으면 주석 해제하고 사용.

www/extand/templeate.lang.extand.php에서

$g5['lang_list'] = array( 'ko_KR', 'en_US', 'zh_CN', 'ja_JP', 'ru_RU', 'fr_FR', 'de_DE', 'es_ES', 'ar' );

순서 변경

스팸글방지 : href 태그 방지

얼렁뚱땅 디자이너 — Wed, 1 Dec 2021 16:20:04 +0900

1. 게시판 설정에서 html, dhtml 권한 9

2. bb/write_update.php 토큰체크 아래 하단 부분 입력 #38줄

// href 태그입력방지 태그 --------시작

$wr_content = '';

if (isset($_POST['wr_content'])) {

$wr_content = substr(trim($_POST['wr_content']),0,65536);

$wr_content = preg_replace("#[\\\]+$#", "", $wr_content);

if (strpos($wr_content, 'href')) {

alert('href 태그는 사용할 수 없습니다.');

exit;

}

if ($wr_content == '') {

$msg[] = '<strong>내용</strong>을 입력하세요.';

}

// href 태그입력방지 태그 --------끝 (html모드 권한 9, dhtml 권한 9)

+ 코멘트에도 방지하기 #12줄

C:\xampp\htdocs\hantaclub\bbs/write_comment_update.php
#12

// 090710
if (substr_count($wr_content, "") > 50) {
    alert('내용에 올바르지 않은 코드가 다수 포함되어 있습니다.');
    exit;
}
if (strpos($wr_content, 'href')) {
    alert('href 태그는 사용할 수 없습니다.');
    exit;
}

특정 이상 스크롤 내리면 동작하게 하는 스크립트 2

얼렁뚱땅 디자이너 — Thu, 25 Nov 2021 10:34:29 +0900

<div id="left_banner">
	<img src="<?php echo G5_IMG_URL ?>/left_banner01.png" alt="<?php echo $config['cf_title']; ?>"/>
</div>

<style>
	#left_banner{position:absolute;top:80px;left:calc(50% - 740px);z-index:99;}
</style>

<script>
	$(function(){
		$layer=$("#left_banner");
		var speed      = '300';
		var easing     = 'linear';
		$(window).on("scroll", function(){
			top_limit=$("#main_wrap").position().top;
			scroll_y=$(window).scrollTop();
			if(scroll_y>top_limit){
				yPosition=scroll_y-top_limit;
			}else{
				yPosition=20;
			}
			$layer.animate({"top":yPosition }, {duration:speed, easing:easing, queue:false});
		});
	});
</script>

참고 http://monkeyad.shop/index.php

특정 이상 스크롤 내리면 동작하게 하는 스크립트 1

얼렁뚱땅 디자이너 — Wed, 24 Nov 2021 10:31:58 +0900

<style>
	#left_banner_main_wrap{width: 1200px;margin: 0 auto;}
	#left_banner_main{position: absolute;left: 8%;z-index: 9999;top: 1%;}
	
	.sticky {position: fixed !important;width: 100%;}
	.sticky + .content {padding-top: 210px;}
</style>

<div id="left_banner_main_wrap">
	<div id="left_banner_main">
		<img src="<?php echo G5_IMG_URL ?>/left_banner01.png" alt="<?php echo $config['cf_title']; ?>"/>
	</div>
</div>

<script>
	$(function(){
		$(window).scroll(function(){  //스크롤하면 아래 코드 실행
		var num = $(this).scrollTop();  // 스크롤값
			if( num > 690 ){  // 스크롤을 690이상 했을 때
			$("#left_banner_main").addClass("sticky"); // #left_banner_main에 클래스값 sticky 줘라 
				}else{
				$("#left_banner_main").removeClass("sticky");
			}
		});
	});
</script>

• position:fixed 됐을때 위치가 움직이는 단점이 있음

애드센스 승인 완료!!

얼렁뚱땅 디자이너 — Tue, 23 Nov 2021 16:20:05 +0900

저도 드디어 애드센스 승인을 받았습니다~~!!

설명도 대충해주는 구글애드센스 때문에 승인까지 두달정도 걸린 것 같네요ㅋㅋㅋ

애드센스 승인 방법

<!-- 애드센스코드 시작 -->
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9983979274132020"
crossorigin="anonymous"></script>
<!-- 애드센스코드 끝 -->

그렇게 그렇게 안되던 애드센스 승인은 head에 스크립트를 넣고 일주일 만에 승인받았어요.

전에 넣었는데도 안뜨길래 새로 넣었더니 뜨네요.

아무튼 드디어 큰 고비를 넘겨서 기분이 좋네요.

스크롤 이벤트 애니메이션 사용하기

얼렁뚱땅 디자이너 — Thu, 18 Nov 2021 08:05:28 +0900

head.sub.php에 script와 css파일 추가해주기

<script src="https://wowjs.uk/dist/wow.min.js"></script>
<link rel="stylesheet" href="https://wowjs.uk/css/libs/animate.css">

원하는 곳에 아래 코드 넣기

<div data-wow-delay="0.5s" class="wow flash">
	내용
</div>

data-wow-duration: 애니메이션 진행시간

data-wow-delay: 애니메이션 지연시간(설정시간만큼 기다린 후 애니메이션 동작)

data-wow-offset: 애니메이션 시작거리(스크롤이 어느정도 진행되었을때 애니메이션이 시작될지.. 브라우저 창 아래에서 얼만큼 나와야 시작되는지와 같다 숫자가 클수록 스크롤이 많이 내려가야 시작됨)

data-wow-iteration:애니메이션이 몇번 반복될지 지정

스크립트 넣어주기

wow = new WOW({ boxClass: 'wow', // 스크롤 이벤트를 등록할 클래스

animateClass: 'animated', // 기본값 animated => animate.css library 를 적용한다

offset: 0, // data-wow-offset 의 기본값 0

mobile: true, // 모바일에서 동작할 것인지

live: true // 새로추가되는 요소 확인하여 동작

})

wow.init();

애니메이션 참고 사이트는

https://daneden.github.io/animate.css/

제작 참고사이트

https://gahyun-web-diary.tistory.com/178

메인에 메뉴명(대메뉴) 불러오기

얼렁뚱땅 디자이너 — Wed, 17 Nov 2021 08:03:16 +0900

방법 1

<?php 
    $sql = "select * from stamp_menu where length(me_code) = 2 order by me_id limit 0, 5";
    $result = sql_query($sql);
    $total = sql_num_rows($result);

?>

<?php for($i=0;$row=sql_fetch_array($result);$i++){ ?>
   <?php echo $row['me_name']?>
<?php }?>

방법2

<?php 
    $sql = "select me_name from g5_menu where length(me_code) = 2 and me_use = 1 order by me_id desc";
    $result5 = sql_query($sql);
    for ($F=0; $row=sql_fetch_array($result5); $F++) {
       echo $row[me_name]."<br> 123";
    }

?>

<?php for($i=0;$row=sql_fetch_array($result);$i++){ ?>
   <?php echo $row['me_name']?>
<?php }?>

방법3

<?php 
    $sql = "select me_name from g5_menu where length(me_code) = 2 and me_use = 1 order by me_id desc";
    $result5 = sql_query($sql);
    for ($F=0; $row=sql_fetch_array($result5); $F++) {
       echo $row[me_name]."<br> 123";
    }

?>

<?php for($i=0;$row=sql_fetch_array($result);$i++){ ?>
   <?php echo $row['me_name']?>
<?php }?>

관리자 비밀번호 변경 방법

얼렁뚱땅 디자이너 — Tue, 16 Nov 2021 08:58:31 +0900

루트 디렉토리에 새로운 php파일을 만들고

<?php
include_once('./common.php');
 
$a = 'admin'; /* 아이디 */
$b = '1111'; /* 변경할 비밀번호 */
$c = get_encrypt_string($b);
sql_query("update {$g5['member_table']} set mb_password = '{$c}' where mb_id = '{$a}' ");
?>

출처: <https://sir.kr/g5_tip/11187>

빠른상담문의-컨설팅스킨 사용시 메일 받기

얼렁뚱땅 디자이너 — Sat, 13 Nov 2021 11:39:49 +0900

에서 메일 받기 사용시

write_update.skin.php에 아래 내용 추가

// 이메일알림

$wr_email = $super_admin[mb_email];

mailer($wr_name, $wr_email, $super_admin[mb_email], $wr_subject, $content, 1);

기본설정에서 메일 받기 체크

관리자 회원정보에서 메일 수정

기본환경설정 관리자메일주소와 회원관리 최고관리자는 아무거나 입력해도 상관 없음.