■  주의사항

- Step.02를 변경하신분만 변경하시기 바랍니다. (Step.02 바로가기)
- 메뉴색깔의 변경을 원하지 않으시면 바로 Step.04로 가시면 됩니다. (Step.04 바로가기)


■ 변경하는 방법

- 아래의 원하는 색의 텍스트파일을 선택하고 내용을 복사해줍니다.
- Html/CSS편집에 Skin.html에서 아래 회색내용을 찾아서 복사한내용으로 변경해주시면 됩니다. 






여기서부터 시작해서 아래표시한 부분까지 변경해주시면됩니다. -------------->

<div style="height:100px;"></div>

<div style="width:100px;height:40px;border:1px solid #d5d5d5; border-right:0px; float:left"> <a href='[##_blog_link_##]' onmouseover='img100.src="http://cfile22.uf.tistory.com/image/144DAC114BBD66E66BF500"' onmouseout='img100.src="http://cfile8.uf.tistory.com/image/154DAC114BBD66E66C4A39"'><img src='http://cfile8.uf.tistory.com/image/154DAC114BBD66E66C4A39' name='img100'></a></div>
<div style="width:100px;height:40px;border:1px solid #d5d5d5;border-right:0px;border-left:0px;float:left"> <a href='[##_taglog_link_##]' onmouseover='img101.src="http://cfile2.uf.tistory.com/image/164DAC114BBD66E66D4A0A"' onmouseout='img101.src="http://cfile2.uf.tistory.com/image/174DAC114BBD66E66EB28C"'><img src='http://cfile2.uf.tistory.com/image/174DAC114BBD66E66EB28C' name='img101'></a></div> 
<div style="width:100px;height:40px;border:1px solid #d5d5d5;border-right:0px;border-left:0px;float:left"> <a href='[##_blog_link_##]media' onmouseover='img102.src="http://cfile3.uf.tistory.com/image/184DAC114BBD66E66FBED4"' onmouseout='img102.src="http://cfile5.uf.tistory.com/image/174DAC114BBD66E6703E6E"'><img src='http://cfile5.uf.tistory.com/image/174DAC114BBD66E6703E6E' name='img102'></a></div> 
<div style="width:100px;height:40px;border:1px solid #d5d5d5;border-right:0px;border-left:0px;float:left"><a href='[##_guestbook_link_##]' onmouseover='img103.src="http://cfile4.uf.tistory.com/image/194DAC114BBD66E771CDE3"' onmouseout='img103.src="http://cfile28.uf.tistory.com/image/204DAC114BBD66E772FDBD"'><img src='http://cfile28.uf.tistory.com/image/204DAC114BBD66E772FDBD' name='img103'></a></div> 
<div style="width:100px;height:40px;border:1px solid #d5d5d5;border-right:0px;border-left:0px;float:left"> <a href='[##_owner_url_##]' onmouseover='img104.src="http://cfile10.uf.tistory.com/image/114DAC114BBD66E773D50A"' onmouseout='img104.src="http://cfile2.uf.tistory.com/image/124DAC114BBD66E774A203"'><img src='http://cfile2.uf.tistory.com/image/124DAC114BBD66E774A203' name='img104'></a></div> 
<div style="width:105px;height:40px;border:1px solid #d5d5d5; border-right:0px;border-left:0px; float:left"> <a href='[##_owner_url_##]/entry/post' onmouseover='img105.src="http://cfile22.uf.tistory.com/image/144DAC114BBD66E8755451"' onmouseout='img105.src="http://cfile8.uf.tistory.com/image/154DAC114BBD66E8765F1A"'><img src=' http://cfile8.uf.tistory.com/image/154DAC114BBD66E8765F1A' name='img105'></a></div>
<div style="width:340px;height:40px;border:1px solid #d5d5d5;border-left:0px;;float:left">
<div id="counter">
       <ul>
        <li class="total"><span>Total | </span>[##_count_total_##]</li>
        <li class="today"><span>Today | </span>[##_count_today_##]</li>
        <li class="yesterday"><span>Yesterday | </span>[##_count_yesterday_##]</li>
       </ul>
      </div>
</div>       
</div>
</div>
 <hr />
 <div id="body">
  <div id="content"> <------------------- 여기까지를 변경해주시면됩니다. 
  
<!-- 태그 --> <s_tag>




■ 폭 넓히는 방법

- 거의 제일 아래부 부분 <div id="counter"> 위쪽 width:340px의 숫자를 변해주면됩니다.

<div style="width:340px;height:40px;border:1px solid #d5d5d5;border-left:0px;;float:left">
<div id="counter">



■ 카운터 색깔 변경하기


- Css부분에서 Ctrl+F로 Counter를 검색을 합니다.

- 아래 #fff부분을 메뉴색깔에 맞는 색으로 바꿔줍니다. 
- 글자 색깔 종류 (보러가기)





신고

댓글을 달아 주세요

  1. 이전 댓글 더보기
  2. 비밀댓글입니다

    2010.04.11 16:46 [ ADDR : EDIT/ DEL : REPLY ]
    • 저같은 경우는 http://www.morguefile.com/
      여기 무료이미지사이트를 많이 사용하는 편이라서요
      구글에 대해서는 별로 생각해보지 않아서요
      나중에 저도 나중에 문광부에 자세히 한번 물어봐야겠어요 ^^;; 이건 예전에 다음측에서 아이콘이미지물을때 읽어보라는 문광부 저작권핵심 주소예요
      http://www.mcst.go.kr/web/notifyCourt/notice/mctNoticeView.jsp?pMenuCD=0301000000&pSeq=4732

      2010.04.11 16:56 신고 [ ADDR : EDIT/ DEL ]
  3. 오, 많이 배우고 다녀가여.

    2010.04.11 20:22 신고 [ ADDR : EDIT/ DEL : REPLY ]
  4. 비밀댓글입니다

    2010.04.11 20:23 [ ADDR : EDIT/ DEL : REPLY ]
  5. 비밀댓글입니다

    2010.04.11 20:24 [ ADDR : EDIT/ DEL : REPLY ]
    • 사이드바는 휴먼옛체구요
      맑은 고딕으로 사이드바 만든 그림도
      이 아래 포스팅 밑쪽에 있어요 ^^;
      http://nextgoal.tistory.com/348

      2010.04.11 20:32 신고 [ ADDR : EDIT/ DEL ]
  6. 티스토리는 하면 할 수록 추가할게 또 생기고 생기고....-_-;;
    시간내서, 하나씩 다 적용해 볼랍니다.ㅎㅎ

    2010.04.11 22:33 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 방문해주셔서 감사합니다.
      저랑 스킨이 같으시네요. 천천히 하나씩 적용해보세요 ^^;
      그리고 조금 바꾸고 싶은 메뉴가 있음 따로 이야기해주시면
      만들어드릴께요

      오늘 주말 마지막날인데 마무리잘하세요 ^^

      2010.04.11 22:42 신고 [ ADDR : EDIT/ DEL ]
  7. 알려주신 태그 & 달력모듈은 너무 잘 사용하고 있습니다.감사합니다.
    답글까지 써주시고 역시 ~

    그런데, 제 블로그 포스팅한 글은 왜 모두 가운데정렬될까요, 본문에서는 괜찮은데 테테툴즈 첫페이지 화면관리로 하니 이렇게 되네요.

    마지막으로(너무 많이 물어봐서 죄송해요)
    상단메뉴바에 블로그(home) 으로 가는 버튼을 추가하고 싶은데요 방법좀 일러주세요(이미지는 제 블로그 경로로 올려서 링크하면 되니 html 좀 일러주세용~

    참, 그리고 underline 삭제하는 포스트보고 삭제를 했는데 현재 보는 글에는 underline 이 생기더라구요,guest 는 안생기는 건가요?

    2010.04.27 12:51 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 저도 테테첫페이지 꾸미기는 설정하기가 어렵고 귀찮아서 진작에 포기해버렸어요ㅠ
      선경아님이 저보다더 더 잘하시는것 같으세요 ^^:

      menu버튼을 제 블로그처럼 만드시고 싶으신지
      아니면 home버튼하나만 그냥 타이틀이미지쪽에
      달고 싶으신건가요?

      현재보는 포스팅되는건요
      티스토리 > 플러그인에서 어떤 플로그인을 해지시키면 될꺼예요
      그외에는 underline은 없어진것 같으시네요

      2010.04.27 13:20 신고 [ ADDR : EDIT/ DEL ]
  8. 블로그(텍스트) 로 해서 홈으로 연결되는 버튼은 현제 타이틀이미지 왼쪽에 달고 싶거든용~

    2010.04.27 13:42 신고 [ ADDR : EDIT/ DEL : REPLY ]
  9. 처음에 검은색 밖에 안보여서 검은색으로 적용 했는데 다시 와보니
    다른 색깔들도 많네요.;; 다시 회색으로 적용 했습니다.
    티비님 덕분에 블로그가 그래도 슬슬 형태를 갖추어 가네요^^

    2010.05.15 23:47 신고 [ ADDR : EDIT/ DEL : REPLY ]
  10. 좋은글 잘보구있어요
    메뉴색깔 직접 지정은못하는가요? ~?~?

    2010.05.30 16:37 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 포토샵 하실줄만 아시면... 배경색깔과 메뉴내용도
      더 다양하게 바꿔주실수 있으신데요 ^^;;
      -----------------------------------
      제가 조만간 포토샵파일을 올려서 포스팅해드릴께요
      그때 메뉴내용과 색깔까지도 한번 수정해보세요!!

      2010.05.30 16:40 신고 [ ADDR : EDIT/ DEL ]
  11. 포터샵 조금 할줄아는데여,,
    메뉴 파일이 없던데;;
    새 포스팅할떄까지 기다리죠뭐~~
    좋은글 게속 잘볼께여~

    2010.05.31 16:10 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 유용하게 봐주셔서 감사드립니다.!!
      원래.. 컴퓨터에 다 저장해놓았었는데요..
      제가..바탕화면 정리하다가 자주 작업해놓은걸
      잘 지워버리는편이라서요 ㅠ

      2010.05.31 16:13 신고 [ ADDR : EDIT/ DEL ]
  12. 우왕굳

    이곳에서 좋은정보 많이알아갑니다 life in mono 스킨적용하고 거슬렸던 부분들이 티비님 강좌들 따라서 하나씩 수정하니 다 완화가 되네요
    한가지 질문드려볼게요~ 이 포스팅처럼 상단메뉴를 이미지와 색상 함께 변경하는 법 말고
    그냥 단순하게 색상만 변경하려면 어떤 부분을 수정해야하는지 간단하게 말씀해주시면 감사하겠습니다
    포스팅에 나와있는 부분인데 제가 못찾는건지 헷갈리는건지 찾을 수가 없네요.
    얼추 맞추면 될 것같아서 관리자모드로 이것저것 어림잡아 색상바꿔보고는 있는데 메뉴색상은 변하질않네요 답변부탁드리겠습니다^^;

    2010.06.26 20:13 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 제가 알록달록하게 꾸미려고 수작업으로..
      하나하나 이미지를 만들어서 넣어준거라서요
      색상을 변경하시려면. 포토샵으로 작업하셔야되요 ㅠ
      -------------
      그래서 저도 간편하게 바꿀수 있는 방법을
      포스팅하려고 하고 있느데
      요즘 월드컵때문에.. 정신이 없어서 늦어지고 있어요 ^^;

      2010.06.26 20:21 신고 [ ADDR : EDIT/ DEL ]
    • 우왕굳

      아 이 스킨은 메뉴색상을 태그로 변경할 수는 없나보군요ㅠㅠ답변감사합니다 포스팅 올려주실 날을 기다려봐야겠네요 곧 16강전이네요 즐감하세요~

      2010.06.26 22:31 신고 [ ADDR : EDIT/ DEL ]
  13. 제 블로그는 전반적인 리모델링이 필요한데...많은 도움이 될 것 같아요^^
    솔직한 심정은 누가 대신 해 줬음 좋겠다는^^
    행복한 하루 되세요.

    2010.07.16 12:41 신고 [ ADDR : EDIT/ DEL : REPLY ]
  14. 티비님 죄송한데^^; 도움 좀 부탁드려도 될까요? 제가 티비님 메뉴바꾸기 그대로 적용해보았는데, 메인타이틀 위로 겹쳐지며 삐뚤게 보이네요;; 아마 타이틀을 변경해서 그 밑으로 정렬이 안되는것 같은데;; 어떻게해야 타이틀 밑 중앙으로 정렬할수 있을까요? 바쁘신데 죄송합니다^^;

    2010.07.25 12:33 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 괜찮으시면 나중에 제 방명록에...
      아이디랑/비번좀 비밀댓글로 남겨주시겠어요?
      비번은 쉽게 변경해서요~! 제가 바로 수정해드릴께요!

      2010.07.25 13:55 신고 [ ADDR : EDIT/ DEL ]
    • 직접 수정까지 해주시고,너무 감사합니다!!~~~
      복받으실꺼에요^^~~~~~ 좋은주말 보내세요^^

      2010.07.25 16:06 신고 [ ADDR : EDIT/ DEL ]
    • 마음에 드실지 모르겠네요 ㅠ 오랜만에 해보니 힘드네요 ㅎㅎ
      즐거운 주말보내세요 !

      2010.07.25 16:09 신고 [ ADDR : EDIT/ DEL ]
  15. 감사합니다 덕분에 넘 예쁘게 됐어요~!! 정말 감사해요 그런데 저는 저 카운터 부분이 윗쪽으로 올라가고 배열이 이상해졌어요 ㅠㅠ 왜그러는걸까요?ㅠㅠ

    2010.07.27 10:11 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 저도 직접 봐야알것 같아요 ^^;;
      괜찮으시면 나중에 아이디랑 비번 비밀댓글로 남겨 주시면
      바로 수정해드릴께요~!

      2010.07.27 11:08 신고 [ ADDR : EDIT/ DEL ]
  16. 메뉴 글씨체를 바꾸기 위해 일러스트로 새로 만들었는데요..
    파일을 어디에 올리고 링크를 어떻게 걸어야 되는지 모르겠습니다 ㅜ
    죄송하지만 한번만 더 도움 부탁드릴꼐요 ^^

    2010.08.26 16:34 신고 [ ADDR : EDIT/ DEL : REPLY ]
  17. 잘 배웠습니다^^

    2010.09.04 21:05 신고 [ ADDR : EDIT/ DEL : REPLY ]
  18. 티비님 덕분에 헤더부분 깔끔하게 정리했어요~
    정말 감사합니다 ㅎㅎ 다음엔 검색바도 도전해봐야겠네요 ㅎㅎ

    2010.10.13 19:10 신고 [ ADDR : EDIT/ DEL : REPLY ]
  19. 저이거 드디어 성공했어요.
    어제 티비님 글 보고 메뉴 한글명으로 변경 어떻게 하냐고 질문했었는데요.
    티비님 소스 보고 연구 해 보니 공식이 보이더라구요.
    그거 적용해서 제가 원하는 메뉴명도 만들고 링크도 걸어 놓았어요.
    너무 감사합니다.

    2011.05.20 09:35 신고 [ ADDR : EDIT/ DEL : REPLY ]
  20. 게시 선호하는 !처럼 우리는 이것이 정말 내 중 하나입니다 입니다 아주 재미 에 방문 .

    2011.12.13 07:37 신고 [ ADDR : EDIT/ DEL : REPLY ]
  21. 이 블로그 입니다 재미 . I 바로 에 내 친구 !

    2012.02.03 20:31 신고 [ ADDR : EDIT/ DEL : REPLY ]

티스토리 툴바