Trivia :: [티스토리 스킨] Clover 1.1

[티스토리 스킨] 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 clover, 스킨, 티스토리스킨

0 Trackbacks : 90 Comments

겨자냄시 2009/12/01 12:51
감사합니다. 스킨 한번 적용해보도록 하겠습니다 ^^
- 료　 2009/12/02 11:31
  네~ 감사합니다 :)
나그네 2009/12/01 20:25
예시와 똑같이 적용시켜보았는데 가로는 늘어났는데 위에이미지가 안늘어나네요. 제가 잘못한건지.. 원래그런건지 링크남겼습니다.
- 료　 2009/12/02 11:32
  푸하하하하 죄송해요..............
  위 예시에서 덧셈이 잘못되었어요.....OTL...
  990+204는 1094가 아니라 1194였.....(후....도망)
DL 2009/12/02 00:29
저도 예시와 똑같이 적용해봤는데 상단과 하단의 이미지가 늘어나지 않네요 ㅠㅠ;
- 료　 2009/12/02 11:32
  죄송..-_ㅠ 위 나그네님 댓글을 봐주시면 캄사...ㅠㅠ
나그네 2009/12/02 16:09
그래도 이상하게나오네요; 홈페이지에 사진도 올려놓겠습니다.
- 료　 2009/12/02 17:38
  제가 가서 확인을 해봤는데요~
  지금보니... 제가 스킨을 만들 때 인터넷창을 1024*768 해상도 이하로 줄였을 때의 경우를 미처 생각치 못했네요;; 제 해상도에선 멀쩡히 보이다보니...죄송-_-;;ㅠ
  
  덕분에 수정했습니다! 수정으로 인해 가로폭 늘릴때 수정해야 할 부분이 두 군데 늘었네요. 다시 한번 받아서 확인해 주시고 혹시 또 오류가 있으면 말씀해 주셔요!
나그네 2009/12/02 19:14
이미지를 넣었을때 이미지가 본문보다 클경우 오른쪽이 짤리네요.

그리고 분류 전체보기에 카테고리가 다 숨겨져있는데 오픈하는법좀알려주세요.
- 료　 2009/12/03 11:51
  으음..? 죄송한데 이건 어떤 부분을 말씀하시는지 잘 모르겠어요. 저도 테스트블로그에서 큰 이미지를 넣고 확인해봤는데 짤리지는 않고 화면에 맞게 작아지더라구요'ㅅ'
  음 혹시 [화면출력 설정]에서 '본문 가로 크기' 부분을 수정안하셔서 그런걸까요? 이건 사용자가 각자 설정하는 부분이라 언급안했는데 이 부분도 #content와 같이 847로 수정하시면 좋으실 듯!
  
  그리고 카테고리 오픈하는 법이라면... 하위 카테고리가 펼쳐진 상태를 말씀하시는 건가요? 그거라면 http://goodlifegood.tistory.com/342 이 곳을 참조하시면 될 것 같습니다.^^
맫누 2009/12/02 19:55
ㅋㅋㅋ 뼈빠지는 압지.. 자, 이렇게 로동의 향기를 뿜겨봐요.ㅋㅋㅋㅋㅋㅋㅋ수고횽
- 료　 2009/12/03 11:54
  훗 이정도쯤...(급거만)ㅋㅋㅋㅋ
  로동ㅋㅋㅋㅋㅋㅋ넹 숙오횽.ㅋㅋㅋㅋㅋㅋㅋ
- 맫누 2009/12/04 01:20
  즈런, 료동자 룐 거만두<<하지.
- 료　 2009/12/04 15:58
  헐 이런 작문의 대가
  신이시여 나에게도 그런 재능을 만두로<< 주십시오...
- 맫누 2009/12/04 17:23
  만일 신이 이런 미미한 재능을 남발하면 그 재능 하나로 먹고 사는 사람은 하던 일을 그만두<<어야 하나.
- 료　 2009/12/04 22:43
  ㅠㅠ아놔 진짜 림하능 작문*작명 천재라능ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
  
  그 재능으로 먹고 살던 사람은 새로운 스키ㄹ<<을 연먀<<해야 합니다. 아...이건 아닌듯....
