SAVE THE DEVELOPERS <!> Upgrade IE 6 Now!

이 배너는 IE6 사용자에게만 보여집니다. 브라우저 업데이트로 보다 편리한 웹세상을 만나보세요!

«   2010/03   »
Sun Mon Tue Wed Thu Fri Sat
  1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31      

Monochrome Skin for TT 1.1 [Ver1.1]

MonochromePreview

Monochrome 스킨이 1.2 버젼으로 업데이트 되었습니다.
2006. 11. 28
http://hi8ar.net/279




태터툴즈 1.1 사용자를 위한, Monochrome 스킨을 공개/배포합니다.

기존의 1.0.6을 위한 스킨과 모양상 달라진 점은 없습니다.

1.0.6 스킨에서 달라진점.

  1. 태터툴즈 1.1에 맞도록 제작되었습니다.
  2. 소스가 나름대로 깔끔(?)해 졌습니다.(하지만 아직도 불필요한 부분이 많을수 있습니다.)
  3. 키워드 기능을 사용할수 있습니다.
  4. 스킨관련 메뉴의 사이드바 설정 기능을 지원합니다.
  5. More/Less와 3개의 그림정렬부분등 몇몇부분에 대한 Class를 추가했습니다.
  6. 관리자 댓글, 방문자 댓글, 비밀 댓글에 대한 고유의 Class를 추가했습니다.
  7. 댓글의 갯수와 관련해서, 단 복수 형을 구분합니다.
  8. 포스팅 제목 부분의 글꼴을 Verdana 에서 Lucida Grande로 변경했습니다. (Lucida Grande 가 없는 시스템에서는 Trebuchet MS 글꼴으로 나올것입니다.)
  9. body id 기능을 이용할 수 있습니다. 하지만 현재, 특별히 적용된 부분은 없습니다.
이전 배포했던 1.0.6 스킨과 같이, 검정색빨강색 두가지 컬러셋이며, 대부분의 브라우져에서 이용하실수 있습니다. (Safari의 경우 대략적인 레이아웃만 확인했습니다.) 또한 제작자와 제작자의 배너를 삭제하지 않는 범위 내에서 자유롭게 수정하실 수 있습니다. 하지만, 전반적인 수정으로 스킨의 모양이 원본과 많이 달라졌다고 생각되신 다면 제작자 부분 역시 삭제 하셔도 좋습니다.. :)

이 스킨은 대부분의 코드 내용은 태터툴즈 기본 한글스킨(Xhtml, Tattertools_skyline_ko)을 바탕으로 합니다.
(기본 스킨에 포함된 댓글 아이콘들을 많이 빌려왔습니다....)

이 밖에 활용할수 있는 부분등, 대부분의 내용은 이전에 공개한 1.0.6 스킨과 동일합니다.
이전 스킨 공개글을 참고해 주세요. :)

질문이나 오류에 대한 신고는 댓글로 부탁드립니다.
스킨을 사용하시게 된다면, 간단한 트랙백이라도 하나 남겨 주시면 어떨까요?.... :D


내려받기(Download)
태터툴즈 스킨 게시판으로 링크합니다.

Monochrome 스킨이 1.2 버젼으로 업데이트 되었습니다.
2006. 11. 28
http://hi8ar.net/279


SweetTitle 스크립트에 대해서..



사실 더 일찍 공개 할 수도 있었지만, 괜히 늦장을 부리게 됐습니다...^^;;
이것 저것 일들에 치여, 제대로 손에 잡히는 일이 없네요. 마침맞게 내 놓는다고 했었는데, 조금 늦은것 같기도 하고.....많은 분들이 사용하시진 않겠죠?

아무쪼록 멋진 블로그 만드시길 바랍니다... :D

10650 viewed Trackback, Comments ( 45 )

Trackback

Trackback Address :: http://hi8ar.net/trackback/270

Comments

