갠홈 공사용 코드 260607 by 미나리나물
목차

PDF 이미지 변환https://allinpdf.com/
이미지 압축https://tinypng.com/
이미지 압축 & 편집https://tinypng.com/
jQuery 공작소https://superkts.com/jquery/
css 공작소https://superkts.com/css/

css 패턴메이커
https://superkts.com/css/
https://css-pattern.com/

css 도형메이커
https://css-shape.com/

컬러파레트 생성기
https://www.figma.com/colors/
https://encycolorpedia.com/

텍스트 이미지 변환
http://mozirobi.com/texttoimage/

마우스 & 배경 이펙트
https://www.mf2fm.com/rv/
게시판 최대 넓이 조정 260607 by 미나리나물 


<?if($board['bo_table_width']>0){?>style="max-width:<?=$board['bo_table_width']?><?=$board['bo_table_width']>100 ? "px":"%"?>;margin:0 auto;"<?}?>


이 코드를 넓이 조정할 태그에 넣기
260607 by 미나리나물
클릭하면 복사되는 코드

①https://clipboardjs.com/ 여기 들어가서 Install 밑에 download.zip 을 받기
② 갠홈 폴더중 js 폴더에 clipboard.min.js 를 넣기
③ head.php를 열어서


<script src="<?php echo G5_JS_URL ?>/clipboard.min.js"></script>


이코드를



<!-- 헤더 영역 -->

위에 넣기

④ 게시글 html 최하단에 아래를 붙여넣기


<script>

      var clipboard = new ClipboardJS( '.btn' );

      clipboard.on( 'success', function() {

        alert( '복사 완료 메세지' );

      } );

      clipboard.on( 'error', function() {

        alert( '복사 실패 메세지' );

      } );

    </script>

⑤ 원하는 이미지에


<p class="btn" data-clipboard-text="복사될 내용" style="text-align: center;"><원하는 이미지 주소></p>

이렇게 감싸기
텍꾸 추가하기 260607 by 미나리나물
① 텍스트 서식 추가
1. css 폴더 textggu.css 에 텍스트 서식 추가
2. extend > mmb.lib 의 콜링 설정 아래에

$str = preg_replace('`텍꾸치환자이름\[(?![\s])(.?)(?$1', $str);

이렇게 추가하기

②텍꾸를 모든 게시판에 적용하기
lib 폴더 common.lib.php 의



function markup_text($str, $restore=false)

{

//여기부턴 textggu.css를 사용한다

//아래부터(1465번줄)

$source[] = "`기타6\[(?![\s])(.?)(?<![\s*])\]`";

$target[] = "<span class='textggu--etc6'>$1</span>";


이런 방식으로 수정하기
포타 파쿠리 행간자간 260607 by 미나리나물 
word-break: break-all;

word-spacing: -1px;

letter-spacing: -0.2px;

line-height: 180%;

font-size: 16px;

font-weight: 300;
부드럽게 열리는 상자 260607 by 미나리나물 
$(".more_open_close").click(function(){

	if($(this).next().hasClass('more_content_box')){

		 $(this).next().slideToggle(function(){

			var txt=$(this).prev();

			if(txt.text()=="열기"){

				txt.text("접기");

			}else if(txt.text()=="접기"){

				txt.text("열기");

			}

		 });

	}else{

		$(this).parents('p').siblings('.more_content_box').slideToggle(function(){

		var txt=$(this).prev().find('.more_open_close');

		if(txt.text()=="열기"){

			txt.text("접기");

		}else if(txt.text()=="접기"){

			txt.text("열기");

		}	

		});

	}

	return false;

});

]

아보카도 에디션에 기본적으로 있는 이 코드를 사용해서...(위치는 js의 _custom? 일거임)



<a href="#" class="more_open_close ui-btn point">

<span style="color: rgb(90, 80, 75);" >버튼명</span ></a>

<div class="more_content_box" style="display: none;">내용</div>


이런 식으로 사용