- 맫누 2009/12/10 14:19
  ㅋㅋㅋ말장난뿐..ㅠㅠㅠ
  
  이대로가다간 우리엔 파멸(치)뿐..
  
  뷜러도 대답없는 이, 신은 왜 새로운 스키ㄹ을 주지 않고
  피료없는 능력먄을 촬고넘치게 주었나.
  
  - 다음 글에서 등장한 이의 수는?
- 료　 2009/12/08 12:35
  푸하하하하하ㅏㅎ 아놔 이거......
  어렵다..................후.
  
  정답은 네명, 네명입니다??????
- 맫누 2009/12/10 14:20
  미아네 한 글자 잘못썼더라고..ㅋㅋㅋ
  답은 5명. 수정전엔 4명이 맞삼..ㅋㅋㅋㅋ
- 료　 2009/12/12 15:28
  아항 먄삼이 추가됐꾸나 ㄲㄲㄲㄲㄲㄲ
kazanarun 2009/12/03 09:57
우와우~ 너무 이뻐요~ 잘쓰겠사옵니다 굽신굽신...

이제 여기에 웹폰트를 적용시키면.. (벙~)
- 료　 2009/12/03 11:57
  캄사합니다~ 오 웹폰트! 나중에 웹폰트가 적용되면 훔쳐보러 가겠습니다(퍽)
간디바 2009/12/03 22:14
우왓! 예뻐요 료님! ^^
전 역시 료님의 디쟌이 취향인 듯 /ㅅ/ <<아부?
- 료　 2009/12/04 16:00
  음헤헤 훗 간님 우린 서로의 팬이잖아요!♡(누구맘대로 퍽)
  캄사캄사!
빌런 2009/12/04 14:54
적용했습니다. 그리고 수정했습니다. 깔끔하고 좋네요. 그런데 회색(날짜, 숫자)이 잘안보이네요. 다른색으로 수정하고싶은데 어디를 수정해야되나요? 한번 놀러 오세요:)
- 료　 2009/12/04 16:22
  오호 넵! 찾아가서 방명록에 글 남기겠습니다^^//
지우개 2009/12/08 00:12
감사합니다. 스킨 잘 사용하겠습니다^^
- 료　 2009/12/08 12:32
  넵 유용하게 쓰시길^^/
빌런 2009/12/10 10:25
갑자기 카테고리가 다 엑박이 되었습니다. 스킨을 두곳에 사용하는데 아무작업도 없었습니다. 그런데 둘다 엑박이 뜨네요. 확인 바랍니다. 그리고 tab_isleaf.gif, tab_opened.gif, 기타 등 gif가 자기 계정에 업로드하는게 아니라 다른곳으로 링크되어있는거 같더라구요.
- 료　 2009/12/10 13:12
  확인해 봤는데 스킨의 문제가 아니라 그때 잠시 티스토리 자체에 문제가 있었나 봅니다. 현재 제가 볼 땐 정상으로 뜨네요 :)
  그리고 카테고리부분은 스킨에서 식으로만 써주면 티스토리에서 알아서 나타내주기 때문에 제가 따로 이미지를 써서 사용하지 않는답니다~
- 빌런 2009/12/10 15:03
  아 그렇군요. 감사합니다. 몇시간동안 엑박떠서 깜짝놀랐지 뭡니까 ㅋㅋㅋ 많이 배우네요.
- 료　 2009/12/12 15:20
  블로그 상태가 정상으로 돌아와서 다행입니다 :)
다비 2009/12/11 02:31
잘 쓰겠습니다~
그런데 사이드바에 이미지 배너를 넣었더니 검은색 테두리가 생기는데 없앨 수는 없을까요?
- 료　 2009/12/12 15:27
  해당 이미지 배너 태그에 border="0" 를 넣어주시면 될 것 같습니다^_^ <img src="이미지" border="0"> 이렇게!
제이제이! 2009/12/11 13:49
이쁘네요~ 스킨잘쓸게요..
- 료　 2009/12/12 15:26
  넵~ 감사합니다 :)
상민옹 2009/12/12 23:55
스킨고마워요!
이쁘고아담해요!
잘쓸게요!

천사는죽었다.com
- 료　 2009/12/14 00:43
  감사합니다~ :)
