[4]
텍스트 서식 적용 keyboard_arrow_down
지비님 텍스트 서식 LINK 여기저기에 적용해보기
이전에 mmb에는 적용해뒀었는데 주로 사용하는 bbs 스킨이라던지, 리뷰 스킨 쪽에도 쓰고 싶어서 댓글에 작성된 적용법을 참고했음

bbs 본문 적용
view.skin.php 파일의
<!-- 본문 내용 시작 { --> 과 <!-- } 본문 내용 끝 --> 사이의 코드를
<div id="bo_v_con"><? echo autolink(emote_ev($view['content']), $bo_table, $stx);?></div> 로 바꾸기
+
본래 코드는 <!-- <div id="bo_v_con"><?// echo get_view_thumbnail($view['content']); ?></div> --> 과 같은 형태로 주석처리 함
div 태그 주석처리와 별개로 php 쪽 코드에도 주석처리를 해줘야 했음
지우는 것보단 주석처리해서 원코드를 남겨두는 편이 나을 것 같아서 이렇게 함!

bbs 포함 댓글 적용
view_comment.skin.php 파일의
$comment = $list[$i]['content']; 부분을
$comment = autolink(emote_ev($list[$i]['content']), $bo_table, $stx); 로 바꾸기
[3]
흘러가는 한줄글 속도 수정 keyboard_arrow_down
LINK 의 최신글 스킨 적용 후 글씨가 너무 빠르게 흘러가는 부분 수정

css/style.css

.marquee span i {
    (생략)
    animation-timing-function:linear; // 애니메이션 움직임 방향
    animation-duration:20s; // 애니메이션 움직임 시간(속도)
    animation-iteration-count:infinite; // 애니메이션 반복 횟수
}
[2]
색감 조정 및 스타일 정리 keyboard_arrow_down
MORE

color hunt  LINK
- 메뉴 리스트가 안 보이는 상태가 기본이 되도록 변경함
- 폰트 사이즈 정리
- 게시판 전체 배경색 대신 li 스타일에 배경색을 각각 주는 방식으로 변경 & 공지글 강조색 추가
MORE

디자인 요소 넣어보려다가 귀찮아져서 여기서 멈춤...
MORE

역시 나한테 디자인 센스란 없는 것으루... 랑자 이뿐 월페나 넣고 끝냇다^^

메인 스킨의 구조 번호가 100을 넘기면 정렬 오류나는 부분 제보하고 수정된 파일 적용했다.
그리고 다시 구조 정리하는 김에 이미지 위치를 조정해서 배치해보았다!
[1]
스포주의 함수 동작하지 않는 오류 keyboard_arrow_down

문제

리뷰게시판에서 로그인된 상태에서는 스포주의 박스 없애고 가려진 내용 표시하는 함수가 잘 작동해서 모르고 있다가 스타일 조정하며 테스트한다고 시크릿 창으로 접속해서 비로그인상태로 눌러보니 버튼을 클릭해도 해당 함수가 동작하지 않았음

Uncaught ReferenceError: change_area_bic is not defined
    at HTMLButtonElement.onclick

해결

LINK 에서 <body> 안쪽에 태그 아래쪽으로 스크립트를 이동시켜 보라는 조언을 보고 change_area_bic 함수를 body 안의 해당 함수를 사용하는 태그의 바로 아래로 옮겼더니 정상 작동함.

view_comment.skin.php

<!-- 스포일러 방지  -->
<?php if($list[$i]['wr_3']){ ?>
    <div class="comment-secret theme-box">
        <div class="">스포주의</div>
        <p class="">아직 보지 못한 결정적인 반전이 있을 수 있습니다. 게시물을 확인하시겠습니까?</p>
        <button type="button" class="ui-btn" onclick="change_area_bic(this)">확인하기</button>
    </div>
    <script>
        function change_area_bic(obj){
            const _parent = obj.parentElement;
            const _pparent = _parent.parentElement;
            const _siblings = _pparent.querySelector('.comment-content');
            _parent.classList.add('is-hide');
            _siblings.classList.remove('is-hide');
            console.log(_parent);
            console.log(_siblings);
        }
    </script>
<?php } ?>