웹폰트 사이트

폰트어썸 티스토리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://pattern.monster/ 

배경화면 메이커-웹픽 https://wepik.com/

클릭하면 복사되는 기능

① 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> 

이렇게 감싸기

참고로 style="text-align: center;"는 중앙정렬이라 빼도 됨