skin/board/load안의 view_comment.skin php를 엽니다.
→ 이모티콘 출력 함수라고 주석이 달려있는 줄에 엔터 치고 고쳤습니다.
$logconts = $log_comment['content'];
$logconts = str_replace("(블러시작)", '<a href="#" class="blurtext"><span style="filter:blur(4px);">', $logconts);
$logconts = str_replace("(블러끝)", "</span></a>", $logconts);
echo $logconts;
※ (블러시작)과 (블러끝) 및 fulter:blur(4px)안의 px값은 바꾸셔도 됩니다. css를 어느정도 알고계신 분이라면 통째로 고치셔도 무관합니다^____^
※ 저 텍스트는 태그상 링크 취급되기 때문에 홈페이지에서 링크에 css효과가 적용된 경우, 여기에도 반영됩니다. (보통은 글자색이 바뀝니다) 글자색을 바꾸고 싶으신 경우 <span style="filter:blur(4px);"> 이 부분을 <span style="filter:blur(4px); color:black;"> 으로 바꿔넣어주세요. black외의 다른 컬러도 물론 가능합니다.
20210824 수정!!!
리플에 html을 체크하고 블러를 적용시켰을 때 명령어가 변환되지 않는 현상을 수정했습니다. 다음 방법을 따라주세요!
위 1번방식대로 이미 적용시키신 분들은 붙여넣기한 코드를 지우고 따라와주세요!
extend폴더 안의 mmb.lib.php파일을 열어서 약3n번째 줄에 있는 return $str;위에 엔터를 치고
$str = str_replace("(블러시작)", '<a href="#" class="blurtext"><span style="filter:blur(4px);">', $str); $str = str_replace("(블러끝)", "</span></a>", $str);
를 붙여넣기해주세요.
이어서 skin/board/load 폴더 안에 있는 load.board.js파일을 열어서 $(window).ready(function()를 찾아 그 윗쪽 적절한 빈줄에 엔터치고
let clicked = 0; $(document).on('click',".blurtext",function(){ if(clicked){ $(this).children('span').addClass("blur-off"); clicked= 0 ; }else{ $(this).children('span').removeClass("blur-off"); clicked = 1; }
return false; });
를 추가합니다. 다른 중괄호를 깨지 않도록 합시다(터져요). 더 적절한 위치가 있을 수 있으니 js를 잘 아시는 분들은 편한곳에 넣어주세요, 저는 정말 아는게 없습니다 진짜로...전혀...
20210911 수정!!! 한번 푼 블러를 다시 적용시키도록 코드를 전반적으로 손봤습니다!
그리고 같은 폴더에 있는 style.css파일을 열어서 다른 중괄호를 깨지 않는 적절한 위치에
.blur-off{ filter:blur(0px) !important; }
를 추가하고 모든 파일을 잘 적용시켜주시면 됩니다 ^_____^
모든 코드를 적용시키면 앞으로 리플 작성시 (블러시작)과 (블러끝)으로 감싼 부분만 블러가 적용되어 나옵니다. 한 코멘트에 여러 범위의 블러 적용이 가능해요! 만약 안된다면 ctrl+shift+R을 사용해 새로고침한 뒤 재확인해주세요!
코드를 제대로 공부한 적이 없어서 여러가지 문제상황에 대한 도움은 드릴 수 없답니다.
구글과 스택오버플로우, (특히)오래된 블로그가 모든 답을 알고 있으니 여러가지로 서치해보세요!