댓글에 HTML CSS 자바스크립트 가능하게 하기 > 그누보드5 팁자료실

그누보드5 팁자료실

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

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

본문

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

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

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

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

 

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

 


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

 

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

 


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

 

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

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

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

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

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

 


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

 

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

 

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

 

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

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

 


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

 

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

 

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

추천
10

댓글 10개


임플란트 및 브릿지를 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

전체 2,015 |RSS
그누보드5 팁자료실 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIR SOFT