태터툴즈를 본격적으로 사용한지 2년이 안되는 것 같습니다. 1.0 이전부터 현재 1.1.2에 이르기까지 안되는 디자인으로 몇개의 스킨을 사용했었죠. 태터툴즈 블로그를 하면서 웹표준이라는 것을 알게되고, PHP도 알게 되었답니다. 덕분에 태터 블로그용 플러그인도 배포하고, 좋은 블로거 분들도 만나뵙고, 좋은 정보도 접하고 여러모로 좋은 것 같습니다.

두서 없는 말을 늘어놨습니다. 얼마전 잦은 야근에 '토끼눈 권법'과 '취권'을 2성 이상 연마할때 Feel 받아 만들어본 새로운 스킨을 공개하려 합니다. 크게 화려하지도 않고, 그저 평범한 3단 스킨입니다. 웹표준은 거의(?) 맞게 하고, 넓게 쓰시는 분들은 CSS를 수정하셔야 할듯 합니다.

지나친 '취권' 수련에 다소 코드의 조잡 함이 보일수도 있습니다. 이해 해주시기 바랍니다.^^/

ㅇ스킨 다운로드

ㅇ스킨 사용법
1) 'skin' 디렉토리에 FTP 업로드 하신후 '관리자/스킨'메뉴에서 적용하시면 됩니다.
2) 좌측 사이드바(200px), 우측 사이드바(150px), 블로그 이미지 사이즈(182px), 컨텐츠의 가로 사이즈(500px)에 최적화되어 있습니다.
3) 상단 블로그 타이틀(플래쉬 화) : 스킨에 맞게 블로그 타이틀을 보이게 하기 위해 안되는 플래쉬 삽질하며 만들어 봤습니다. 블로그 타이틀을 '관리/환경설정'에서 입력저장하셨다면 그대로 보입니다. 단, 한글/영문에 따라 폰트값을 수정하시면 됩니다.
 - 블로그 타이틀 폰트 설정 ------------
 (skin.html 파일 내 상위에 보시면 스크립트 내에서 수정하시면 됩니다.)
 <script type="text/javascript">
    var getFont = "Tahoma"; -> 윈도우 xp 기본 폰트로 변경, 대소문자 구분
    var getSize = 28; -> 폰트 사이즈
    var getBold = ""; -> 타이틀 진하게 "true", 보통은 "" 공백
    var getmask = ""; -> 타이틀 주변 장난질, 허전해서 ^^ 사용 "show" 미사용 "" 공백
    var getVars = "get_titl ...생략...
 </script>
 ------------------------------------
* getmask 효과는 "show"로 하신후 마우스를 올려 보시면 아실겁니다. 제 블로그 타이틀 주변을 마우스로 왔다 갔다 해보시면 아실겁니다.^^;

ㅇ스킨 스샷
사용자 삽입 이미지

