댓글에 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개
임플란트 및 브릿지를 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]
감사합니다.
게시판 목록
그누보드5 팁자료실
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 공지 | 3년 전 | 4402 | ||
| 24 | 12년 전 | 7368 | ||
| 23 | 12년 전 | 5223 | ||
| 22 |
JMoon
|
12년 전 | 6243 | |
| 21 |
오늘도망했다
|
12년 전 | 13478 | |
| 20 | 12년 전 | 4319 | ||
| 19 | 12년 전 | 8044 | ||
| 18 | 12년 전 | 6510 | ||
| 17 | 12년 전 | 5413 | ||
| 16 | 12년 전 | 6131 | ||
| 15 | 12년 전 | 5612 | ||
| 14 | 12년 전 | 9228 | ||
| 13 | 12년 전 | 8197 | ||
| 12 | 12년 전 | 4948 | ||
| 11 | 12년 전 | 7265 | ||
| 10 |
 vitamin |
12년 전 | 8958 | |
| 9 | 12년 전 | 7552 | ||
| 8 | 12년 전 | 8128 | ||
| 7 | 12년 전 | 7327 | ||
| 6 | 12년 전 | 7456 | ||
| 5 | 12년 전 | 7373 | ||
| 4 | 12년 전 | 7462 | ||
| 3 | 12년 전 | 6952 | ||
| 2 | 12년 전 | 5801 | ||
| 1 | 12년 전 | 12121 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기