배치기 2009/12/20 11:59
나중에 적용해봐야겠습니다.
팀블로그라서 마땅히 좋은 스킨을 못 찾고있었는데. 마음에 드는 스킨 찾아서 다행인것 같습니다 ㅎ

살짝살짝 변경해서 사용해도 되려나요 ㅎㅎ
- 료　 2009/12/20 15:06
  감사합니다~~! 팀블로그를 운영중이시군요^^
  당연히 되죠! 마구 수정해서 사용해 주세요+_+//
캐릇 2010/01/18 10:08
텍스트큐브용도 제작해주세요!!!
- 료　 2009/12/20 15:07
  설치형 텍스트큐브에서도 아마 별 문제없이 작동할 것 같아요~^^
- 캐릇 2010/01/18 10:08
  설치 잘 됬어요! ^^
  
  좋은 스킨 감사합니다!!
- 료　 2010/01/25 13:38
  오 텍큐도 잘 되나요!!
  캄사!!!>ㅅ<
배치기 2009/12/22 22:06
아직 이것 저것 만져보고있는데, 정말 좋은 스킨인 것 같네요 !.
좋은 스킨 감사드립니다. ^^
- 료　 2009/12/24 13:50
  감사합니다. 소스에서 나름대로 챙겨야 할 부분은 다 챙기려고 했는데 좋아해 주셔서 기쁘네요+_+//
배치기 2009/12/28 19:32
블로그 이웃분이 알려주신 사항인데
IE6 에서 댓글 펼치기를 하면 본문이 사이드바 아래로 내려가는 현상이 있다고 하는데
어떻게 안되는 건가요 ㅎㅎ
- 료　 2009/12/29 19:08
  확인해봤는데요~ 일단... 배치기님께서 수정하실 때 무언가가 바뀌어서 그런 현상이 일어나는 것 같아요~ 제가 올린 스킨에서는 괜찮더라구요'ㅅ' 그게 어느 부분인지는 잘 모르겠...ㅠㅠ
  급한대로 해상도가 1024*768보다 낮은 화면에서의 ie6에서 그런 현상이 일어나는 것까지 알아냈으니 참고하셨으면!!
우연 2009/12/29 07:36
티스토리 스킨을 검색해서 오게됐는데 스킨이 정말 좋네요.. 덕분에 새롭게 꾸미게 됐습니다.
좋은 자료 감사드립니다. ^^
- 료　 2009/12/31 14:35
  감사합니다 ^^
사우다지 2010/01/13 01:58
태테에서 알게 되어 제블로그 적용했어요~
스킨 너무 이쁘네요^^
잘 쓰겠습니다~ 소중한 자료 감사드려요^^
- 료　 2010/01/14 12:23
  태터에서도 잘 된다니 다행이네요! 감사합니다 ^^
- 사우다지 2010/01/15 22:24
  앗...태테에서 알게 된거긴 한데..
  저 티스토리예요~ 헤헤 ^^;
- 료　 2010/01/17 17:01
  아하~ 그런거군요~~>ㅇ<
지나가던 행인 2010/01/17 23:41
료형님!!!

스킨을 보고 형님이라고 불러야겠습니다.
- 료　 2010/01/25 13:33
  허헉 형님!ㅋㅋㅋㅋㅋㅋ이런
  캄사합니다(?)ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
맫누 2010/01/18 02:07
압지 횽아
그러치만 [견우야~]의 목소리.ㄲㄲ
- 료　 2010/01/25 13:47
  게다가 레이스를 달고 있지 깔깔
감사^^ 2010/01/21 09:38
안녕하세요~
스킨 적용해서 아주 대만족! 하면서 잘 사용하고 있습니다.
글씨크기, 모양 다 넘 맘에 들어요~ㅎㅎ
좋은 스킨 감사드립니다.

무료로 좋은 스킨 감사히 사용하고 있는데... 문의가 있어서요.
저 logo 부분이요..
저거 없애고.. 그냥 네모로(테두리만) 하는건 불가능한건가요?..ㅎㅎ
- 료　 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;
  이 부분을 지워주시면 됩니다 ^^
