■ 티스토리 글씨 크기 변경의 모든것

스토리에서 기본스킨은 글씨가 조금 작은것 같습니다.  그래서 저처럼 글씨크기가 작은걸 싫어하시는 분들을 위해서 티스토리에서 글자 변경이 제일 필요한 본문제목, 내용, 카테고리목록의 글씨크기외 색깔을 변화시키는 방법에 대해서 포스팅 해봤습니다.



■ 글씨크기,색깔 변경하는 부위



1. 본문타이틀 제목과 본문 내용

- 블로그 관리 > 스킨선택
> 스킨위자드 > 게시글로 이동을 합니다.
- 제목글자색, 게시글 글자색과 글씨크기를 변경해주시면 됩니다.



2. 전체카테고리보기 제목과 내용


Skin.html부분 변경 >

- Html/css편집에서 회색박스부분을 찾아서 본문검색리스트.txt의 내용으로 교체해줍니다.


 <!-- 본문검색리스트 -->
   <s_list>
    <div class="subMarginTop"></div>
    <div class="boxTop"><div class="boxTop-left"></div><div class="boxTop-mid"></div><div class="boxTop-right"></div></div>
    <div class="boxMid">
     <div id="searchList" class="nonEntry">
      <h3 class="title">'[##_list_conform_##]'에 해당되는 글 [##_list_count_##]건</h3>
      <ol>
       <s_list_rep>
        <li>
         <span class="date">[##_list_rep_regdate_##]</span>
         <a href="[##_list_rep_link_##]">[##_list_rep_title_##]</a>
         <span class="cnt">[##_list_rep_rp_cnt_##]</span>
        </li>
       </s_list_rep>
      </ol>
     </div>
    </div>
    <div class="boxBtm"><div class="boxBtm-left"></div><div class="boxBtm-mid"></div><div class="boxBtm-right"></div></div>
   </s_list>



< CSS부분 변경 >

- Html/css편집 CSS부분에서 12px의 숫자를 변경해주시면 날짜와 제목의 크기가 변경됩니다. 

- 원하는 글씨체가 있으면 dotum 앞에 원하는 글씨체를 적어주시면 됩니다.  

   예) dotum -> 맑은 고딕, dotum

- color:#8A8A8A 의 색상코드를 변경해주시면 글자색을 변경하실수 있습니다.
   글자 색상 코드 보러가기 (클릭)

 /* 검색목록 */
#searchList ol, #searchRplist ol {margin:19px 20px 9px 20px; }
#searchList, searchRplist {padding-bottom:4px; }
#searchList li, #searchRplist li {margin-bottom:4px; }
#searchList li .date, #searchRplist li .date {padding-right:4px; }
#searchList li, #searchList li a, #searchRplist li, #searchRplist li a
{color:#8A8A8A; font:12px/16px dotum; }



3. 티스토리 카테고리 색상변경

스킨> 카테고리설정에서 아래그림에 표시된부분에서 변경하시면됩니다.


4. 그밖에 곳 (사이드바) 


 사이드바 애드찜 광고랑 매치 시키기 보러가기 (클릭)



■ 후기


이 방법은 Life in mono 스킨을 기준으로 변경한 포스팅이라 스킨마다 조금씩 다를수가 있으니
주의하시기 바랍니다.


신고

댓글을 달아 주세요

  1. 이전 댓글 더보기
  2. 티비님 ^^* 윗부분은 이해가 왔는데요 css부분이 이해가 안돼네요^^;;;
    그부분을 바꾸면 본문어디가 바뀌는지가 궁금해서요^^*

    2010.05.28 21:51 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 아랫부분 숫자부분은요
      12 -> 13 -> 14px 로 바꿔줄수록 날짜랑 제목부분의 글씨가 커지구요
      원하는 글씨체를 앞에다가 적어주시고 , 를 적어주시면
      앞에 글씨체가 먼저 적용이되요!!

      2010.05.28 21:55 신고 [ ADDR : EDIT/ DEL ]
    • 감사 이해되었습니다^^*

      2010.05.28 22:05 신고 [ ADDR : EDIT/ DEL ]
  3. 언젠가 여기저기 물어물어서
    크기하고 줄간격하고 조절한 기억은 나는데
    지금 다시하라고 하면...???

    2010.05.28 21:59 신고 [ ADDR : EDIT/ DEL : REPLY ]
  4. 꾸준히 진화를 위해 애써주시는군요!
    수고하셨씁니다.^^

    2010.05.28 21:59 신고 [ ADDR : EDIT/ DEL : REPLY ]
  5. 요런 포스트는 정말 도움이 되요. 감사히 퍼가야 겠네요

    2010.05.28 22:07 신고 [ ADDR : EDIT/ DEL : REPLY ]
  6. 블로그 돌아다니다 보면 티비님 냄새나는 블로그가 많더라구요~도대체 어디까지 발길이 닿으신건가요~ 저 이제 글 하나 올리기도 벅차요 올릴꺼는 많은데 귀찮고....더워서 그런지 힘만 쫘악 빠지고~ 티비님이 밑에 하단부분 구독 추천버튼등을 깔끔하게 정리해야 따라한텐데 말이죠~ㅎㅎㅎ 좋은 정보 언제나 감사합니다~

    2010.05.28 23:40 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 에이~ 북스타님 잘하시면서!!
      제가 실력이 없어서 그부분 계속 막히더라구요 ㅠ
      제스타일대로(?) 꼭 멋지게 성공시켜버릴께요 ㅎㅎㅎ

      2010.05.29 04:35 신고 [ ADDR : EDIT/ DEL ]
  7. 글 영역 부분이 중요한데
    신경쓸 것이 너무 많죠.
    하나 하나 집어 주시니 보시는 분들이 좋을 것 같아요. ^^

    2010.05.29 06:58 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 그런데 약간은 개인의 취향이라서요..
      이것이 100% 좋다라고는 말하기는 좀 그런것 같아요 ^^;
      =====================================
      네이버 글씨체아시죠? 작고 약간 흘림체요
      전 그런글씨체가 너무 마음에 안들어서
      가독성좋고 큼직 큼직한걸 선호해서요 ㅎㅎ

      2010.05.29 07:01 신고 [ ADDR : EDIT/ DEL ]
    • "개취" 군요. ㅎㅎ
      전 작은 글씨체를 선호하는 편이었지만
      요즘은 큰 글씨로 바꿀까 생각중이에요.
      아무래도 여러 연령층이 보다 보니 큰 게 좋을 것 같아서요. ^^

      2010.05.29 07:29 신고 [ ADDR : EDIT/ DEL ]
  8. 블로그 초기에 정말 바꾸고 싶었던 것중 하나인데
    그동안 잊고 살았네요ㅎㅎ 곧장 적용시켰습니다.
    그런데 제목부분 "xxx에 해당되는 글 6건" 이 글씨크기를 좀 줄이고 싶은데 어디서 줄일까요^^?

    2010.05.29 10:43 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • <h3 class="title"><SPAN style="FONT-SIZE: 18pt"> ''에 해당되는 글 건</span></h3>
      =====================================
      저는 그부분은 css로 수정을 안하고
      font로 직접 글자크기를 줄여줬어요! 해브원님도
      size를 좀 줄여보세요 ^^;

      2010.05.29 11:54 신고 [ ADDR : EDIT/ DEL ]
    • 감사합니다^
      18에서 14로 줄였어요ㅎㅎ
      줄이긴 했지만 큼직큼직하니 맘에 드네요

      2010.05.29 12:57 신고 [ ADDR : EDIT/ DEL ]
    • 큼직한게 예전보다 훨씬더 좋아보이세요 ^^;;

      2010.05.29 13:12 신고 [ ADDR : EDIT/ DEL ]
  9. Life in mono 스킨을 완전 해부하시는군요..^^

    2010.05.29 11:35 신고 [ ADDR : EDIT/ DEL : REPLY ]
  10. 네이버에서 나눔고딕 무료 배포한다고 하던데
    그것 받아서 저도 적용해 보려고 하는데
    포스팅하다 보면 맨날 뒤로 밀리네요 ㅡ,ㅡ

    2010.05.29 11:39 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 저는 나눔고딕보다는 계속 익숙해지다보면
      굴림이 오히려 더 눈에 편한것 같더라구요
      그냥 지금처럼 하셔도 좋을것 같으세요!!

      2010.05.29 11:55 신고 [ ADDR : EDIT/ DEL ]
  11. 아코.. 타이틀크기만 바꾸면 사이드바가 저 아래로 내리가삐네요 -0-;;
    이유를 찾다찾다 못찾고 결국 처음부터 다시 했습니다. -0-;
    아코 힘들어라.. ㅋㅋ

    2010.05.29 13:14 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 제 스킨이 아니라서요~
      타이틀 부분 <div id를 확인하시고
      css부분을 한번 변경해보세요 ^^;;

      2010.05.29 13:25 신고 [ ADDR : EDIT/ DEL ]
    • 아직 내공이 부족해서 그런거 같습니다..
      천천히 해봐야겠습니다.. ㅋㅋ
      너무 어렵네요.. 태그는 ㅋㅋ

      2010.05.30 10:32 신고 [ ADDR : EDIT/ DEL ]
    • 밉쌍님 저번부터 이야기드릴려고 했는데요
      사이드바는 프로필이미지랑 맞춰주는게 좋지 않을까요?
      프로필이미지에서 구독버튼이 조금 튀어나온것 같아서요 ㅎㅎ
      http://nextgoal.tistory.com/367 <- 여기180px~190px도 있어요 ^^;;

      2010.05.30 10:43 신고 [ ADDR : EDIT/ DEL ]
    • 넴 감사합니다 -0-;;
      이것저것하느라 정신이음써서 ㅎㅎ
      맞춰볼께요~ ㅋㅋ

      2010.05.31 16:41 신고 [ ADDR : EDIT/ DEL ]
  12. 좋은 팁 잘 보고 가요~ㅎㅎ

    2010.05.29 16:50 신고 [ ADDR : EDIT/ DEL : REPLY ]
  13. 덕분에 수정 잘했습니다... 감사합니다.. ^^

    2010.06.25 21:17 신고 [ ADDR : EDIT/ DEL : REPLY ]
  14. 고맙습니다.
    이 글 보면서
    점점 홈페이지 메뉴 글씨 색과 디자인을 바꿔가고 있습니다.

    2010.10.30 23:47 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 그런데 스킨위자드에서
      12px 다음에 16px만 있는데요..
      본문 글을 13px이나 14px로 바꾸는 방법은 없을까요?
      12px는 너무 작고
      16px은 너무 큰 것 같아서요.

      2010.10.31 00:18 신고 [ ADDR : EDIT/ DEL ]
  15. 티비님.
    덕분에 잘 수정했습니다.
    랩탑이 13인치라 글자가 작은면 잘 안보여서요^^;;

    좋은 하루 보내세요.
    믹쉬, 다음 빵빵! 하고 갑니다.

    2010.11.06 13:53 신고 [ ADDR : EDIT/ DEL : REPLY ]
  16. 티비님 잘 보고 가요 블로그 초보가 배울 게 많네요. 링크도 걸고 갑니다! 본문이나 다른 건 알겠는데, 덧글란에 폰트 크기나 색깔은 수정할 수 없는 건가요? 본문 글자와 동일한 색깔과 폰트로 하고 싶은데.. 스킨 html 뒤져도 모르겠네요 ㅜ

    2010.11.27 18:21 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 제 기억으로는 commentlist쪽으로 수정하시면 되는데요~!
      될수 있으면 기본값을 유지하는게 보기 좋은것 같더라구요 ^^;

      2010.11.27 18:31 신고 [ ADDR : EDIT/ DEL ]
  17. 시험기간에 정신줄 놓고 블로그 꾸미고있습니다. (게다가 도서관 컴퓨터로. ㅋ)
    역시 티비님 글을 예나 지금이나 다 좋네요. 꽤 오래된 글임에도 불구하고 지금 제가 이렇게 유용하게 이용하고있다니... 하하;;

    아참 한가지 여쭙고싶은게 있는데 여기서 보고 내용을 제 html/css에다가 쑤셨는데
    옆에 카운터가 있더군요? (1. ~~~ / 2. ~~~)이것은 좀 없애고 싶은데 무슨 태그를 지워주어야 하나요~?

    2010.12.12 12:46 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 헙.. 시험공부하셔야죠 ^^;
      부족한 내용인데 이렇게 찾아봐주시고 감사드려요
      그런데 카운터는 어느부분을 말하는지 잘 모르겠어요 ㅠ;

      2010.12.12 20:52 신고 [ ADDR : EDIT/ DEL ]
  18. 좋은 정보 감사합니다^^ 티비님 블로그 글 하나하나 따라가면서 스킨 쉽게 꾸밀수 있었네요 ㅎ

    2011.01.14 17:30 신고 [ ADDR : EDIT/ DEL : REPLY ]
  19. 이 본문 폰트는 맑은고딕인가요?

    2012.01.22 12:36 신고 [ ADDR : EDIT/ DEL : REPLY ]
  20. 스킨-게시글 가서 글자 크기를 변경했는데도 왜 글쓰기 를 가면 글자 크기가 9로 고정돼 있을까요?
    소스는 아직 건들기 무서워서 ;;

    2012.02.03 16:04 신고 [ ADDR : EDIT/ DEL : REPLY ]
  21. 카테고리부분 글씨크기와 색상을 변경하고 싶습니다. 그런데 CSS부분이 이해가 안되는데요, CSS부분에 /*검색목록* /이라는 부분이 아예없더라구요, 그래서 말인데 어느부분을 바꿔야하나요?

    2012.08.08 18:41 신고 [ ADDR : EDIT/ DEL : REPLY ]

티스토리 툴바