Go to write form
  1. Bangz 2006/11/17 17:24

    앗싸~!!
    목빠지게 기다렸사와용..헤헤;;; ;)
    아마도.. 목의 길이가 조금은 길어졌을지도..크큭 :P
    잘쓰겠습니다..!! (__)

    perm. |  mod/del. |  reply.
    • 하이바~ 2006/11/17 17:50

      하하.. 차라리 오늘중으로 배포한다는 말을 하지 말걸 그랬군요. 괜시리 여러번 오셨겠네... :)
      부디 아무 에러도 없어야 할텐데요.. ^^;

  2. 진S 2006/11/17 17:35

    감사합니다~ 나오자 마자 바로 변경했습니다. :mrgreen:
    수십번씩 들어온 보람이 있네요.^__________^

    perm. |  mod/del. |  reply.
    • 진S 2006/11/17 17:38

      아참.. 한가지 궁금한게 있는데요.
      댓글이나, 명록등을 작성하고나서 수정이나 삭제를 할때
      밑에 페이지오류가 뜨면서 수정이나 삭제가 안되는데..
      (다시 콘트롤f5를 눌러주고 하면되구요.) 머가문젤까요?
      ' ^'a

    • 하이바~ 2006/11/17 17:57

      안녕하세요. 진S 님...
      흠.. 이 스킨에서만 발생하는 현상인가요?...;;;;
      몇가지 버그가 수정된 태터툴즈 1.1.0.1이 오늘 나왔습니다. 업데이트는 하셨나요? IE에서 페이지 오류가 발생한다면, 스크립트 오류 정도인듯합니다만 자세히는 모르겠습니다..;;
      아...
      http://blog.tattertools.com/85#comment854
      1.1.0.1에서는 수정되었다는것 같네요..^^;

  3. romo 2006/11/17 18:15

    안녕하세요.^^ 스킨 올라오자마자 깔끔해서 적용 했습니다. 그런데 제 블로그 보시면
    제목표시줄 아이콘 아래에 잔상 같은게 생기구요. 오른쪽 사이드바가 약간짤려서 출력 되네요.^^ 어떻게 해야 하나요???

    perm. |  mod/del. |  reply.
    • 하이바~ 2006/11/17 19:10

      1. 제목표시줄 아래 잔상부분은....
      어떤걸 말씀하시는건지.. 확실히 모르겠습니다만.
      두줄 이상의 제목에서, 왼쪽의 아이콘의 아래 잔상 같은것을 말씀하시는 거라면.. (두 줄이상의 제목이 없어서.. 신경쓰지 못했습니다..;;;)
      가장 간단한 방법은.. style.css 파일에서..

      526라인,

      #content h2 { /* post title */
      background: url(images/title.gif) no-repeat top left;
      margin-top: 40px;
      }

      에서 background: url(images/title.gif) no-repeat top left; 부분을 지워 주시면 될것 같습니다. IE의 CSS 배경에 대한 깜박임 버그를 줄여보기 위해서 넣어준 배경입니다. 이 부분을 지우면 잔상을 뜨지 않을것 같습니다만.. 이것 때문인지, 확실치는 않군요.

      아니면.. 제목 부분의 글꼴크기를 조금 줄여서.. 한줄로 표현되게 하는 방법이 있겠네요.
      552라인,
      #content h2 a{ /* post title Link*/
      background: url(images/title.gif) no-repeat top left;
      font: 29px Lucida Grande, Trebuchet MS, Verdana, Arial, 맑은 고딕, 굴림, gulim, sans-serif;
      color: #7e7e7e;
      font-weight: 400;
      letter-spacing:-3px;
      text-decoration:none;
      padding: 15px 15px 3px 50px;
      border-bottom: 2px solid #f4f4f4;
      }

      에서 font 크기를 조금 줄이는 방법으로 한줄로 제목을...;;;


      2.사이드바 가로폭 조절...
      사이드바 가로폭을 늘리려면..

      style.css 313라인,
      #sidebar {
      float:right;
      width: 150px;
      line-height: 150%;
      padding-top: 20px;
      padding-right: 20px;
      overflow: hidden;
      }

      에서 width 150px; 부분과

      297라인,
      #container {
      width:920px;
      margin: 0 auto;
      text-align: left;
      background: url("images/container_bg_red.gif" ) repeat;
      }

      에서 width:920px; 부분의 값에 원하시는 만큼 동일하게 더해 주시면 될것 같습니다..

      사이드바를 200px로 만드시려면 각각 50씩 더해 주어서, 200px와 970px로 수정하시면 됩니다.

      도움되시길.. :)

    • 하이바~ 2006/11/28 00:33

      사이드바 가로폭 조절하는건 이것만 가지고는 안되겠습니다.
      마음에 여유가 생기면 사이드바 크기를 조절할수 있도록 해 보겠습니다.
      죄송합니다. =_=;

  4. Joseph 2006/11/17 18:23

    스킨 프리뷰가 작살입니다!!!
    Add to Fav 기능만 있었다면 바로 납치를 해버릴만큼...
    그레이 느낌이 나는 버젼도 좋구, 와인 빛깔을 연상시키는 버젼도 맘에 드네요...
    좋은 스킨 만드시느라 수고가 많으셨을듯...ㅋㅋ

    perm. |  mod/del. |  reply.
    • 하이바~ 2006/11/17 19:12

      상품에 눈이 멀어서,, 공개/배포했던 스킨입죠.. 낄낄.. ^^;
      혼자서만 쓸때랑, 이렇게 공개적으로 배포할때랑 차이가 많네요..ㅎ

  5. 나비 2006/11/17 18:33

    아놔 언뉘...기다릴껄..ㅠ.ㅠ 저두 클래스 죄다 추가하고 하나하나 뜯는다고 고생했는데..흑흑
    안습 포스팅이삼..:oops:

    perm. |  mod/del. |  reply.
    • 하이바~ 2006/11/17 19:13

      지금 나비씨 적용한 스킨이 한 3배쯤 예쁜것 같삼.... *_*;;

  6. 가막눈 2006/11/17 18:38

    어머나 오나전 이뻐요 완전 센스쟁이 :D

    perm. |  mod/del. |  reply.
    • 하이바~ 2006/11/17 19:14

      어이쿠~ 잍팅~! :D

  7. 니키 2006/11/17 19:02

    헉.... 이젠 전문 스키너시군요~!

    아... 넘 이쁜 스킨입니다^^

    perm. |  mod/del. |  reply.
    • 하이바~ 2006/11/17 19:16

      전문 스키너 그런거 안 할겁니다. 깔깔.. 사실은 그럴 능력이 없는 거지만.. 아무튼.. 이제 못 할 것 같아요.. 하하하...
      아무튼 감사합니다~!

  8. DemoN 2006/11/17 19:13

    오늘 태터를 첨 쓰는데 이 스킨을 써봤습니다.
    정말 맘에 들어요 ㅠ_ㅠ 멋져요 정말 ㅎㅎ
    한가지 궁금한게, Keyword기능이 전 작동하지를 않네요;
    플러그인을 따로 깔아야하는거 같은데, 혹시 이거 관련 플러그인이 있으면 링크라도 시켜주심 안될까요? ㅠㅠ
    어쨌든 좋은스킨은 너무도 감사합니다 ㅎㅎ

    perm. |  mod/del. |  reply.
    • 하이바~ 2006/11/17 19:22

      안녕하세요. DemoN님.
      감사합니다~! ^^;
      Keyword 기능이라면, 태터툴즈 1.1 버젼에 플러그인으로 포함되어 있습니다. 관리자 메뉴 플러그인 - 일반 쪽에 보시면 키워드 출력 이라는 플러그인을 사용중 으로 변경해 주세요.

  9. DemoN 2006/11/17 19:31

    아 기본으로 있는거였네요 ㅎㅎ 감사합니다 ㅇㅇ/

    perm. |  mod/del. |  reply.
  10. foocon 2006/11/17 20:25

    다시 살아나셨군요!
    꺄아~ 친절도 하셔라~ 스킨도 업글했네요!!! :x
    매일 놀러왔는데...내내 공부만 하시더니~
    이제 테터1.1에 완전 적응 하신건가요? :D
    저는 티스토리라 도대체 뭔일이 일어난건지...영문을 모르겠더라구요~
    티스토리도 앞으로 업글할텐데 걱정이예욧~ :(

    perm. |  mod/del. |  reply.
    • 하이바~ 2006/11/18 11:02

      다시 살아나긴요.. 전 영원불멸합니다.. :twisted:
      뭐니뭐니 말들이 많긴 하지만.. TT1.1이 좋아요. 후후..

  11. 특급앙마™ 2006/11/18 11:17

    기다렸사와요.
    입자님 1.1 스킨 공개하시면 1.1로 넘어갈려고 준비하고 있었는데 ㅎㅎ
    오늘 내로 업글을 해야겠네요.

    perm. |  mod/del. |  reply.
    • 하이바~ 2006/11/18 15:21

      예압~! 훨씬 세련되어진 1.1로~ +_+''

  12. 도노반 2006/11/18 18:39

    우연히 1.1 배포된걸 보고 변경했다가 하이바님 스킨이 배포되지 않아 1.0.6 으로 되돌렸다 이제서야 다시 1.1 로 했습니다.

    몇일동안 얼마나 기웃거렸는지.. 감사드림니다. 다른 스킨 봤지만.. 최곱니다.

    참고로 사파리에서 문제없이 잘 보입니다.

    perm. |  mod/del. |  reply.
    • 하이바~ 2006/11/18 22:24

      ^^;;;;; 감사합니다~!! 덕분에 사파리 테스트까지 하는군요..^^

  13. 연애하는남자 2006/11/18 21:07

    글작성시 파일 업로드로 사진을 업로드하고 본문에 삽입할려면 삽입이 안되는군요
    무엇이 문제일까요? 왼쪽정렬,가운데정렬,오른쪽정렬 요것만 안됩니다.@.@

    perm. |  mod/del. |  reply.
    • 하이바~ 2006/11/18 22:27

      흠.. 이런 문제가 태터툴즈 질문 게시판에 있었던것 같습니다.
      아마도 1.1.0.1 에서는 해결되었다는 것 같던데요. 아니면 예전 버젼의 캐쉬나 임시파일등이 남아 있어서 발생하는 문제라고 하던거 같은데...
      관리자 글쓰기 페이지에서, ctrl+f5 를 몇번 눌러보세요.
      아무튼, 스킨과는 별 상관 없는 문제 인듯합니다.

  14. 겟피 2006/11/18 23:24

    기대하고 있던 1. 1 버전이 나왔네요.
    역시나 세련된 스킨이라 약간의 수정 후 바로 적용시켰습니다.
    감사히 잘 사용하겠습니다~
    P.S 예전과 오른쪽 사이드 바 메뉴의 일부 목록을 클릭해야 나오게 하는 방식이 바뀐 것 같은데 혹시 그 방법을 아시나요?

    perm. |  mod/del. |  reply.
    • 하이바~ 2006/11/19 13:21

      넵.. ^^;;
      오른쪽 사이드바 클릭해야 나오게 하는 방식에 대해선 잘 모르겠습니다.. 제 스킨에는 적용한 적이 없는걸요..;;

  15. 질문이요 2006/11/25 08:07

    우선 스킨 레드로 받아서 깔았는데 너무 예쁘게 잘 쓰고 있습니다. 그런데
    제목이 큰데...좀 더 제목 사이즈를 작게 나오게 할 수는 없을까요?

    perm. |  mod/del. |  reply.
    • 하이바~ 2006/11/25 11:37

      style.css 파일 552라인..
      본문 포스트 제목 부분..

      #content h2 a{ /* post title Link*/
      background: url(images/title.gif) no-repeat top left;
      font: 29px Lucida Grande, Trebuchet MS, Verdana, Arial, 맑은 고딕, 굴림, gulim, sans-serif;
      color: #7e7e7e;
      font-weight: 400;
      letter-spacing:-3px;
      text-decoration:none;
      padding: 15px 15px 3px 50px;
      border-bottom: 2px solid #f4f4f4;
      }


      font : 29px 어쩌구 저쩌구 부분에서.. 29px 를 원하시는 만큼 줄여줍니다. :)


      더불어, Location, Guestbook 등의 제목 크기는..
      같은 파일 569라인,
      #content h3 { /* tag, search, location, guestbook title */
      background: url(images/title2.gif) no-repeat top left;
      padding: 15px 15px 3px 50px;
      font: 29px Lucida Grande, Trebuchet MS, Verdana, 굴림, 맑은 고딕, gulim, sans-serif;
      color: #7e7e7e;
      font-size: 29px;
      font-weight: 500;
      letter-spacing:-3px;
      text-decoration:none;
      margin:10px 0;
      border-bottom:1px solid #ddd;
      }

      이 부분 입니다.

  16. raughter 2006/11/26 21:43

    별 것도 아닌 제 블로그가 멋진 스킨으로 인해 살짝 별 것처럼 보입니다.^^ 감사합니다.
    질문이 하나 있어요. romo님 질문/답변 보고 사이드바를 넓혔는데, tag 부분이 넘쳐버리네요. 검색창, Recent comment, Calendar 도 넘쳐버렸습니다. ^^
    다른 방법은 없을까요? 카테고리를 줄여써야 할까봐요.

    perm. |  mod/del. |  reply.
    • 하이바~ 2006/11/27 23:14

      @ raughter, 안녕하세요~! 고맙습니다. ^^
      tag 부분이 넘쳐버린다의 의미가??... 아무튼, 직접 해보지 않고, 머리속으로만 생각해서 사이드바를 넓히는 방법을 알려드렸습니다.. ;_; 콘테이너 이미지가 늘린만큼 더 생기는 문제와, 서치창의 배경이 맞지 않게 되는 문제가 있을거라 "역시" 추측만하고 있습니다.
      여유가 생기면, 해결책을 알아보도록 하겠습니다. (__)

  17. raughter 2006/11/28 01:08

    답변 감사합니다. 문제가 생긴 블로그를 하루 정도 유지해 보겠습니다. 혹 시간나시면 보시고 힌트가 되었으면 좋겠습니다. 좋은 밤 되세요.

    perm. |  mod/del. |  reply.
    • 하이바~ 2006/11/29 00:46

      @ raughter, 레이아웃에 문제가 생긴(??) 블로그 확인했습니다. 간단히 몇군데만 수정하면 되는 부분인데.. 앗쌀하게~! 네비게이션 탭부분에 bodyID 기능을 더해서 ver 1.2란 어설픈 이름으로 업데이트 했습니다.
      http://hi8ar.net/279
      맘에 드셨으면 좋겠네요. ;_;

  18. raughter 2006/11/29 01:08

    맘에 들다마다요. ^^ 바쁘실텐데 신경쓰시게 해서 죄송하기도 했지만, 너무 감사합니다. 멋진 스킨에 어울리도록, 느낌갖고 호흡갖고 필 충만하게 블로그 운영 잘 하겠습니다. 자주 들릴께요. 편안한 밤 되세요~*

    perm. |  mod/del. |  reply.
  19. 늘푸른꿈 2006/12/11 15:57

    저도 가져갑니다.
    늦었지만 너무 감사합니다..푸힛.:x

    perm. |  mod/del. |  reply.
  20. 아지 2007/01/05 00:49

    스킨 너무 마음에 들어요.^^
    잘 쓰고 있습니다.
    그런데 방명록이 이상하게 자꾸 오류가 나는데 왜 그런지 아시나요?
    글이 안 써져요. 제가 테터 초보라ㅠㅠ
    그리고 header 이미지를 바꿔도 되나요?
    만약 바꾼다면 뭘 수정해야 하는지 알려주시면 정말 감사드려요.

    perm. |  mod/del. |  reply.
    • 하이바~ 2007/01/05 02:40

      안녕하세요. 아지님.
      1. 방명록에서 오류가 나는 이유.
      아마도 태터툴즈는 1.1을 사용하시는데 스킨은 1.0.6용 스킨을 설치하신듯 합니다. 아래의 페이지에 있는 스킨을 받아 사용해 보세요.
      모노크롬 ver1.2 http://hi8ar.net/279

      2.헤더 이미지는 원하시는 것으로 마음껏 수정하셔도 됩니다.^^ 가장 쉬운 방법이라면, top.gif 그림파일을 변경하시는것이겠지요. :)

  21. 뽀리군 2007/01/06 10:12

    안녕하세요 하이바님.
    스킨이 너무 멋있어서 잘 쓰고 있었습니다.
    그런데 맥에서 파이어폭스를 쓰다가 사파리로 다시 전향하게 되었는데, 사파리에서 제 블로그가 아주아주 이상하게 보이더군요.
    사이드바가 맨 아래로 내려가는건 많이 봤지만, 메인페이지가 이렇게 전부 다 가운데정렬이 되는건 처음보네요.
    스크린샷 하나 올려봅니다.
    http://jaewoochung.kr.googlepages.com/Picture1.jpg
    도대체 무슨 문제가 있길래 이런걸까요? ㅠ.ㅠ CSS파일 수정한건 없는것 같고요 (원체 그쪽으로 지식이 있어야 말이죠). 엉엉... 다른 스킨 쓸까 하다가 위의 다른분의 블로그는 같은 스킨인데도 사파리로 아주아주 잘 보여서...

    perm. |  mod/del. |  reply.
    • 하이바~ 2007/01/06 17:51

      @ 뽀리군 // 안녕하세요~
      음. 이상하군요. 소스만 보고서는 무슨 이상이 있는지 알기가 쉽지 않네요. 아무래도 제가 맥을 사용하지 않아, 사파리에서 직접 확인하지는 못하고, Browsercamp 라는 사이트에서 레이아웃만 확인하고 있습니다.

      http://i16.photobucket.com/albums/b47/x ··· full.jpg
      뽀리군님의 사이트는 이렇게 보이는군요. 상단이 떨어진 문제는 마치 IE에서 UTF-8 인코딩의 DOM 문자열이 포함되어 떨어지는것과 비슷하네요. 하지만 IE에서는 정상적으로 보이니까 이 문제는 아니고.. 사이드바가 오른쪽에 위치하지 않고, 본문과 풋터 사이에 보이는 것은 skin.html 에서 어진가에 </div> 가 닫혀지지 않은것 같기도 합니다.
      아무튼 다른분들 혹은, 제 테스트용 티스토리 사이트는 정상적으로 보입니다만..;
      http://i16.photobucket.com/albums/b47/x ··· ll-1.jpg

      사용하시는 플러그인 때문은 아닐지...;; 아무래도 스킨 파일에 손상이 생긴듯 합니다.

      아무튼, 티스토리를 사용하시니, 아래 페이지에 있는 티스토리용 스킨을 사용하시는게 좋을것 같습니다. 티스토리의 기능인 Media 기능도 추가되어 있거든요. :)
      http://hi8ar.tistory.com/entry/monochro ··· -tistory

  22. 우섭 2007/02/17 22:13

    안녕하세요~ 제가 모노크롬 스킨을 쓰고 있는데요~

    혹시 방명록에 비밀글기능을 쓰고 싶은데 어떻게 해야 하는지 궁금합니다~

    perm. |  mod/del. |  reply.
  23. 나는야서태웅 2007/08/05 01:53

    안녕하세요!! 하이바님이 만든 스킨 정말 이뻐여~ 잘쓰고 있습니다.

    그런데 본문의 가로 크기가 600px로 되어있는데,

    800px로 늘려서 쓸수는 없을까요?

    perm. |  mod/del. |  reply.
    • 하이바~ 2007/08/05 19:31

      옛날 버젼의 모노크롬의 경우.. css만 수정해서는 800px 로 늘리기 힘듭니다. 배경에 쓰인 이미지 파일의 가로 크기를 늘려야 합니다.
      content.gif 와 container.gif 두 그림을 말이죠..
      간단히 수정하긴 힘들것 같습니다.;;

  24. 나는야서태웅 2007/08/05 23:59

    찾아보니 최근 모노크롬 2.0이 있군요! 그걸 사용해봐야겠네요~ 감사합니다.~

    perm. |  mod/del. |  reply.

What's on your mind?

댓글 입력 폼

:) ;) :D :p 8D 8| 8) :( :o --;) ㅡㅡ;)