친절한효자손 취미생활

안녕하세요. 친절한효자손입니다. 친효스킨 2.3 버전에 대한 일부 코드 수정 안내입니다. 치명적인 문제는 아닙니다. 본문 로딩 스크립트의 위치를 변경하고자 이렇게 안내를 드리려고 합니다. 본문을 다 로드 후 스크립트가 실행되다보니 바로 곰돌이가 보이지 않고 약 0.5초 정도 후 곰돌이가 보이는 문제를 수정했습니다. 위치를 옮기면 이제 로딩 스크립트가 바로 실행되고 본문 로딩이 모두 완료되면 곰돌이도 사라지게 될 것입니다.

 

HTML 수정 방법

다음의 스크립트를 HTML 편집 화면에서 찾습니다. 위치는 </body> 바로 위에 있을 것입니다.

 

<!-- 스킨 로딩 -->
<s_if_var_chskinloading>
    <script>
        $(window).on('load', function() {
            $("#loading").hide();
        });

    </script>

    <div id="loading">
        <div class="loadingSize">
            <div class="loadingSpin">
                <div class="loadingAni">
                    <div></div>
                    <div>
                        <div></div>
                    </div>
                </div>
            </div>
            <img class="rgyLoadingImg" <s_if_var_rgy-loadingimg>src="[##_var_rgy-loadingimg_##]"</s_if_var_rgy-loadingimg>
            <s_not_var_rgy-loadingimg>src="./images/loading.gif"</s_not_var_rgy-loadingimg> alt="loading">
        </div>
    </div>
</s_if_var_chskinloading>

이것이 스킨 로딩과 관련된 태그 코드입니다. 이 코드를 모두 블록 처리하여 잘라내기(Ctrl+X) 합니다. 그리고 <body> 바로 뒤에 붙여넣기 해줍니다.

 

수정 완료 후의 모습입니다. 친효스킨은 <body> 태그 안쪽에 여러가지 치환자들이 들어가 있습니다. 위의 스크린샷을 참고하시어 스킨로딩 코드를 옮기시면 됩니다. 위의 이미지를 보시면 아시겠지만 </div>가 빨간색으로 변하는 일부 태그가 발생합니다. 이것은 스킨 오류가 아닙니다. 코딩 상태는 정상입니다. 단지 치환자가 기존의 HTML 규격에서 살짝 벗어나기 때문에 오류로 처리를 하게 되는 것입니다. 기능에서는 모두 이상 없습니다. 이렇게 수정 완료 후 저장하시고 스킨이 정상 작동하는지 확인해 주시기 바랍니다. 끝.

공유하기

facebook twitter kakaoTalk kakaostory naver band

댓글

비밀글모드

  1. 항상 감사하게 사용잘 하고 있습니다 친효님!
    제가 HTML 관해선 아무것도 몰라서... 게시글에 올려주신 코드가 혹시 아래에 붙여넣은 거랑
    같은건가요? 제가 열심히 찾아봤는데 잘라내라고 하신 부분이랑 똑같은 코드가 보이질 않아서
    염치불구하고 질문 댓글 남겨요 ㅠ

    <s_if_var_chskinloading>
    <script>
    $(window).on('load', function() {
    $("#loading";).hide();
    });

    </script>

    <div id="loading">
    <img src="./images/loading.svg" alt="loading">
    </div>
    </s_if_var_chskinloading>
    2021.04.30 23:49 신고
    • 2.2 버전은 없습니다. 본문에도 적어두었듯 2.3 버전 사용자만 해당됩니다.
      2021.04.30 23:55 신고
  2. 넵 적용했습니다. 감사합니다. ^^
    2021.05.02 03:36 신고
  3. 저도 body 시작에 넣었는데
    대부분 방문자가 검색으로 글로 바로 들어오니 큰 차이는 없지만
    홈으로 접속하면 로딩이미지가 뜨니 좀 지루한듯해서
    본문 위에 효자손님 상단 광고 두개 넣은 위치 바로 위에 로딩 이미지 넣었더니
    홈으로 접속하면 글목록이 바로나오고
    본문글 뜰때만 이미지가 나와서 조금 더 마음에 드네요.
    친효스킨부터 좋은글까지 늘 감사드려요.
    2021.05.04 07:33 신고