SAVE THE DEVELOPERS <!> Upgrade IE 6 Now!

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

«   2009/01   »
        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 [Ver2.0]

User inserted image
Monochrome 스킨의 새 버전입니다. 지금 이곳에 적용된, 스킨의 배포용 버젼으로 보시면 되겠습니다. 이름을 굳이 모노크롬이라고 또 명명 해야 할 이유는 없지만, 마땅한 다른 이름이 떠오르지 않아.. 그냥 모노크롬 2.0 입니다. 냐하함..

왠지 모르게 만들다 만 듯한 좌우 비대칭과 썰렁함이 콘셉이라면 콘셉..
(사실 만들다가 만 것이 맞아요..;;)

ncloud 님의 simple.js 스크립트를 사용했습니다. 사용을 허락해 주신 ncloud 님께 감사드립니다.

웹표준? 그런 것 잘 모름. :)
저작권? 저작권도 잘 모름.. (As your wish~!)
본문영역 600px, 사이드바 200px
오류사항은? 아래 댓글로 알려주시면 해결방안을 찾아보겠습니다. 모를 확률 90%~! 10%의 확률에 도전해 보실분이라면야.. :P

사용하실 분이 굉장히 없을 것으로 예상되므로 티스토리용은.. 상황을 봐서..
감사합니다.

-----------------------------------
Date : 2007. 5. 13
Name : hi8ar_mono_20
by : h8ar.net


* 2007.5.15 티스토리 버젼.
* 2007.5.17 800px 만들기.

* 2007.5.24 1st A/S

* 2007.6.15 2nd A/S
수정되고 바뀐 내용은 다음과 같습니다. @_@'

  1. listbox2 에도 listbox 와 같은 크기의 윗쪽 여백 추가.
  2. 방명록에 비밀글 기능 추가.
  3. 카운터 위 "Stats" 추가.
  4. 불필요한 플러그인 치환자 제거.. ;;;;
  5. 본문 영역 키워드 위에서 마우스 커서 모양 변경.
    User inserted image
  6. 기타 등등.. :)
  7. 800px 확장 css 의 경우, 방명록 하단 블로그 이름과 배너들이 가운데 정렬 되지 않는 것 수정.
  8. 심심해서 만든 상단 이미지 하나.
top.gif

top.gif


위 이미지가 적용된 모습은 http://hi8ar.tistory.com/ 에서 보실 수 있습니다.
(위 그림 저장하셔서, 파일 이름을 top.gif 로 변경한 후 스킨 images 폴더에 올리시면 변경됩니다. 기대는 마세요. 구리구리 합니다. ;P )

태터툴즈 게시판의 태터툴즈용 스킨, 티스토리 블로그의 티스토리 스킨, 800px 변경하기의 css 파일 모두 수정, 추가되었습니다.. :)


-----------------------------------

다운로드는 태터툴즈 스킨 게시판에서... :)
티스토리용도 따로 만들었데요~!
본문 영역을 800px 로 늘릴수 있습니다.

