- open_with
-
갠홈 끄적끄적소스나물2024.09.27 20:54
웹폰트 사이트
폰트어썸 티스토리https://wess.tistory.com/ 눈누와 비교해 웹폰트 구현 방식이 좀더 편리함
사이트 스크랩
아보카도 에디션에 구글캘린더 달기https://meetthemeter.blogspot.com/2023/01/blog-post.html
TINYPng https://tinypng.com/
Compression https://compressor.io/
투명도에 따른 컬러코드 https://kwonsaw.tistory.com/291
PSD 온라인 편집기 https://www.photopea.com/
CSS 선택자https://www.nextree.co.kr/p8468/
CSS 공작소https://superkts.com/css/
jquery 공작소https://superkts.com/jquery/
텍스트 이미지 변환기http://mozirobi.com/texttoimage/
배경화면 메이커-웹픽 https://wepik.com/
피그마 컬러https://www.figma.com/colors/
컬러피디아https://encycolorpedia.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>
이렇게 감싸기
참고로 style="text-align: center;"는 중앙정렬이라 빼도 됨
:root{
--base:<?=$css['color_bak'][0]?>;
--point:<?=$css['color_point'][0]?>;
--text:<?=$css['box_style'][1]?>;
--def:<?=$css['color_default'][0]?>;
--base-05:<?=$css['color_bak'][0]?>99;
--base-08:<?=$css['color_bak'][0]?>CC;
--point-05:<?=$css['color_point'][0]?>80;
--text-05:<?=$css['box_style'][1]?>80;
--radius:<?=$css['equalizer'][0]?>;
--shadow: <?=$css['mmb_list'][0]?>;
--box-shadow:0px 0px 5px <?=$css['mmb_list'][0]?>;
--shadow-dark:rgba(0,0,0,.5);
--shadow-light:rgba(255,255,255,.5);
--fontF:<?=$css['input_bak'][0]?>;
--fontS:<?=$css['input_bak'][1]?>;
--fontE:<?=$css['input_bak'][2]?>;
--fontP:'PyeongChangPeace-Light';
--text-background-1:url('<?=$css['equalizer'][1]?>');
--text-background-2:url('<?=$css['equalizer'][2]?>');
--frame-background-1:url('<?=$css['mmb_contain_bak'][1]?>');
--frame-background-2:url('<?=$css['mmb_contain_bak'][2]?>');
--frame-background-3:url('<?=$css['mmb_contain_bak'][3]?>');
--frame-background-4:url('<?=$css['mmb_contain_bak'][4]?>');
--holo-img-1:url('<?=$css['mmb_contain_bak'][0]?>');
--etc-img-2:url('<?=$css['mmb_contain_bak'][5]?>');
--main-page-img-01:url('<?=$css['mmb_reply_item'][0]?>');
--main-page-gradient:<?=$css['mmb_reply_item'][1]?>;
}
https://animate.style/