[티스토리 스킨] Clover 1.1

창고 2009/11/30 20:44

오래 전 제가 개인홈페이지에서 사용했던 디자인으로 티스토리 스킨을 만들었습니다.
저를 닮아 좀 초딩스러운 느낌이 있네요...(?)ㅋㅋㅋㅋㅋㅋㅋ 자유롭게 수정해서 사용하세요.
(현재 보고 계신 이 블로그에 사용된 스킨과는 약간 다릅니다. 이 모습이 아니라 위 스샷의 모습이에요!)

Clover_Tistory.zip


로고를 수정하실 분들을 위해 logo.psd 파일도 넣어두었습니다.
참고로 사용된 폰트는 Adventure, 04b_03, HYGothic-Extra 입니다.
IE 6, 7, 8 버전과 파이어폭스에서 정상 동작합니다.

본문 가로폭 늘리는 방법

※ 가운데 정렬이나 사이드바 넓이 수정은 어렵습니다. 저 빗살 무늬 패턴 때문에...OTL



+ 2009/12/1 수정1 - 제보 : 맫누님
댓글 입력 시 "이름을 입력해 주십시오"라는 창이 뜨던 오류 수정.

+ 2009/12/02 수정2 - 제보: 나그네님
낮은 해상도의 창에서 본문 깨지는 현상 수정. => 버전 1.1
(가로폭 늘리는 방법도 수정됨)
저작자 표시 비영리 변경 금지
TAG , ,
0 Trackbacks : 74 Comments
  1. BlogIcon 겨자냄시 2009/12/01 12:51

    감사합니다. 스킨 한번 적용해보도록 하겠습니다 ^^
    • BlogIcon 료　 2009/12/02 11:31

      네~ 감사합니다 :)
  2. BlogIcon 나그네 2009/12/01 20:25

    예시와 똑같이 적용시켜보았는데 가로는 늘어났는데 위에이미지가 안늘어나네요. 제가 잘못한건지.. 원래그런건지 링크남겼습니다.
    • BlogIcon 료　 2009/12/02 11:32

      푸하하하하 죄송해요..............
      위 예시에서 덧셈이 잘못되었어요.....OTL...
      990+204는 1094가 아니라 1194였.....(후....도망)
  3. DL 2009/12/02 00:29

    저도 예시와 똑같이 적용해봤는데 상단과 하단의 이미지가 늘어나지 않네요 ㅠㅠ;
    • BlogIcon 료　 2009/12/02 11:32

      죄송..-_ㅠ 위 나그네님 댓글을 봐주시면 캄사...ㅠㅠ
  4. BlogIcon 나그네 2009/12/02 16:09

    그래도 이상하게나오네요; 홈페이지에 사진도 올려놓겠습니다.
    • BlogIcon 료　 2009/12/02 17:38

      제가 가서 확인을 해봤는데요~
      지금보니... 제가 스킨을 만들 때 인터넷창을 1024*768 해상도 이하로 줄였을 때의 경우를 미처 생각치 못했네요;; 제 해상도에선 멀쩡히 보이다보니...죄송-_-;;ㅠ

      덕분에 수정했습니다! 수정으로 인해 가로폭 늘릴때 수정해야 할 부분이 두 군데 늘었네요. 다시 한번 받아서 확인해 주시고 혹시 또 오류가 있으면 말씀해 주셔요!
  5. BlogIcon 나그네 2009/12/02 19:14

    이미지를 넣었을때 이미지가 본문보다 클경우 오른쪽이 짤리네요.

    그리고 분류 전체보기에 카테고리가 다 숨겨져있는데 오픈하는법좀알려주세요.
    • BlogIcon 료　 2009/12/03 11:51

      으음..? 죄송한데 이건 어떤 부분을 말씀하시는지 잘 모르겠어요. 저도 테스트블로그에서 큰 이미지를 넣고 확인해봤는데 짤리지는 않고 화면에 맞게 작아지더라구요'ㅅ'
      음 혹시 [화면출력 설정]에서 '본문 가로 크기' 부분을 수정안하셔서 그런걸까요? 이건 사용자가 각자 설정하는 부분이라 언급안했는데 이 부분도 #content와 같이 847로 수정하시면 좋으실 듯!

      그리고 카테고리 오픈하는 법이라면... 하위 카테고리가 펼쳐진 상태를 말씀하시는 건가요? 그거라면 http://goodlifegood.tistory.com/342 이 곳을 참조하시면 될 것 같습니다.^^
  6. 맫누 2009/12/02 19:55

    ㅋㅋㅋ 뼈빠지는 압지.. 자, 이렇게 로동의 향기를 뿜겨봐요.ㅋㅋㅋㅋㅋㅋㅋ수고횽
    • BlogIcon 료　 2009/12/03 11:54

      훗 이정도쯤...(급거만)ㅋㅋㅋㅋ
      로동ㅋㅋㅋㅋㅋㅋ넹 숙오횽.ㅋㅋㅋㅋㅋㅋㅋ
    • 맫누 2009/12/04 01:20

      즈런, 료동자 룐 거만두<<하지.
    • BlogIcon 료　 2009/12/04 15:58

      헐 이런 작문의 대가
      신이시여 나에게도 그런 재능을 만두로<< 주십시오...
    • 맫누 2009/12/04 17:23

      만일 신이 이런 미미한 재능을 남발하면 그 재능 하나로 먹고 사는 사람은 하던 일을 그만두<<어야 하나.
    • BlogIcon 료　 2009/12/04 22:43

      ㅠㅠ아놔 진짜 림하능 작문*작명 천재라능ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ

      그 재능으로 먹고 살던 사람은 새로운 스키ㄹ<<을 연먀<<해야 합니다. 아...이건 아닌듯....
    • 맫누 2009/12/10 14:19

      ㅋㅋㅋ말장난뿐..ㅠㅠㅠ

      이대로가다간 우리엔 파멸(치)뿐..

      뷜러도 대답없는 이, 신은 왜 새로운 스키ㄹ을 주지 않고
      피료없는 능력먄을 촬고넘치게 주었나.

      - 다음 글에서 등장한 이의 수는?
    • BlogIcon 료　 2009/12/08 12:35

      푸하하하하하ㅏㅎ 아놔 이거......
      어렵다..................후.

      정답은 네명, 네명입니다??????
    • 맫누 2009/12/10 14:20

      미아네 한 글자 잘못썼더라고..ㅋㅋㅋ
      답은 5명. 수정전엔 4명이 맞삼..ㅋㅋㅋㅋ
    • BlogIcon 료　 2009/12/12 15:28

      아항 먄삼이 추가됐꾸나 ㄲㄲㄲㄲㄲㄲ
  7. BlogIcon kazanarun 2009/12/03 09:57

    우와우~ 너무 이뻐요~ 잘쓰겠사옵니다 굽신굽신...

    이제 여기에 웹폰트를 적용시키면.. (벙~)
    • BlogIcon 료　 2009/12/03 11:57

      캄사합니다~ 오 웹폰트! 나중에 웹폰트가 적용되면 훔쳐보러 가겠습니다(퍽)
  8. 간디바 2009/12/03 22:14

    우왓! 예뻐요 료님! ^^
    전 역시 료님의 디쟌이 취향인 듯 /ㅅ/ <<아부?
    • BlogIcon 료　 2009/12/04 16:00

      음헤헤 훗 간님 우린 서로의 팬이잖아요!♡(누구맘대로 퍽)
      캄사캄사!
  9. BlogIcon 빌런 2009/12/04 14:54

    적용했습니다. 그리고 수정했습니다. 깔끔하고 좋네요. 그런데 회색(날짜, 숫자)이 잘안보이네요. 다른색으로 수정하고싶은데 어디를 수정해야되나요? 한번 놀러 오세요:)
    • BlogIcon 료　 2009/12/04 16:22

      오호 넵! 찾아가서 방명록에 글 남기겠습니다^^//
  10. BlogIcon 지우개 2009/12/08 00:12

    감사합니다. 스킨 잘 사용하겠습니다^^
    • BlogIcon 료　 2009/12/08 12:32

      넵 유용하게 쓰시길^^/
  11. BlogIcon 빌런 2009/12/10 10:25

    갑자기 카테고리가 다 엑박이 되었습니다. 스킨을 두곳에 사용하는데 아무작업도 없었습니다. 그런데 둘다 엑박이 뜨네요. 확인 바랍니다. 그리고 tab_isleaf.gif, tab_opened.gif, 기타 등 gif가 자기 계정에 업로드하는게 아니라 다른곳으로 링크되어있는거 같더라구요.
    • BlogIcon 료　 2009/12/10 13:12

      확인해 봤는데 스킨의 문제가 아니라 그때 잠시 티스토리 자체에 문제가 있었나 봅니다. 현재 제가 볼 땐 정상으로 뜨네요 :)
      그리고 카테고리부분은 스킨에서 식으로만 써주면 티스토리에서 알아서 나타내주기 때문에 제가 따로 이미지를 써서 사용하지 않는답니다~
    • BlogIcon 빌런 2009/12/10 15:03

      아 그렇군요. 감사합니다. 몇시간동안 엑박떠서 깜짝놀랐지 뭡니까 ㅋㅋㅋ 많이 배우네요.
    • BlogIcon 료　 2009/12/12 15:20

      블로그 상태가 정상으로 돌아와서 다행입니다 :)
  12. 다비 2009/12/11 02:31

    잘 쓰겠습니다~
    그런데 사이드바에 이미지 배너를 넣었더니 검은색 테두리가 생기는데 없앨 수는 없을까요?
    • BlogIcon 료　 2009/12/12 15:27

      해당 이미지 배너 태그에 border="0" 를 넣어주시면 될 것 같습니다^_^ <img src="이미지" border="0"> 이렇게!
  13. BlogIcon 제이제이! 2009/12/11 13:49

    이쁘네요~ 스킨잘쓸게요..
    • BlogIcon 료　 2009/12/12 15:26

      넵~ 감사합니다 :)
  14. BlogIcon 상민옹 2009/12/12 23:55

    스킨고마워요!
    이쁘고아담해요!
    잘쓸게요!


    천사는죽었다.com
    • BlogIcon 료　 2009/12/14 00:43

      감사합니다~ :)
  15. BlogIcon 배치기 2009/12/20 11:59

    나중에 적용해봐야겠습니다.
    팀블로그라서 마땅히 좋은 스킨을 못 찾고있었는데. 마음에 드는 스킨 찾아서 다행인것 같습니다 ㅎ

    살짝살짝 변경해서 사용해도 되려나요 ㅎㅎ
    • BlogIcon 료　 2009/12/20 15:06

      감사합니다~~! 팀블로그를 운영중이시군요^^
      당연히 되죠! 마구 수정해서 사용해 주세요+_+//
  16. BlogIcon 캐릇 2010/01/18 10:08

    텍스트큐브용도 제작해주세요!!!
    • BlogIcon 료　 2009/12/20 15:07

      설치형 텍스트큐브에서도 아마 별 문제없이 작동할 것 같아요~^^
    • BlogIcon 캐릇 2010/01/18 10:08

      설치 잘 됬어요! ^^

      좋은 스킨 감사합니다!!
    • BlogIcon 료　 2010/01/25 13:38

      오 텍큐도 잘 되나요!!
      캄사!!!>ㅅ<
  17. BlogIcon 배치기 2009/12/22 22:06

    아직 이것 저것 만져보고있는데, 정말 좋은 스킨인 것 같네요 !.
    좋은 스킨 감사드립니다. ^^
    • BlogIcon 료　 2009/12/24 13:50

      감사합니다. 소스에서 나름대로 챙겨야 할 부분은 다 챙기려고 했는데 좋아해 주셔서 기쁘네요+_+//
  18. BlogIcon 배치기 2009/12/28 19:32

    블로그 이웃분이 알려주신 사항인데
    IE6 에서 댓글 펼치기를 하면 본문이 사이드바 아래로 내려가는 현상이 있다고 하는데
    어떻게 안되는 건가요 ㅎㅎ
    • BlogIcon 료　 2009/12/29 19:08

      확인해봤는데요~ 일단... 배치기님께서 수정하실 때 무언가가 바뀌어서 그런 현상이 일어나는 것 같아요~ 제가 올린 스킨에서는 괜찮더라구요'ㅅ' 그게 어느 부분인지는 잘 모르겠...ㅠㅠ
      급한대로 해상도가 1024*768보다 낮은 화면에서의 ie6에서 그런 현상이 일어나는 것까지 알아냈으니 참고하셨으면!!
  19. 우연 2009/12/29 07:36

    티스토리 스킨을 검색해서 오게됐는데 스킨이 정말 좋네요.. 덕분에 새롭게 꾸미게 됐습니다.
    좋은 자료 감사드립니다. ^^
    • BlogIcon 료　 2009/12/31 14:35

      감사합니다 ^^
  20. BlogIcon 사우다지 2010/01/13 01:58

    태테에서 알게 되어 제블로그 적용했어요~
    스킨 너무 이쁘네요^^
    잘 쓰겠습니다~ 소중한 자료 감사드려요^^
    • BlogIcon 료　 2010/01/14 12:23

      태터에서도 잘 된다니 다행이네요! 감사합니다 ^^
    • BlogIcon 사우다지 2010/01/15 22:24

      앗...태테에서 알게 된거긴 한데..
      저 티스토리예요~ 헤헤 ^^;
    • BlogIcon 료　 2010/01/17 17:01

      아하~ 그런거군요~~>ㅇ<
  21. 지나가던 행인 2010/01/17 23:41

    료형님!!!

    스킨을 보고 형님이라고 불러야겠습니다.
    • BlogIcon 료　 2010/01/25 13:33

      허헉 형님!ㅋㅋㅋㅋㅋㅋ이런
      캄사합니다(?)ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
  22. 맫누 2010/01/18 02:07

    압지 횽아
    그러치만 [견우야~]의 목소리.ㄲㄲ
    • BlogIcon 료　 2010/01/25 13:47

      게다가 레이스를 달고 있지 깔깔
  23. 감사^^ 2010/01/21 09:38

    안녕하세요~
    스킨 적용해서 아주 대만족! 하면서 잘 사용하고 있습니다.
    글씨크기, 모양 다 넘 맘에 들어요~ㅎㅎ
    좋은 스킨 감사드립니다.

    무료로 좋은 스킨 감사히 사용하고 있는데... 문의가 있어서요.
    저 logo 부분이요..
    저거 없애고.. 그냥 네모로(테두리만) 하는건 불가능한건가요?..ㅎㅎ
    • BlogIcon 료　 2010/01/25 14:00

      마음에 드신다니 감사합니다~~~

      로고의 테두리라 하시면... 블로그 설명 글자 밑의 밑줄 말씀이신가요??

      style.css파일의 114번줄
      .bloglogo { background: url(images/clover_01_1.gif) no-repeat left top; width:372px; height:186px; float:left; margin:0; padding:0; }
      에서

      background: url(images/clover_01_1.gif) no-repeat left top;
      이 부분을 지워주시면 됩니다 ^^
  24. 스킨적용~ 2010/01/24 18:43

    감사합니다.
    스킨 잘 사용하고 있는데
    카테고리 글씨 색깔이 회색으로 나오는데
    다른 색으로 변경하려면 어느부분을 바꿔야하나요?
    집모니터가 밝아서인지,
    글씨가 거의 안 보여서요..ㅠㅠ
    • BlogIcon 료　 2010/01/25 13:46

      카테고리 회색글씨라면 카테고리옆 숫자 말씀이신가요~?

      style.css에서
      카테고리옆 숫자는 25번째 줄의
      .c_cnt { font:0.75em Tahoma; color:#bbb;}

      이 부분들의 #bbb를 수정하시면 됩니다 ^^
  25. 2010/01/25 18:10

    비밀댓글 입니다
    • BlogIcon 료　 2010/01/25 19:26

      아하~ 방금 가봤는데요!

      터헉 카테고리 글자 색이 왜 그렇게 되었을까요ㅇㅅㅇ;; 저렇게 지정해 준 적이 없는데...!! 그렇다면 티스토리 관리자 모드에서 스킨 -> 카테고리 설정 메뉴에서 바꿔보세요~ 거기 보면 색깔 지정하는 기능이 있거든요!

      그리고 하단의 블로그 링크는...엄... 전 노란색으로 잘 보이는데;ㅅ; 검정색으로 보이시나요?? 전 노란색으로 보이거든요<< 혹시 인터넷 익스플로러의 옵션 상의 문제가 아닐까욥;ㅅ; 가능하시다면 다른 컴퓨터에서도 한번 확인을!

      혹시 또 질문 있으시면 걱정마시고 말씀하세요~ 제가 아는 한도 내에서 알려드리겠<<ㅋㅋㅋㅋ/ㅅ/
  26. BlogIcon 쿠드노트 2010/01/26 00:09

    우음... 네이버에서 티스토리 옮길려니까 착잡하네요 .. 흑 ㅠ
    그래도 좋은 스킨 하나 한번 적용해볼려고 노력해볼려고합니다 ㅎ
    • BlogIcon 료　 2010/01/29 13:14

      감사합니다~ 블로그 이사(?)를 하시는군요! 저도 원래 다른 블로그 쓰다가 왔는데 그때 블로그 이사 서비스?를 이용한 적이 있어요. 참고하시기를+_+
  27. 스킨적용~ 2010/01/26 09:43

    감사합니다! ^^
    방금 스킨 카테고리 설정에서 바꾸었습니다.
    그쪽에 색이 있는줄은 전혀 몰랐네요..

    카테고리 만들면서 왜 못 봤었는지... 하하하.
    정말 감사합니다^^

    하단링크는... 제 문제인가보군요.

    친절한 답변 감사합니다..^^*
    추운데 감기 조심하세요^^
    • BlogIcon 료　 2010/01/29 13:15

      오 해결되셨다니 다행입니다. 좋은 하루되세요+_+!
  28. BlogIcon Albior 2010/02/10 19:51

    감사합니다 :)
    스킨 감사히 쓰겠습니다.
    수고하세요 ^^
    • BlogIcon 료　 2010/02/16 11:02

      감사합니다^_^!
  29. 어릿광대 2010/02/28 06:07

    정말 맘에 드는 스킨인데..
    텍스트큐브(http://www.textcube.com)에 적용하려니 조금 문제가 있네요..
    기본 스킨이랑 비교해가며 수정하려 했으나.. GG.. ㅠㅠ
    • BlogIcon 료　 2010/03/02 12:03

      저런;ㅅ; 닷컴 텍큐는 스킨구조가 다르다고 들었는데 한번도 본적이 없어서..안타깝습니다 -_ㅠ
  30. BlogIcon 어릿광대 2010/03/06 05:05

    스킨 테스트 블로그를 만들고 다른 스킨들을 테스트 하다가 실수로 백업도 하지않은 본블로그에 적용해버려 급한대로 이것저것 적용해봤지만 이 스킨만큼 마음에 드는 스킨이 없어 일단 적용하고 어제 하루종일 스킨 수정만 했네요..
    특히 BBCode는 수정을 해도 적용이 안되 테스트 블로그에 텍큐기본스킨 적용하고 비교해서 바꾸는 방법으로 겨우 적용을.. 왜 이런 마음에 드는 스킨이 텍큐는 안보이는지.. ㅠㅠ
    덕분에 좋은 스킨 잘 쓰고있습니다. 감사합니다. ^^
    • BlogIcon 료　 2010/03/06 12:26

      어이쿠 고생하셨네요ㅠㅠㅠㅠㅠ
      스킨 그냥 수정하는 것도 손이 많이 가는데 텍큐 닷컴으로 변환까지 하시느라;ㅁ;
      제 스킨을 이용해 주셔서 캄사합니다-_ㅠ 나중에 텍큐닷컴스킨도 한번 살펴보고 연구해봐야겠어요!!!
Trivia