빛과사람그리고나 :: 티스토리 댓글 폰트 색상 수정하기

티스토리 댓글 폰트 색상 수정하기티스토리 댓글 폰트 색상 수정하기

Posted at 2013. 7. 22. 15:04 | Posted in 〃 IT/〃 블로그정보
반응형

 

 

티스토리 댓글창 폰트수정방법


 

포스팅 하기전에 전 HTML을 잘모르는 사람이라 이거 알아내는데 엄청 오래걸렸습니다. ㅠㅠ 인터넷을 아무리 뒤져봐도 댓글 폰트수정에 관한 부분은 나와있는게 없습니다. 그래서 한개한개 다해보았습니다.

 

우선 방법먼저 알려드리면 hTML 수정 부분에 들어가셔서 style.css 부분에 들어갑니다. 그리고 ctrl + F 를 누르셔서 검색을합니다. commentWrite 검색하시면 아래와 같이 나오는데 이부분이 댓글에관한 모든 수정부분입니다.

 

 

검색을하면 수정부분이 이렇게 나옵니다. 이수정부분은 제가하는 스킨관련부분이라 스킨마다 조금 다르실수는있습니다.

 

 

.comment                          { width:/*@post-width:-98=*/702px/*@*/; overflow:hidden;  margin-left: 15px; color:#353535; font-size:13px; font-family:NanumGothic }
 .comment p                        { margin:3px 0 0 0; padding:0;}
 .comment h3                       { display:none; }
 .comment ol,
 .comment ul                       { padding: 0; margin: 0; }
 .comment ol li                    { padding: 3px 0; border-bottom:1px solid #fff; }
 .comment li ul li                 { padding:5px 10px 5px 35px;  background:url("images/iconReComment.gif") no-repeat 12px 6px; border:none;}
 .commentWrite                     { overflow: hidden; color:#666; }
 .commentWrite input               { width:150px; color:#666; border: 1px solid #f5f5f5;  }
 .commentWrite textarea            {  width:/*@post-width:-98=*/680px/*@*/; overflow: hidden;  padding: 5px; margin: 5px 0 0 0; color: #212121; border: 2px solid #212121;font-family:NanumGothic}
 .commentWrite .homepage           { width:300px;}
 .commentWrite .submit             { background:url(./images/btn_comment.gif) no-repeat; width:150px; height:23px; overflow:hidden; display:block; text-indent:-1000em; border:0; cursor:pointer; margin:10px auto; }
 .commentWrite .secretWrap         { clear:both; float:right; position:relative; top:0px; left:-10px; margin-bottom: 5px;}
 .commentWrite .checkbox           { border:none; padding:0; margin:0; width:25px;}

 

 

우선 색갈을 칠한 부분은 댓글 설정부분에 없는부분입니다. 저부분을 추가해야합니다. 저는 계속 있는 부분에서 수정을 할려고해서 함참 찾았습니다. 우선 첮줄 comment 부분에서 색갈을 칠해놓은 부분은 댓글의 폰트 폰트 크기 폰트 색갈 설정입니다. 원래는 없는부분인데 추가하면은 적용이됩니다. 이것찾는라 힘들었네요.. 저는 나눔고딕 폰트로 설정하였습니다. 아시다시피 나눔고딕폰트로 적용하기 위해서는 나눔고딕 폰트 파일을 업로드 하신후에 하셔야합니다.

 

commentWrite textarea  이부분에 있는 보라색같은경우에는 색갈은 댓글입력창의 폰트 색갈입니다. 그리고 또한 마찬가지로 폰트는 나눔고딕으로 추가하였습니다.

 

 

설정이 완료된 화면입니다. 다른분들은 쉽게쉽게 하시는것같은데 저에게는 처음이라 엄청 고생했습니다. ㅠㅠ 폰트 크기와 폰트가 나눔고딕에 사이즈도 훨씬 커졌습니다. 저처럼 혹시 모르시는분들을위해 포스팅합니다. 인터넷을 엄청 뒤지실것같아서요.. 폰트나 사이즈는 각자의 입맛에 맞게끔 수정을하시면 됩니다.

 

좋은정보로 도움이 됬으면 좋겠습니다.

 

 

2013/07/18 - 티스토리 블로그에 플로팅광고달기 떠서 마우스따라다님

 

2013/07/03 - 티스토리에 리얼센스 리얼클릭 사이드바 광고달기

반응형

Name __

Password __

Link (Your Website)

Comment

SECRET | 비밀글로 남기기

  1. 빵돌이
    좋네요
  2. ㅎㅎ 댓글 폰트 바꾸는 법 잘 알고가요!!!
  3. 한참 고생했는데 어렵게 찾아 들어왔네요 ㅋㅋ 감사해요!
  4. 저도 엄청 헤맸는데 덕분에 댓글 크기 수정 잘 했습니다. 고맙습니다!!