스킨적용~ 2010/01/24 18:43
감사합니다.
스킨 잘 사용하고 있는데
카테고리 글씨 색깔이 회색으로 나오는데
다른 색으로 변경하려면 어느부분을 바꿔야하나요?
집모니터가 밝아서인지,
글씨가 거의 안 보여서요..ㅠㅠ
- 료　 2010/01/25 13:46
  카테고리 회색글씨라면 카테고리옆 숫자 말씀이신가요~?
  
  style.css에서
  카테고리옆 숫자는 25번째 줄의
  .c_cnt { font:0.75em Tahoma; color:#bbb;}
  
  이 부분들의 #bbb를 수정하시면 됩니다 ^^
2010/01/25 18:10
비밀댓글 입니다
- 료　 2010/01/25 19:26
  아하~ 방금 가봤는데요!
  
  터헉 카테고리 글자 색이 왜 그렇게 되었을까요ㅇㅅㅇ;; 저렇게 지정해 준 적이 없는데...!! 그렇다면 티스토리 관리자 모드에서 스킨 -> 카테고리 설정 메뉴에서 바꿔보세요~ 거기 보면 색깔 지정하는 기능이 있거든요!
  
  그리고 하단의 블로그 링크는...엄... 전 노란색으로 잘 보이는데;ㅅ; 검정색으로 보이시나요?? 전 노란색으로 보이거든요<< 혹시 인터넷 익스플로러의 옵션 상의 문제가 아닐까욥;ㅅ; 가능하시다면 다른 컴퓨터에서도 한번 확인을!
  
  혹시 또 질문 있으시면 걱정마시고 말씀하세요~ 제가 아는 한도 내에서 알려드리겠<<ㅋㅋㅋㅋ/ㅅ/
쿠드노트 2010/01/26 00:09
우음... 네이버에서 티스토리 옮길려니까 착잡하네요 .. 흑 ㅠ
그래도 좋은 스킨 하나 한번 적용해볼려고 노력해볼려고합니다 ㅎ
- 료　 2010/01/29 13:14
  감사합니다~ 블로그 이사(?)를 하시는군요! 저도 원래 다른 블로그 쓰다가 왔는데 그때 블로그 이사 서비스?를 이용한 적이 있어요. 참고하시기를+_+
스킨적용~ 2010/01/26 09:43
감사합니다! ^^
방금 스킨 카테고리 설정에서 바꾸었습니다.
그쪽에 색이 있는줄은 전혀 몰랐네요..

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

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

친절한 답변 감사합니다..^^*
추운데 감기 조심하세요^^
- 료　 2010/01/29 13:15
  오 해결되셨다니 다행입니다. 좋은 하루되세요+_+!
Albior 2010/02/10 19:51
감사합니다 :)
스킨 감사히 쓰겠습니다.
수고하세요 ^^
- 료　 2010/02/16 11:02
  감사합니다^_^!
어릿광대 2010/02/28 06:07
정말 맘에 드는 스킨인데..
텍스트큐브(http://www.textcube.com)에 적용하려니 조금 문제가 있네요..
기본 스킨이랑 비교해가며 수정하려 했으나.. GG.. ㅠㅠ
- 료　 2010/03/02 12:03
  저런;ㅅ; 닷컴 텍큐는 스킨구조가 다르다고 들었는데 한번도 본적이 없어서..안타깝습니다 -_ㅠ
어릿광대 2010/03/06 05:05
스킨 테스트 블로그를 만들고 다른 스킨들을 테스트 하다가 실수로 백업도 하지않은 본블로그에 적용해버려 급한대로 이것저것 적용해봤지만 이 스킨만큼 마음에 드는 스킨이 없어 일단 적용하고 어제 하루종일 스킨 수정만 했네요..
특히 BBCode는 수정을 해도 적용이 안되 테스트 블로그에 텍큐기본스킨 적용하고 비교해서 바꾸는 방법으로 겨우 적용을.. 왜 이런 마음에 드는 스킨이 텍큐는 안보이는지.. ㅠㅠ
덕분에 좋은 스킨 잘 쓰고있습니다. 감사합니다. ^^
- 료　 2010/03/06 12:26
  어이쿠 고생하셨네요ㅠㅠㅠㅠㅠ
  스킨 그냥 수정하는 것도 손이 많이 가는데 텍큐 닷컴으로 변환까지 하시느라;ㅁ;
  제 스킨을 이용해 주셔서 캄사합니다-_ㅠ 나중에 텍큐닷컴스킨도 한번 살펴보고 연구해봐야겠어요!!!
어릿광대 2010/03/12 00:39
텍큐닷컴에 이런 메뉴얼이 있는지 몰랐네요.. 진작 알았다면 수정할 때 좀 편했을텐데..
http://www.textcube.com/doc/skin/guide/
- 료　 2010/03/13 13:32
  오... 이런 매뉴얼이 있었다니@_@ 알려주셔서 감사합니다!
  아무래도 조만간 도전해봐야할 듯 해요-_-++ㅎㅎ
미쿠리야 2010/03/13 22:24
저기 위에 엑박뜨는데,,, 어케된거죠;;
파폭 으로 들가도 안보이길래;;
해결점요
- 료　 2010/03/14 13:21
  미쿠리야님 블로그에 들어가보았는데요, 엑박 뜨는 게 없는데 무엇을 말씀하시는 건지요?
미쿠리야 2010/03/14 11:37
로고 어떻게 바꾸나요,,,
- 료　 2010/03/14 13:22
  첨부파일 안의 logo.psd 파일을 포토샵으로 수정해서 logo.gif로 저장해 덮어씌우시면 됩니다 :^)
