테스트 사이트 - 개발 중인 베타 버전입니다

댓글에 HTML CSS 자바스크립트 가능하게 하기

오늘 댓글란에 에디터를 넣지 않고 이모티콘을 쉽게 입력하는 방법을 쪼물딱 거리다 발견한 팁입니다.

댓글에 HTML 및 CSS와 자바스크립트를 아주 쉽게 넣을 수 있는 방법 공유합니다.

물론 PHP 는 사용할 수 없구요.

스킨은 basic 및 gallery 두 개의 기본 스킨이 기준입니다.

 

1. PC 스킨입니다. view_comment.skin.php 의 19번째 줄인가를 보면 아래의 코드가 있습니다.

 

[code]

$comment = $list[$i]['content'];

[/code]

 

이걸 삭제하거나 주석처리한 후 아래의 코드로 대체합니다.

 

[code]

$comment = $list[$i]['wr_content'];

[/code]

 

그러나 이렇게 하면 댓글을 달 수 있는 모든 사람에게 권한을 줄 수 있으니 아니될 일이겠죠.

그래서 조건문을 하나 걸어줍니다.

$list[$i]['mb_id'] 에 == 으로 "관리자아이디" 를 적어주세요.

이렇게 하면 관리자를 제외한 나머지 사람들은 기존의 옵션으로 댓글이 작성됩니다.

만일 권한을 여러명에게 주고 싶으면 || 으로 연결하여 사용하면 되겠습니다.

 

[code]

if ($list[$i]['mb_id'] == "관리자아이디") $comment = $list[$i]['wr_content'];
else $comment = $list[$i]['content'];

[/code]

 

--------------------

 

2. 다음은 모바일입니다.

 

view_comment.skin.php 의 19번째 줄인가를 보면 $str = $list[$i]['content']; 가 있습니다.

이 $str 을 PC 스킨의 $comment 와 똑같이 처리해 주세요.

 

[code]

if ($list[$i]['mb_id'] == "관리자아이디") $str = $list[$i]['wr_content'];
else $str = $list[$i]['content'];

[/code]

 

--------------------

 

3. HTML CSS 자바스크립트로 댓글 컨텐츠를 만들 때는 반응형 등으로 만들어 사용하시는 것이 시각적으로 보기가 좋습니다.

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 10개

대단합니다. 적용해보겠습니다.
@rainbi
임플란트 및 브릿지를 18개 하는 중이라 그간 좀 격조했더니 레벨이 팍 떨어졌네요.
회원순위 1등은 딱 한번이라도 해 보고 싶어요.ㅋ
고맙습니다. 어느 팁보다 유용하고 도움이 됩니다.
댓글을 달고 관리할 때 매우 좋습니다.
지금까지 같은 폰트크기, 같은 색으로 단조롭게 댓글을 달고 관리했는데요.
댓글에 css를 적용해서 폰트크기를 조절하고, 배경색도 넣고, <audio> 태그를 사용해서 음악도 넣을 수 있고, 자바스크립트도 적용할 수 있어 댓글의 새로운 세계를 만난 느낌입니다
저는 다음과 같이 적용해보았습니다.
저도 초보지만 저같은 초보에게 도움이 될수 도 있겠습니다.

첫댓글: 학원같은데서 질문에 대한 답변을 음성으로 남길수도 있겠어요. 음성을 녹음해서 서버에 올린후 음성파일 주소를 <audio>로 댓글에 달면요.
<p style="background-color:Tomato;padding: 15px;color: white;">
표현력 좋습니다 ^^<br> 댓글에 음악도 넣을 수 있네요
</p>
<audio controls>
<source src="http://pws.co.kr/audio/junghee.mp3" type="audio/mpeg">
</audio>

두번째 댓글: <h1>등 헤드태그는 적용이 되지 않아서 글자크기를 font-size로 조절했습니다
<p style="font-size: 25px; padding: 25px;">수지와 같은 그룹의 두명은 어디서 무엇을 할까요?</p>

세번째 댓글:
<button style="background-color:blue;font-size: 20px;color: white;padding: 15px; margin-top: 25px; " onclick="document.getElementById('kims').innerHTML=Date()">지금 몇시일까요?</button>

<p id="kims"></p>
<br><br>
자바스크립트도 잘 되네요^^
http://pws.co.kr/bbs/board.php?bo_table=basic_comen_html_css

[http://sir.kr/data/editor/2111/5a0aa495be1d991a9fcd078eea35074e_1637596518_2739.png]
@김철용 늘 애용해 주셔서 감사합니다.
좋아요.
감사합니다.
@들레아빠 늘 감사합니다
@ant엔트 감사합니다
^^ 역시 꼭필요한 기능을 만들어 주셔서 감사합니다
@미키손 감사합니다

게시판 목록

그누보드5 팁자료실

글쓰기
🐛 버그신고