Trackback

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

  1. Subject : 여백의 미를 즐기는 블로그 스킨 변경작업

    Tracked from Ji@self의 세상보기 2007/05/22 10:20 del.

    동양화의 특징으로 여백의 미를 거론한다. 그림의 일부분을 상세하게 표현하지 않고 비워둠으로써 그 속으로 감상자를 끌어들이는 것이다.스킨 제작자이신 하이바님의 블로그 댓글중에 발견한 "심심하고 밋밋하다"는 말씀. 오히려 채워지지 않은 여백의 아름다움 같다. 그림에 생기와 재미를 불어넣을수 있는 공간으로서의 여백을 존재시키듯이 독자들에게 전하는 글이 가진 여백속으로 독자들의 생각과 이야기를 담아내는 그런 블로그로 변신시켜보고자 한다. 여백의 미를 즐겼던..

  2. Subject : Monochrome Skin 가로크기 800px 만들기.

    Tracked from hi8ar.net : What a Nuisance! 2007/06/15 14:38 del.

    원하시는 분이 계셔서 css 만 수정해서 되는지 안 되는지 해 봤습니다. container의 배경만 남기고 나머지는 날려버리니 되긴 되는군요. 그러니까 content와 footer의 배경이미지는 쓸데없는 짓이었어요. 낄낄낄..아무튼.. 몇 군데 크기만 수정하면 되는데.. 일일이 적기 힘드니(굳이 원하시는 분이 계시면 일일이 적어 보겠습니다.), 테스트했던 style.css 와 index.xml을 올려둡니다. 다운 받으신 Monochrome Ver2...

  3. Subject : Monochrome Skin [Ver2.0] 1st A/S

    Tracked from hi8ar.net : What a Nuisance! 2007/06/15 14:38 del.

    상태 불량한 스킨에 지나친 관심 감사드리며.. 일일히 답하는것 보다, 한꺼번에 적는 것이 편할 것 같아 몇 자 적어 보렵니다. "두서" 가 없어도, "논리" 가 "정연" 이를 만나지 못해도 이것을 알아보면 당신이 챰피욘~!스킨을 깔았는데 글 제목의 폰트가 너무 크게나와서 2줄로 되는군요.1. 본문글 제목의 글자 크기는 style.css 에서 변경하실수 있습니다.style.css 574라인 부근에... (에디터에서 post title 을 찾으시면 금방..

  4. Subject : Monochrome Skin [Ver2.0] 2nd A/S

    Tracked from hi8ar.net : What a Nuisance! 2007/06/15 14:39 del.

    5월의 스킨 디자이너 선정 기념으로(오~..ㅡ,.ㅡ) 알면서도, 모른척 했던것들을 수정했습니다. @_@''자세한 내용은 원래 스킨 배포 포스트를 참고해 주세요.. :)

Comments