미쿠리야 2010/03/14 14:23
logo.psd 수정해서 덮어 쒸어도 안되는데;;;
뭥ㅁ;; 어떻게 된거죠,,
- 료　 2010/03/14 14:32
  움..? "영원한 세상"이라고 로고가 보이는데요'ㅅ' 스킨 적용이 느리게 나타난 것 아닐까요ㅎㅎ
미쿠리야 2010/03/14 14:34
아 저는 안보이는데 ㅋㅋㅋ 이건뭔 현상이죠;;
- 료　 2010/03/14 15:56
  음 글쎄요;; 임시 인터넷 파일을 지워보심이....'ㅅ'
미쿠리야 2010/03/14 14:56
어떻게된거죠;;;;;;;,,,,,,왜 저만 안보이죠
- 료　 2010/03/14 15:57
  익스플로러시면 도구->인터넷옵션->검색기록 삭제 에서 임시 인터넷파일을 지워보세요.
나루에 2010/03/15 10:20
안녕하세요.
만들어주신 스킨 너무 깔끔해서 제 티스토리 블로그에도 적용시켜 봤어요.
헌데 만들어주신 스킨에 조금 문제가 있는것 같아 글을 남깁니다

익스8이나 파폭에서 돌렸을때는 별 문제가 없다가
익스6 환경에서 블로그를 열어보니
화면이 아래의 캡쳐사진처럼 블로그 레이어가 깨져 버리네요...
게시물 뿐만아니라 방명록이나 미디어로그나 모두다
레이어가 틀어져버립니다.

가져온 스킨에서 바꾼것 뿐이라고는 좌측의 카운터에
글자를 몇개 입힌것 정도 말고는 건든게 없는데...

익스6랑 이 스킨이랑은 호환이 안되는건지
알고싶습니다.(내용물 출력픽셀크기는 643으로 설정했습니다.)

일부 브라우져에서 깨지면 쓰기가 뭐해서...
정말 쓰고싶은데. 어떻게 방법없을까요

레이어가 깨지는 캡쳐 링크
http://narue.ip.or.kr/link/img/blog_err.jpg

블로그 주소
http://narue.kr
- 료　 2010/03/15 11:43
  안녕하세요, 스킨 사용해 주셔서 감사하고요~
  
  좌측에 넣으신 [서버사용량] 아이프레임 소스부분에서
  width="200"를 185정도로 조정해 주시면 될 것 같습니다 :^)
- 나루에 2010/03/15 14:26
  오.. 그렇군요...
  제가 넣은 아이프레임이 문제였군요...
  200px -> 185px 로 바꾸니깐 간단하게
  해결을 봤습니다.
  히안하네요.. 아이프레임 같은 명령어인데
  브라우져마다 틀리다니....
  
  도와주셔서 감사합니다. (__) 꾸벅
- 료　 2010/03/16 12:16
  해결되셔서 다행입니다~ ie 6 7 8 파폭 등등 크로스 브라우징이 참 어려운 것 같아요ㅠㅠㅎㅎ