CCL - [Attribution : Noncommercial : Share Alike]
2007/03/22 14:04 2007/03/22 14:04
Trackback address :: http://create74.com/trackback/334
  1. 스킨 변경 - JP Simple v2

    Tracked from 24/7 2007/05/13 03:38  삭제

    벌써 또 스킨을 바꾸다니.. 한 달은 넘었나? 기억이 안 난다. 하지만 우연히 너무 마음에 드는 스킨을 만나서 어쩔 수 없었다. ;; 이번엔 맑은 고딕도 포기하고 원래 설정을 거의 그대로 놔두었다. 어여쁜 스킨을 만들어 주신 J.PARKER님께 이 자리를 빌어 감사를. ^^ 이제 적어도 6개월 동안은 스킨 바꾸지 말아야지. 스킨 바꾸면서 애드클릭스 설정하는 것도 곤욕이다. ㅠ_ㅠ

  2. 스킨변경

    Tracked from 광호와 인정이의 알콩달콩 사랑이야기 - 시즌1 2007/05/18 16:53  삭제

    이 얼마만에 새 옷(?)을 입은 거란 말인가? 그 동안 여러번 바꾸고 싶었지만 귀차니즘 때문에 미루고 미뤘던 건데.. 눈독들이고 있던 J.PARKER님의 JP Simple v2 로 블로그 옷을 갈아 입었다. 전에 쓰던 등대이야기도 맘에 들었었지만 이번 스킨이 취향에 맞춰서 바꾸기가 더 쉽고 스킨이름 그대로 심플해서 맘에 들었다는 거!!! 또 언제 바람이 불어서 갈아 입을진 모르지만 아무튼 새로운 맘으로 블로그를 꾸려나가 보자구!!!

  3. [도움요청] 스킨 수정에 도움을 손길을 바랍니다.

    Tracked from 댕글댕글파파의 사는 이야기 2007/12/02 00:04  삭제

    J.Parker 님의 스킨으로 바꾼지 일주일이 지났습니다. 스킨의 분위기와 레이아웃은 정말 마음에 들지만 몇가지 문제점을 수정하지 못해서 고민입니다. 3단 스킨중에 이 스킨보다 나은 스킨을 보지 못했습니다. 그래서 이 스킨을 꼭 완벽하게 수정을 해서 사용을 하고 싶은데 도무지 방법을 모르겠습니다. 스킨의 제작자분께서는 요즘 많이 바쁘신 듯 해서 이렇게 글을 써봅니다. 시간이 많으시거나 별다른 어려움이 없으신 분 계시면 도움을 바랍니다. 스킨 문제점1..

  4. J.Parker님의 JP Simple 시리즈.

    Tracked from GNUNIX 2008/05/04 12:06  삭제

    J.Parker님의 'JP Simple' 스킨을 사용하고 있습니다.그런데....종종 이런 문제가 뜸하지 않게 발생하네요..그래서 다음 버젼을 기다리고 있습니다..J.Parker님!~다음버젼은 다른것들은 물온 이것도 고쳐주시겠어용??헤헤 ^^크리에이티브 커먼즈 라이센스이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다. -->

  1. 주성애비 2007/03/22 14:11

    드뎌 공개하시네요~IP Address : 61.75.···.187

  2. J.Parker 2007/03/22 15:54

    넵.. 드뎌 공개했습니다.^^; 공개 해놓구 보니 별것아닌것 괜히 했나싶습니다.~~
    남은 오후 잘보내세요.

  3. 유마 2007/03/22 14:39

    오.. 많은 분들이 사용해주시길~IP Address : 61.98.···.3

  4. J.Parker 2007/03/22 15:55

    많은 분들의 질타를 받아야 할지도~~
    미투 친추했습니다.~~ 남은 오후 잘보내세요.

  5. DARKLiCH 2007/03/22 14:55

    'simple is best' 인데요. ^^;;IP Address : 218.150.···.98

  6. J.Parker 2007/03/22 15:57

    저만의 simple 일것 같은데요.^^ 감사합니다.
    남은 오후 잘보내세요.

  7. 네모똘 2007/03/22 15:35

    getmask 효과는 "show"로 하신후

    ...
    그런 멋진 것이 숨겨져 있었네요~IP Address : 61.108.···.216

  8. J.Parker 2007/03/22 15:58

    네. 요즘 'SHOW'가 추세네요.^^ 멋지게 봐주셔서 감사합니다.
    남은 오후 잘보내세요.

  9. 일급수 2007/03/22 16:29

    아~~ 드디어 공개하시는 군요....ㅋㅋㅋ
    자알 쓰겠습니다....IP Address : 211.170.···.225

  10. J.Parker 2007/03/22 17:17

    네.. 드디어 저질렀습니다. 스킨 넘 조심스럽군요~~
    남은 하루 잘보내세요.

  11. Lane 2007/03/22 16:59

    드디어 스킨의 영역까지 능력의 나와바리를 넓히신거군요.
    아닌게 아니라 정말 말 그대로 '심플'하니 멋집니다. (-_-)bIP Address : 218.149.···.135

  12. J.Parker 2007/03/22 17:18

    좋게 평가해주셔서 감사합니다. 스킨 영역까지 (-.-)> 넘 힘든 영역이랍니다.
    남은 하루 잘 보내세요.^^

  13. 비밀방문자 2007/03/22 17:00

    관리자만 볼 수 있는 댓글입니다.

  14. J.Parker 2007/03/22 17:20

    제가 들어가 보니 잘 보입니다.^^ 잠깐 서버가 엉뚱한(?) 스킨 때문에 문제였나봐요.^^ 스킨 내놓고 보니 맘에 안드는 것 같아요... 역시 스킨 영역은 어려운 곳입니다. 남은 하루 잘보내세요.^^

  15. 델버 2007/03/22 17:58

    호~ +_+ 아주 마음에 듭니당~IP Address : 210.94.···.89

  16. J.Parker 2007/03/23 09:19

    마음에 드신다니 감사합니다.^^/ 좋은 하루 보내세요.

  17. 마래바 2007/03/23 00:21

    오~~ 멋지군요.. 저도 요즘은 심플한 스킨이 너무 좋더라구요..
    지금 스킨에서 한번 옮겨 볼까나.. 몇가지 소스 고쳐야 하는게 귀찮아서 말이죠. ㅋㅋIP Address : 125.57.···.68

  18. J.Parker 2007/03/23 09:20

    안녕하세요. 마래바님 사실 스킨 변경한다는 것이 귀찮은 일이지요..
    좋게 평가 해주셔서 감사합니다.~~ 좋은 하루 보내세요.

  19. 나비 2007/03/23 05:02

    우와..갱장하네요 후덜덜~IP Address : 221.141.···.173

  20. J.Parker 2007/03/23 09:21

    안녕하세요. 나비님... 갱장하게 봐주셔서 몸둘바 모르겠군요.^^
    날씨 좋습니다. 오늘은.. 좋은 하루 보내세요.

  21. vs 2007/03/23 05:31

    잘보고 갑니다 ^^

    http://daumevent.daum.net/samyang_20070323_ma ··· f1litbl2IP Address : 58.227.···.229

  22. J.Parker 2007/03/23 09:21

    네. 잘보고 가셨군요. 그런데 아래 링크는 광고성? -.-

  23. 주성애비 2007/03/23 10:22

    이자식 여기저기 광고구만~IP Address : 211.108.···.100

  24. J.Parker 2007/03/23 10:25

    주성애비님께도 접근하신 VS군요~~~ ^^/

  25. weivlis 2007/03/23 11:44

    휼륭한 스킨 고맙게 쓰겠습니다.
    차분하니 제 취향에 딱이네요...
    계속된 버전업을 바라는것은 무리한 부탁이겠요?~^^IP Address : 58.232.···.55

  26. J.Parker 2007/03/26 14:26

    스킨 좋은 평가 감사합니다. 취향에 맞으시다니 감사할 다름입니다.
    현 스킨에 대해서는 쭉 버전업이 될것입니다. ^^
    좋은 하루 보내세요.

  27. 구름아저씨 2007/03/24 00:21

    맘에 담아 둔 스킨이었는데..ㅎㅎ 고맙습니다.
    잘 가져 가겠습니다.IP Address : 125.130.···.204

  28. J.Parker 2007/03/26 14:27

    네, 잘 적용하셨군요. 감사합니다.
    좋은 하루 보내세요.

  29. Shinya 2007/03/24 03:35

    항상 방문할때마다 멋진스킨이라고 생각하고 있었는데 공개하셨네요 +ㅂ+
    고생하셨습니다! 저도 후다닥 적용해볼 준비하러 -ㅂ- (웃음)IP Address : 218.239.···.76

  30. J.Parker 2007/03/26 14:28

    멋진 스킨으로 생각해주셔서 감사합니다. 공개할때 넘 조심스럽더군요.
    스킨이라서~~ 좋은 하루 보내세요.

  31. magicbass 2007/03/24 10:52

    너무 고급스러운 느낌입니다.. 잘 쓰겠습니다.IP Address : 59.26.···.245

  32. J.Parker 2007/03/26 14:29

    고급스럽게 평가해주셔서 감사합니다.~~
    좋은 하루 보내세요.

  33. 모로 2007/03/24 17:03

    님 너무 감사합니다
    역쉬라는 말로 표현할수 밖에 없네요

    잘 적용해서 쓰겠습니다IP Address : 121.165.···.42

  34. J.Parker 2007/03/26 14:29

    역시 저도 감사합니다.^^ '모로'라는 닉네임 아는 후배도 쓰고있는데..
    반갑습니다.~~

  35. PolarisS3941H 2007/03/26 12:50

    블로그가 문제가 생겨서 갈아엎음과 동시에 스킨을 바꾸려하는 이 시점에
    이런 멋진 스킨이 ㅠ_ㅠ(감동..)
    J.Parker님 늘 좋은 스킨, 플러그인 감사합니다 ^^IP Address : 143.248.···.155

  36. J.Parker 2007/03/26 14:31

    안녕하세요. 오랜만에 뵙네요.^^
    그간 잘지내셨죠.. 스킨 평가 감사하구요. 좋은 하루 보내세요.

  37. 하얀별 2007/03/26 20:45

    님의 스킨 정말 감사합니다. tt를 열고 저도 설치형 블로그 도전해봐야지 했더니 스킨이 보라색...... OTL....... 그러던중 님의 스킨을 만나보고 적용 해보았습니다. 그런데 님과 같이 사이드바에 그림나오기와 공지사항 부분의 올라가는 현상, 랭킹 포스트 등 님과 비슷하게 꾸며볼려고 했는데 무엇으로 꾸미신건지...... 혹시 플러그인인가요!? 몇가지만 알려주실수 있으세요.... ㅠㅠIP Address : 218.36.···.127

  38. J.Parker 2007/03/28 11:48

    안녕하세요. 하얀별님.. 사이드바의 그림은 제 블로그에서 썸네일 플러그인으로 받으셔서 사용하시면되구요. 랭킹 포스트 또한 제 블로그에 있는 hit 플러그인으로 하시면 됩니다. 공지사항 항목의 업데이트 포스트는 플러그인으로 만들어 사용하고 있는데요. 아직 미 공개 플러그인 입니다.

  39. 개미 2007/04/02 08:03

    스킨 너무 멋집니다! 잘 사용할게요~
    앞으로도 멋진 작품 기대하겠습니다 ^ㅇ^IP Address : 211.205.···.163

  40. J.Parker 2007/04/05 13:08

    스킨 제작자가 아니니 그리 멋진 작품 기대하시지 마세요.
    어쩌다 한번 나오는 스킨이랍니다.

  41. 이어진 2007/04/05 15:31

    J.Parker님

    안녕하세요.
    너무 고맙고 감사하다는 말씀을 먼저 드립니다.
    개인 홈페이지를 운영하다 우연히 스킨, 플러그인이 너무 맘에 들어 제로에서 태터로 바꾸고 무작정 제 홈에 적용해보았습니다.

    맘에 너무 들다보니 제가 가지고 있는 일본어 블로그에도 적용할 예정입니다.
    앞으로도 잘 부탁드리며, 잘 사용하겠습니다.
    감사합니다.

    이어진IP Address : 61.247.···.199

  42. J.Parker 2007/04/10 15:03

    제로에서 태터로 갈아타실 정도로 맘에 드셨다니 감사합니다.
    블로그 아주 멋지내요. 전 블로깅한 자료가 별로 없어 허전하답니다.
    항상 좋은 블로깅 하시구요. 남은 하루 좋은 시간 보내세요.
    또 뵙겠습니다.

  43. woogi 2007/04/05 23:40

    예전에 스킨 요청한적있었는데.. 드뎌 공개를 하셨네요.. 바로 적용을 했습니다..

    마음에 드네요... 감사합니다.. ^^IP Address : 219.255.···.209

  44. J.Parker 2007/04/10 15:05

    안녕하세요. woogi님 바로 적용하셨군요. 멋진 블로그입니다.^^;
    마음에 드셨다니 감사할 다름입니다.
    남은 하루 잘보내시구요. 또 뵙겠습니다.

  45. SuJae 2007/04/06 19:05

    생각해보니 제가 참 염치없는 놈이네요 ㅠ.ㅠ
    이렇게 멋진 스킨을 얻어 쓰면서 감사하다는 댓글 하나 안남겼네요.
    죄송합니다. 그리고 감사합니다^^IP Address : 122.43.···.101

  46. J.Parker 2007/04/10 15:10

    안녕하세요. SuJae님 티스토리에 적용하셨군요.
    어찌 염칭 없으시다는 말씀을 하시구^^; 몸둘 바 모르겠습니다.
    SuJae님 처럼 티스토리에도 적용할수 있게 다음번 업데이트시 쉽게 조정해보겠습니다.
    남은 하루 잘 보내시구요. 또 뵙겠습니다.^^

  47. 블루아이 2007/04/21 00:57

    오랜만에 왔습니다. 잘 지내시는지요?
    예전에 도움을 주셨는데 제가 잘 몰라서 포기했다가 다시 왔습니다.
    궁금한것이 하나 있어서요. 동영상을 티스토리에 올렸습니다만은
    다른곳에 올리려면 어찌하신지 아시는지요?

    다른곳에 물어보기 뭐해서 아는분도 없고 해서 기억이나서 왔는데요.
    도와주세요~IP Address : 122.34.···.47

  48. J.Parker 2007/04/21 01:10

    안녕하세요. 블루아이님 티스토리에 올린 동영상은 플래쉬로 재생하고 있습니다. 소스보기를 해서 가져가는 방법이 있고. 마우스 드래그 선택하여 직접 에디터 창에 붙혀넣는 방법도 있습니다.
    주말 잘 보내세요.

  49. 블루아이 2007/04/21 14:06

    답변 감사합니다. 소스보기를 해서 가져가는 방법이..? 마우스 드래그? 어떤건지 조금
    죄송스럽지만 자세히 알려주실수 있으신가요?

    제가 만든 영상을 동호회에 올려야하는데..ㅜ 부탁합니다.IP Address : 122.34.···.47

  50. J.Parker 2007/04/22 23:26

    말그대로 티스토리에 동영상을 올려놓으신후 해당 포스트에서 마우스 오른쪽 누르셔서 '소스보기' 하시면 해당 동영상을 보여주는 태그부분을 복사하신후 올리시면 됩니다. 동영상 태그부분은 <object>...생략...</object> 항목으로 지정되어있을 겁니다.

  51. 고지원 2007/05/03 14:24

    질문입니다. ^^
    안에 내용을 쓰는 컨텐츠의 가로 사이즈가 500px 으로 되어 있는데, 이걸 늘리려면 어떻게 해야하나요?
    그냥 Style.css 에서 500px ->700px으로 바꾸었더니 안되더라고요.
    조언부탁드립니다.IP Address : 211.230.···.22

  52. J.Parker 2007/05/03 14:48

    그것 뿐만이 아니라 style.css에서 #container, #content 등 모두 수정해주셔야 합니다. style.css의 내용과 skin.html의 내용을 대응하시면서 해보시기 바랍니다.

  53. 고지원 2007/05/03 15:23

    style.css에서 #container, #content 이 부분은 200px씩 넓혔는데,
    stin.html 은 어디를 고쳐야 될지 모르겠습니다.

    죄송하지만, stin.html의 어디를 고쳐야 될지 답변부탁드려도 될까요?

    그리고 왜 이미지가 깨진 곳이 나올까요?
    이게 번거롭게 계속 죄송합니다. ㅡ.ㅡIP Address : 211.230.···.22

  54. 고지원 2007/05/03 15:29

    깨진 그림 부분은 해결했습니다. ^^IP Address : 211.230.···.22

  55. J.Parker 2007/05/03 15:36

    skin.html에서 변경할 것은 없습니다. 모두 style.css에서 정의 해주는 것입니다.

  56. 고지원 2007/05/03 16:44

    감사합니다. 다 해결되었는데, 제 블로그에 가보시면 알겠지만,
    링크 창이 옆으로 옮겨지지가 않네요. ㅋㅋ
    이것만 해결하면 될 것 같은데, 어떻게 해야되나요.

    그리고 블로그 로고부분 J. PARKER'S HAPPY LIFE 처럼 글자를 넣고 싶은데 어떻게 해야될까요. ㅋㅋ

    염치 불문하고 다시 질문드립니다. ㅋㅋIP Address : 122.36.···.9

  57. J.Parker 2007/05/03 17:11

    오른쪽 사이드바의 경우는 style.css에서 보시면 #rightSidebar으로 설정되어있습니다. 현재 left 785px 이니 늘어난 만큼 이것도 밀어야 겠지요..
    그리고 상단, 타이틀은 왜 안나오는지 모르겠군요.. 폰트를 바꿔보세요. skin.html에서 var getFont = "Tahoma";....

  58. 고지원 2007/05/08 17:13

    ^^
    또 저만 질문을 드리네요.

    다름이 아니라 미아찾기 배너가 글과 관련 글 박스 중간에 위치하는데,
    J.Parker님처럼 관련글 아래에 위치하게 할 수는 없을까요?

    제가 아무리 궁리를 해봐도 안되더라고요. 그래서 조언부탁드립니다.

    그리고 사용하시는 관련글 플러그인은 영민C님이 올리신 플러그인을 수정하신 것 같은데 저는 왜 아무리 수정을 해도 저런 디자인은 커녕 모양도 안나올까요. ㅡ.ㅡ 좌절 중입니다.

    참, 방명록글자 GUESTBOOK 옆에 아이콘은 어떻게 나오게하나요?IP Address : 211.230.···.22