Go to write form
  1. 나비 2007/05/14 03:59

    이걸로 바꿀까 -_- 요즘 너무 다 귀찮아요.. 하이바상~

    perm. |  mod/del. |  reply.
    • 하이바~ 2007/05/14 14:32

      바꾸라고 협박해도 바꾸지 않으리란걸 이미 알고 있음.. :)

  2. 특급앙마 2007/05/14 07:49

    어여 태터자체를 업글부터 해야하는데 ㅋㅋ
    돌아오는 주말에 교체해야겠네요.
    이번 스킨도 역시나 멋집니다!

    perm. |  mod/del. |  reply.
    • 하이바~ 2007/05/14 14:33

      바뀐것도 없는데 뭘요.. 아무튼 캄사!

  3. 연애하는남자 2007/05/14 08:41

    이전버전을 잘쓰다가 태터 업글하면서 한동안 다른분의 스킨을 썼었습니다.
    새로운 버전으로 언제 나올까 기다리다 드디어 오늘 아침 발견했군요^^
    이번에도 잘 쓰겠습니다.
    근데 저는 스킨에 적용하니 제목란에 날짜가 표기가 안되는군요?
    무엇이 문제일까요? 도움주시면 감사하겠습니다.

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

      "날짜 언어/형식 변경 플러그인" 을 사용하시면, 글 제목 옆 영문 날짜가 제대로 출력되지 않습니다..

  4. 비밀방문자 2007/05/14 13:54

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

    perm. |  mod/del. |  reply.
    • 하이바~ 2007/05/14 23:44

      네.. 감사합니다. :)

  5. 하얀별 2007/05/14 18:30

    simple.js의 스크립트는 뭐가 좋은 건가요!?

    perm. |  mod/del. |  reply.
    • 하이바~ 2007/05/14 23:37

      ncloud님의 스킨에서 사용된 자바 스크립트 입니다. 이름에 특별한 의미는 없는것 같고, 다른 부분은 제외하고.. 제목 옆에 가로 날짜를 표시하기 위해 write_calender function만 사용했습니다..

  6. 불타는여우 2007/05/14 21:50

    오, 모노크롬이 판올림되었군요.
    하이바님 스킨은 제 취향이라 참 마음에 듭니다.
    본문 600px도 마음에 들고요.^.^

    perm. |  mod/del. |  reply.
    • 하이바~ 2007/05/14 23:39

      에.. 초썰렁, 밋밋 또 심심한 스타일을 좋아하시나봐요..^^

  7. 연애하는남자 2007/05/14 23:03

    하핫~ 말씀해주신 부분대로 하니 잘 되는군요^^
    근데 또하나 질문이 생겼다는거~ ㅋ

    리센트코멘트부분 연결되서 주루륵 나오게 말구
    한분, 한분씩 새줄로 나오게 할 수는 없을까요?^^;;

    perm. |  mod/del. |  reply.
    • 하이바~ 2007/05/14 23:43

      skin.html 439라인

      <!-- Recent Comment -->
      <div class="listbox2">

      이 부분을,
      <!-- Recent Comment -->
      <div class="listbox">

      이렇게 수정하시면 됩니다. (숫자2만 삭제..) :)

  8. 궁금 2007/05/15 20:07

    포함된 스크립트 sweetTitles.js, addEvent.js는 링크에 마우스를 가져갔을때 표시하는 스크립트 같은데요. 이걸 적용하면 댓글이나 방명록에 아무런 글자도 적지않고 그냥 submit 버튼 누르면 스크립트 에러납니다.
    기본 스킨에서는 태터 기본 스크립트 byTattertools.js를 불러와서 오류메세지(이름을 적으라는둥..)를 보여주는데 그 스크립트를 불러오지 못하는것 같습니다. 혹시 충돌이 아닌듯...
    그래서 simple.js를 따로 적용시켜준것 같은데요... 스킨에서 simple.js의 함수를 각각 불러주는 곳에서 적용해도 안되거든요. 어떻게 방법이 없을까요??

    perm. |  mod/del. |  reply.
    • 하이바~ 2007/05/15 21:07

      sweetTitle과 addevent.js는 Dustin Diaz 의 링크 위 팝업 스크립트입니다. http://www.dustindiaz.com/sweet-titles
      아무것도 작성하지 않고, submit을 눌렀을때 뜨는 팝업창 스크립트에 대한 충돌은, 별로 관심이 없던 문제라 미쳐 모르고 있었습니다.

      simple.js 는 ncloud님의 스킨 simpleorange v1.22 에 포함되어 있는 스크립트를, 아무런 수정없이 포함시켰습니다. (잘 모르기도 하고, 귀찮기도 하고해서...;;;)
      http://www.tattertools.com/ko/bbs/view. ··· no%3D388
      simple.js 안에 여러가지 function들이 있지만 실제로 사용하는 것은 앞서 언급했듯이, write_calender function만 사용됩니다. inputMouseDown 과 checkguestcomment등등이 정확히 어떤 기능을 하는지는 잘 모르겠네요.

      아무튼, 댓글 입력창에서 오류메세지를 출력하게 하려면, sweettitle 을 사용하지 않는것이 좋을것 같습니다. Nice titles 따위의 비슷한 류의 팝업 스크립트로 변경해 보시던가.. http://www.kryogenix.org/code/browser/nicetitle/

      이래서 모를 확률 90%라고...^^;

  9. Disturbed Angel 2007/05/16 22:10

    초썰렁, 밋밋 또 심심한 스타일을 좋아 합니다.^^

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

      공개할때마다 아무도 쓰지 않을거라고 생각하고 있는데.. 유진님 같은분 덕분에.. 공개에 의미가 생기는것 같아요. :) 고맙습니다~!

  10. 도노반선생님 2007/05/17 14:50

    오랜만에 들렸는데 새롭게 스킨이 들어왔네요. 바로 올려봐야 겠습니다.

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

      항상 관심 가져 주셔서 감사합니다~! :)

  11. 연애하는남자 2007/05/18 21:44

    또 들렀습니다. ㅎ
    방명록에서 댓글이 두줄이 넘어가니깐 아래 따옴표가 깨지는군요^^
    요건 어떻게 해결을 할까요?^.~

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

      말씀하시는 증상이 어떤건지 정확히 모르겠습니다..;;;

  12. isanghee 2007/05/19 15:21

    덕분에 티스토리 스킨 예쁘게 바꿨습니다.
    잘 쓰겠습니다. 감사드려요..^^

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

      고맙습니다.. ^^

  13. 나무스타일 2007/05/22 14:22

    태터툴즈 확장팩(기본팩에 설치되는지 여부는 확인하지 못했습니다.)에 설치되는 날짜 언어/형식 변경 플러그인을 사용하면 날짜 데이터의 형식이 바뀌면서, 치환자(##_article_rep_date_##)의 데이터는 null("")값이 됩니다. 따라서 write_calender("##_article_rep_date_##");는 undefined를 출력해줍니다. (치환자를 진짜 치환자로 인식하기에 []를 생략했습니다.)
    이를 방지하기 위해서는 날짜 언어/형식 변경 플러그인을 사용을 해제하세요.

    스킨 잘 쓰고 있습니다. =)
    스크립트를 만드신 분께도 알려주시는 게 좋을 것 같습니다. 플러그인을 사용하면서 해결 방법은 적어도 스킨에는 없을 듯 합니다. (저는 초보라서 확실한 정보는 아닙니다.)

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

      말씀하신 내용 모두 확실한 내용입니다. :)
      날짜 언어/형식 변경 플러그인을 해제 해야 본문제목옆날짜가 제대로 출력됩니다. 스크립트를 만드신 분도 이미 알고 계실거라 생각됩니다.^^

    • asadal 2007/11/27 16:05

      저는 왜 날짜 언어/형식 변경 플러그인을 미사용으로 했는데도 제목 옆에 날짜가 출력되지 않는 걸까요.(-.-)a
      태터툴즈 1.1.2.2 버전입니다. 본문 가로폭을 550px로 조절하고 약간의 커스터마이징을 거친 상태입니다.

    • 하이바~ 2007/11/28 11:51

      글쎄요. 태터툴즈 버젼이 넘 낮아서?? 뭐 그럴 가능성은 별로 없어 보입니다만.. 수정하시기 전, 배포한 스킨 그대로 사용하셔도 안나왔나요? 아주 아주 아주 잠깐 소스 둘러봤는데.. 별다른 문제는 없어 보입니다..;;
      결론 : 왜 안나오는지 모르겠음.. :)

  14. davi 2007/05/23 18:21

    이것 저것 입혀 보다, 하이바 님께서 만드신 모노크롬 스킨을 써보니 바로 이스킨이다 싶었습니다.
    한가지 궁금한 것이 있는데요. 맨위의 Home Desktop....Guestbook 처럼 메뉴를 추가하고
    활성화 시키려면 어떻게 해야 하는지요.
    스타일쉬트를 살펴 봤는데,
    실력이 모자라서 잘 안되더군요.
    한수 지도를 부탁합니다.

    그리구 맨위에 플립형 시계 플러그인은 어떻게
    달수 있나요? 보기 좋아서요...

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

      http://hi8ar.net/339

  15. Aerofloat 2007/05/23 23:00

    안녕하세요, 스킨을 깔았는데 글 제목의 폰트가 너무 크게나와서 2줄로 되는군요.
    좀 작게 만드려면 style.css 를 어떻게 바꾸면 될 듯한데
    실력이 없어서 못하겠네요.^^; 어떻게 고쳐야하나요?

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

      http://hi8ar.net/339

  16. 데미안 2007/05/30 23:59

    댓글은 비밀댓글이 가능한데,
    혹시 방명록 비밀글을 못 쓰나요?^^

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

      방명록 비밀댓글 치환자를 추가해 주시면 됩니다.

      skin.html 파일을 에디터로 열어..
      146라인

      </p>
      </s_guest_form>

      위에 아래와 같은 코드를 추가하세요.
      <input type="checkbox" name="{##_guest_input_is_secret_##}" class="checkbox" />
      <label for="secret"> secret mode </label>

      {##} 이것을 [##] 으로 변경하셔야 합니다. :)

      코멘트 창과 동일한 모양으로 만드시려면, css 에 아래와 같이 추가하시면 됩니다.
      .guestbook .write .checkbox{
      border:none;
      padding:0;
      margin:0;
      width:25px;
      }

  17. G-ro 2007/06/01 18:53

    안녕하세요, 하이바~님.
    다름이 아니라 이번에 티스토리에 블로그 하나를 만들었는데,
    스킨은 그냥 티스토리에 있는 스킨을 가져다 썼고,
    그 스킨의 more/less 기능과 인용구가 맘에 들지 않아
    하이바~님의 스킨에 있는 소스와 이미지가 이뻐
    무턱대고 가져다가 수정을 했습니다.
    초짜라 이렇게도 해보고 저렇게도 해보고 나서야
    수정에 성공을 했는데,
    암만 생각해도 허락도 없이 쓰면 안 될 것 같아 이렇게 글을 남깁니다.
    먼저 허락을 받았어야 했는데 그러지 못한 점 정말 사과드리고,
    아니된다 하시면 바로 삭제하겠습니다.
    물론 방금 제 블로그 공지에 출처는 밝혀놨습니다.
    써도 될런지요?

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

      네~ 물론 사용하셔도 됩니다~! :)
      무턱대고 가져다가 수정을 하셔도 좋고, 이렇게 따로 허락을 구하실 일도 아닌걸요. 게다가 따로 블로그 공지에 출처까지 밝히실 것도 없어요~ ^^
      마음껏 이용해주세요~! 감사합니다~!

  18. 엔죠 2007/06/04 19:24

    감사합니다.
    잘 사용하고 있습니다.

    perm. |  mod/del. |  reply.
    • 하이바~ 2007/06/11 20:37

      옙~! 감사합니다!

  19. 비밀방문자 2007/07/01 07:59

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

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

      안녕하세요.
      단순히 본문의 글자 크기를 줄이시길 원하신다면..

      style.css 에서

      /* entry article*/
      .entry .article {
      color: #505050;
      text-decoration: none;
      }

      위 부분을 찾으셔서..

      font-size:12px;

      이 정도를 추가해 주시면 될것 같습니다. :)

  20. umakoo 2007/10/30 02:50

    아주 약간 수정해서 적용해 보았습니다.
    좋은 스킨 감사합니다.

    perm. |  mod/del. |  reply.
  21. 카이 2007/11/19 17:44

    좋은 스킨 잘 사용하고 있습니다..
    질문이 있는 오른쪽에 뎃글 달리면 나오는 거요..그게 혹시 하나씩 정렬되어 나오게 할 수 없을까요? 지금은 날자하고 댓글하고 막 석여서 나오는데 그러니까 한줄씩 한줄에 댓글 내용하고 날자
    이렇게만 나온다면 좋을거 같아서요..여기 블로그 밑에 나오는 방식 같이요..그 부분이 약간 저에게는 아쉬운거 같아서 이렇게 글 남겼습니다.^^

    perm. |  mod/del. |  reply.
  22. 카이 2007/11/19 17:54

    아 위에 있는 걸 보지 못했군요..죄송합니다..
    저기 또 죄송한데.. 혹시 2줄로 만들는 것도 가능할까요? 한줄은 댓글 내용 또 한줄은
    날자 이렇게.. 요구하는게 많아 죄송합니다.^^;

    perm. |  mod/del. |  reply.
    • 하이바~ 2007/11/20 06:03

      위 언급했듯 listbox2 를 listbox 로 변경하시고..

      <div class="listbox">
      <h3>Recent Comment</h3>
      <ul>
      <s_rctrp_rep>
      <li><a href="[##_rctrp_rep_link_##]" title="[##_rctrp_rep_desc_##]">[##_rctrp_rep_desc_##].</a><br/><span class="name">[##_rctrp_rep_name_##]</span> <span class="date">[##_rctrp_rep_time_##]</span> </li>
      </s_rctrp_rep>
      </ul>
      </div>


      위처럼 변경하세요. </a> 다음에 <br/> 하나만 추가 하시면 될겁니다.

  23. 카이 2007/11/21 15:48

    아 그리고요 티스토리 매뉴가 맨위 오른쪽에 있는게 로그인을 하면 보이는데 로그오프를 하면 검정색에 가려 보이지가 않습니다..왜 그런걸까요?

    perm. |  mod/del. |  reply.
  24. Fallen Angel 2008/01/14 17:49

    안녕하세요. 티스토리에 어제 이 스킨을 받아서 800px짤을 750으로 바꾸고 사용하는 사람입니다...
    헌데 관리자가 댓글을 달면 아이콘이 손님이 달아놓은 아이콘이랑 똑같이 나와서요.
    css에 보니 이부분엔 이상이 없어 보이는데 제 블로그에는 관리자랑 손님이랑 아이콘이 똑같이 나와서여.
    iconAdmin.gif 파일을 rp_general에 입력해주면 저 파일이 손님 댓글과 관리자 댓글앞에 나오더군요.
    아이콘 파일도 업로드되어있는 상태인데 rp_general 부분의 아이콘만 나와서 한번 문의 드립니다.

    /* 종류별 코멘트 [##_rp_rep_class_##] */
    .rp_general { background:url(images/comment_new.gif) no-repeat; padding-left:20px;}
    .rp_admin { background:url(images/iconAdmin.gif) no-repeat; padding-left:20px;}
    .rp_secret { color:#f30;}
    /* 종류별 코멘트 [##_guest_rep_class_##] */
    .guest_general { background:url(images/comment_new.gif) no-repeat; padding-left:20px;}
    .guest_admin { background:url(images/iconAdmin.gif) no-repeat; padding-left:20px;}

    perm. |  mod/del. |  reply.
    • 하이바~ 2008/01/15 16:11

      안녕하세요. :)
      말씀해 주신 문제는 알고는 있었습니다만, 티스토리라 구현이 안되는 부분이라 생각하고 수정해보려고 하질 않아서 어떻게 해야할지 잘 모르겠습니다.
      제가 테스트한 바로는 class 명이 모두 rp_general 값만이 출력되었습니다. 다른 분들의 스킨은 어떻게 처리했는지 잘 모르겠지만.. 아마 티스토리라서 치환자가 살짝 다르거나.. 뭐 그럴거라고만 생각했었습니다.

      죄송합니다. 다만, 성유진님(http://www.sungyujin.com) 블로그는 정상 출력이 되는 것 같아요. Fallen Angel님도 이미 아시는 분 같으니, 어떻게 하셨는지 성유진님께 여쭤보시면 어떨까요? :)

  25. 영웅시대 2008/01/15 21:17

    스킨 잘 사용하고 있습니다.^^ 다름이 아니라.

    comment 부분이 지금은 마우스로 클릭을 해야 댓글을 달수 있는데

    항상 열어두고 싶은데 어떻게 하면 될까요?

    perm. |  mod/del. |  reply.
    • 하이바~ 2008/01/17 10:15

      두가지 방법이 있습니다.

      1. 티스토리 환경 설정에서 변경하는 방법.
      간단한 방법이지만 스킨을 새로 적용할때 마다 변경해 주어야 합니다.
      [환경설정] - [화면설정] - 글을 표시할때 - 댓글을 기본으로 펼칩니다, 트랙백을 기본으로 펼칩니다. 에 체크합니다.

      2. 스킨의 index.xml 파일을 에디터로 열어 변경하는 방법.
      스킨의 기본값을 댓글과 트랙백이 항상 열리는 값으로 변경하는 겁니다.
      아래 부분을 찾아

      <expandComment>0</expandComment>
      <expandTrackback>0</expandTrackback>

      숫자 0을 1의 값으로 변경한 후 업로드 하고 스킨을 재적용합니다.

  26. 비밀방문자 2008/01/16 19:10

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

    perm. |  mod/del. |  reply.
    • 하이바~ 2008/01/17 10:16

      아 그렇군요. 덕분에 저도 새로운 걸 알게 되었습니다. 감사합니다. :)

What's on your mind?

댓글 입력 폼