태터데스크 관리자

도움말
닫기
적용하기   첫페이지 만들기

태터데스크 메시지

저장하였습니다.

'전체'에 해당되는 글 8건

  1. [2008/09/18] SKY IM-U300K(네온사인폰)의 카메라 무음패치하기 (51)
  2. [2008/07/08] Secret Black : 시크릿 블랙 for Tistory (88)
  3. [2008/07/02] [CSS] Padding (2)
  4. [2008/07/02] [CSS] 여백과 테두리의 간단한 개념 (1)
  5. [2008/01/24] Simple Red Line (218)

얼마전 성공해서 사용하고 있었는데 캡쳐와 사진촬영이 손이 많이 가서.. 아직 그 방법을 포스팅 하지 못했었습니다.
오늘은 마음먹고 준비해서 포스팅 해봅니다.. 잘 따라하시면 성공할 수 있을것이라 생각됩니다. 어렵지 않으니까요
그리고 이 포스팅을 보고 시도하시다 핸드폰이 A/S센터를 가야하는 경우에 책임은 전적으로 본인에게 있음을 알려드립니다.

1. 준비하기
준비물이 몇 가지 필요합니다.


- SKY IM-U300K(제가 사용하고 있는 펌웨어 버젼은 1.35입니다. 다른 버젼은 확인해보지 않았습니다.)
- 14/24 젠더
- USB 데이터 케이블
- SKY USB DRIVER
- QPST 2.7  build 264
- Ultraedit 와 같은 HEX코드를 수정할 수 있는 텍스트 에디터

각 소프트웨어는 따로 업로드 하지 않겠습니다. 직접 구하세요.. (단, SKY USB DRIVER는 http://www.isky.co.kr 에 가시면 있습니다.)
다음 단계부터는 모두 준비가 되었다고 가정하에 진행됩니다. SKY USB DRIVER 및 모든 소프트웨어 설치를 마치세요.

2. 핸드폰 설정 및 연결준비

핸드폰 [왼쪽 메뉴-시스템-0번 누름-패스워드 000000-통신환경 설정]에서 사진과 같이 DM포트를 USB로 DM 통신 속도를 115,200 bps로 설정해줍니다.

설정을 저장하셨으면 좌측 USIM SLOT을 열어서 USIM 카드를 제거해주신 뒤 핸드폰을 껐다 켭니다.


그리고 데이터 케이블과 젠더를 이용하여 핸드폰을 연결하면 이렇게 되겠지요?
"USIM 카드가 인식이 되지 않습니다. 확인해주세요" 라고 뜨는게 정상입니다.

3. 통신포트 찾기

먼저 [시작-제어판-시스템-하드웨어-장치관리자] 에서 설치한 SKY USB DRIVER의 통신포트를 확인합니다.
제 경우엔 COM4라고 나오는군요? SKY Handset Diagnostic Serial Port (COM4) 부분입니다.
포트를 기억해두세요!

4. QPST 연결
QPST를 정상적으로 설치하셨다면 QPST의 프로그램 폴더에 QPST Configuration이 있을겁니다. 실행하세요.


위와 같은 화면이 뜨겠죠? 자 우리의 핸드폰을 추가하기 위해 Add New Port를 클릭합시다.


아이고.. 친절하게도 왼쪽에 우리의 핸드폰 포트가 잡혔군요! COM4! 보이시죠? 선택하시고 OK를 눌러주세요.
그러면 COM1, COM2의 아래에 COM4가 새로 잡힐 겁니다.

5. EFS EXPLORER 실행

우리가 추가한 COM4를 선택하고 [Start Clients-EFS EXPLORER]를 실행합니다.


새로 창이 하나 뜨는군요.. 음.. SPC는 000000으로 그대로 두고 OK를 누릅시다.


로딩이네요.. 기다리..기다리..기다리니까..!

요로코롬 연결이 되셨을겁니다. 연결이 되셨다면 pdb 폴더의 APP.SKY파일을 쭈우욱 드래그 해서 바탕화면으로 가져옵시다!
!!! 자 여기서 나는 이렇게 나오지 않는다! 라는 분들은.. 메뉴 [Phone-Preferences-Directories] 에서 기본 디렉토리를 ./ 으로 지정해주세요.

6. 파일 편집

가장 중요한 부분입니다. 만약을 위해 원본 파일은 복사하여 다른곳에 백업해두도록 합시다.
APP.SKY 파일을 Ultraedit와 같은 헥스 에딧 툴로 열어보시면 알 수 없는.. 16진수의 수들과 아스키 코드가 빽빽한데..
위 캡쳐 이미지와 같이 가장 왼쪽 주소 00001f20h 를 찾아갑니다. 오른쪽의 UDATA:/mdm/vod... 어쩌고 하는것을 보면 쉽게 찾을 수 있겠군요?

수정합시다. 위의 이미지의 설명대로 01 00 A1로 되어있는.. 또는 개인의 설정에 따라 비슷하게 되어있는.. 것을 00 00 00으로 수정한 후 저장을 해줍니다.


7. 파일 업로드

저장한 파일을 처음에 가져오셨던 pdb폴더에 쭈욱~ 드래서 해서 다시 업로드를 해줍시다.
어이쿠, 이녀석이 덮어쓰겠냐고 물어보네요.. 덮어씌워줍니다.

!!! 여기서 업로드가 안된다고 하시는 분들은 USIM카드 제거를 확인해보세요.. mdm폴더가 아니라 그냥해도 업로드가 되겠지만.. 혹시나.. ㅎㅎ

업로드가 되어가고 있네요..
자 이제 끝났다면 데이터 케이블을 제거하고 USIM카드를 다시 넣고 핸드폰 전원을 껐다 켜신 뒤 카메라를 구동시켜서 사진을 찍어봅시다.
어떤가요? 시끄러운 셔터음은 사라졌죠? :)


PS. 보통 무음 설정은 기존의 촬영음 사운드(mmf 파일)를 아무 소리도 안나는것으로 교체하는것으로 하는데 이 핸드폰의 경우 nvm폴더가 락이 걸려있어 부득이하게 시스템 설정 파일을 바꾸는것으로 대체하였습니다.
따라서, 위처럼 패치를 하시고 카메라 환경설정(셔터음 따위를 설정하는 곳, 촬영모드 중의 메뉴가 아님!)에 들어가시기만 하여도 셔터음과 조작음이 다시 돌아오니 참고하시기 바랍니다.

PS2. 그리고 제발 U300K 앞부분 막힌 케이스 파는곳을 아시는 분이나 2개 소장하신분은 저에게 자비를 베풀어주세요 ㅠㅠ 저기 위에 3번째 사진 보세요 ㅠㅠ 태연 얼굴에 기스라도 나면 어떡하나요 ㅠㅠ (뭐.. 다시 만들어 붙이면 되지만.. 뭔가 뚫려있으니.. 휑~ 한것이 맵시가 안나서..)

'만들기 > 잡다구리' 카테고리의 다른 글

SKY IM-U300K(네온사인폰)의 카메라 무음패치하기  (51) 2008/09/18
  1. 지나가는사람 [2008/09/19 19:50]  수정/삭제  댓글쓰기

    QPST에서 안잡히는데 어떻게 하죠

  2. 지나가는사람 [2008/09/19 20:53]  수정/삭제  댓글쓰기

    no phone 이네요

  3. 완젼궁금 [2008/09/20 19:54]  수정/삭제  댓글쓰기

    APP.SKY 파일을 Ultraedit으로 열었는데요 막 이상한 코드만 잔뜩있구요
    글쓴이님 처럼 16진법 숫자가 아니라 윈도우 코드? 그걸로만 읽혀서 나오는데요
    어떻게 해야할지모르겠어요;

    Ultraedit<=이프로그램 말고 다른건 없을까요? ㅠㅠ
    이런쪽으로는 완젼 무지해서 너무 어렵내요 ㅠㅠ

  4. 후여리 [2008/09/22 20:51]  수정/삭제  댓글쓰기

    아..... 탱구리.. 탱구리.. ㅋㅋ
    너무 귀여워요~~ ㅇ.ㅇ/
    출근길에.. 패떳 보면서 출근하는데..
    유고걸 추는거 보면.. 혼자 흐뭇해 하고 있는건 또 뭔지..
    나이 먹었다는 증거인가봐요..

    포스팅이랑 상관없는 글을..ㅋㅋㅋㅋ 남기네요..

    비 오는데.. 잘 지내시랑가 모르겠네용..^^

    감기 조심하세요.. ㅎ

  5. 헥스에딧 [2008/10/03 17:34]  수정/삭제  댓글쓰기

    헥스에디터를 네이버에 쳐서 다운받으세요

  6. 감사합니다 [2008/10/26 21:37]  수정/삭제  댓글쓰기

    정말 감사해요. 레인폰에도 적용이 되네요 앞으로 자주 들릴게요 ㅎㅎ

  7. 감사합니다 [2008/10/26 21:38]  수정/삭제  댓글쓰기

    참고로 유심칩 빼시면 잘 될거에요 ㅎㅎ 인식

  8. 감사해욤~ [2008/11/01 15:53]  수정/삭제  댓글쓰기

    근데 사진만 되고 동영상은 안되네욤? 흠 ;; 이상한가 ㅎㅎ

    • 모넬린 [2008/11/02 04:08]  수정/삭제

      아 제가 포스팅한 내용은
      동영상은 해당되지않고 일반 사진 촬영에만 적용이 되는 것입니다.

  9. 와웃;; 감사합니다.. [2008/11/09 18:59]  수정/삭제  댓글쓰기

    감사합니다..^^;;..

    nvm이 안뚫려서 촬영음 어떻게 넣을지 검색해봤는데

    있네요 ㅎㅎ;; 자알 됩니다..^^;;

    그런데 초보자분들을 위해서 QPST EFS Explorer에서 톱니바퀴(환경설정) 모양 누르고 2번째 탭에서

    "/" 얘 혼자 있는걸 "/." 점 하나 더찍으라는 것을 넣으면 완벽할것같네요 ㅎㅎ

    그럼 수고하세요^^

    • 모넬린 [2008/11/12 23:18]  수정/삭제

      흐흐..
      스카이는 이런식으로 하면 될 듯 하네요 :)
      음.. 본문에도.. "/" 얘 혼자 있진 않은걸요.. :)

  10. 텔페리온 [2008/11/12 23:06]  수정/삭제  댓글쓰기

    모토로라 v9m 유저입니다!
    이폰도 nvm이 막혀서 고생하고 있는데,
    글쓴이께서 이 app.sky 시스템 설정 파일를 어떻게 찾아내셨는지좀 가르쳐 주시면 안될까요?
    분명 이 폰에도 시스템 설정 파일이 있을 텐데,, 같은 이름을 가진 건 없더라구요 ㅎ

    • 모넬린 [2008/11/12 23:19]  수정/삭제

      음..
      v9m은 어떤 방식으로 되는지 살펴보지 못해서...
      분명 어딘가 설정 파일은 있을거라고 생각합니다.. :)
      당연히.. 스카이가 아니니.. 같은 이름을 가진 파일은 없을거예요.. [..]

  11. 지나가'던'사람 [2008/11/16 19:54]  수정/삭제  댓글쓰기

    해봤는데 진짜 되네요 ㅎㅎ
    정말정말 감사해요-

  12. ㅠㅠ [2008/12/03 16:37]  수정/삭제  댓글쓰기

    00001f20h 가 없는데 어떡하죠,,

  13. 스카이 [2008/12/09 03:59]  수정/삭제  댓글쓰기

    u310인데 맨 위엣분처럼 no phone 이라고 나와요 ㅠ

  14. 리더탱구 [2008/12/12 16:17]  수정/삭제  댓글쓰기

    (!!!) 님도 소녀시대 팬이셨군요... 저도인데 ㅋ

  15. 매키 [2009/01/19 13:07]  수정/삭제  댓글쓰기

    전 스카이 매키쓰는데요 pdb파일이 아예 없네요 ㅠㅠ nvm 락도 걸려있고
    다른방법을 없을까요??ㅠㅠㅠㅠ

  16. ㅊㅊ [2009/01/23 10:45]  수정/삭제  댓글쓰기

    스카이는 다 되는듯.. S380k, 투썸폰 성공했네요 ㅎㅎ
    감사요-

  17. 흐음;; [2009/01/30 23:03]  수정/삭제  댓글쓰기

    U300K에서 S330K 갈아탔더니 안되는군요 쉣 ㅜㅜ;;

  18. 탱구 [2009/02/02 23:15]  수정/삭제  댓글쓰기

    휴대폰 사진 퍼가요 ㅋㅋ 태연사진이요 ㅎ

  19. 최신버전 무음패치됨 [2009/02/05 19:47]  수정/삭제  댓글쓰기

    최신 버전으로도 무음 패치가 가능합니다.

  20. 스카이유저 [2009/02/13 19:08]  수정/삭제  댓글쓰기

    와우~너무감사해요~너무좋네요!!!
    수고하세요~ㅋㅋㅋㅋㅋ

  21. 지나가다 [2009/02/19 22:07]  수정/삭제  댓글쓰기

    증말 똑똑 하십니다. 어떻게 이런방법으로....... 님짱입니다~

  22. blog.naver.com/kink2000 [2009/05/30 00:20]  수정/삭제  댓글쓰기

    01 00 A1 부분 옆에 9B 그아랫줄에 9F 이부분은 동영상 촬영음 입니다.
    그부분을 00 00 으로 바꿔주시면 동영상 촬영음도 무음으로 바뀝니다.
    참고하세요. 단, 책임은 자신에게 있습니다.

  23. 이녀석 [2009/07/20 20:55]  수정/삭제  댓글쓰기

    Ultraedit 와 같은 HEX코드를 수정할 수 있는 텍스트 에디터
    이게 구해지질 않네요 ㅠ.ㅠ
    어디서 구해야 하나요?
    다음이나 네이버 가니까 제품 메뉴얼 입력하라고나 하고 ㅠ.ㅠ

    • 모넬린 [2009/07/28 12:34]  수정/삭제

      Ultraedit는 상용입니다.
      어둠의 경로를 이용하시면 사용하실수도 있겠습니다만..

  24. 이녀석 [2009/07/20 21:34]  수정/삭제  댓글쓰기

    구해서 겨우 했습니다!
    전 특이하게 왼쪽 숫자가 9자리가 아닌 8자리인데 말도 안되게 찾아서 했습니다!
    물론 영어도 틀리고 했는데 오른쪽 픽쳐어쩌고 저꺼고하는 거 보고 했습니다^^
    진짜 기계치인데 해낸 제가 대단하네요^^

  25. 이녀석 [2009/07/20 21:45]  수정/삭제  댓글쓰기

    동영상도 무음처리 하고 싶은데 어려워서 포기했네요!

  26. ㅎㅎ [2009/08/06 03:32]  수정/삭제  댓글쓰기

    사이드에 카메라버튼을 누르면 앞뒤 카메라 전환이 되는데
    이 키를 셔터로 바꾸는 방법이 없을까요? 가로로 찍을때 쫌 불편하네요
    위에 코드 바꾸는 방법처럼 주소만 알면 가능할까요?

    • 모넬린 [2009/08/11 14:18]  수정/삭제

      그건 저런것처럼 설정 파일이 아니고..
      소프트웨어 자체이기때문에 불가능합니다.

  27. 연결이 안된다는데 [2009/08/10 09:51]  수정/삭제  댓글쓰기

    / 요놈을
    ./ 요로코롬 해보고
    /. 요로코롬 해봐도
    연결이 안된다네요..
    스카이 s110인데 오래된 폰이라 가능할꺼 같은데..
    어떻게 해야 되는지 혹시 아시는지..
    모넬린님 부탁좀.. 굽신굽신ㄴ.. ㅠㅠ

    • 모넬린 [2009/08/11 14:19]  수정/삭제

      저는 U300K에 대해서 올린거고..
      다른 기종의 폰은 접속 방법이 다를수도 있고, 파일 구조도 다를 수 있으니 다른 방법을 찾아보시는 것이 낫겠습니다.

  28. EXIF [2009/08/13 02:42]  수정/삭제  댓글쓰기

    근데 U300K로 찍은 사진파일 EXIF 정보보면 시간이 9시간 느리게 나오지 않나요?
    한국이랑 일본이 GMT+9인데 이게 그냥 GMT 시간으로 나오는 버그같은데
    해결방법이 있을까여?

  29. 아 ㅠㅠ [2009/08/20 12:27]  수정/삭제  댓글쓰기

    통신환경이 자동설정이면 못하는건가요???

  30. 아 ㅠㅠ [2009/08/20 12:42]  수정/삭제  댓글쓰기

    com6 이면 새로 만들때 com6을 만들어야하나요>??

  31. 알려줘요 [2009/08/28 02:06]  수정/삭제  댓글쓰기

    제폰은 S330 듀크폰인데 어떻게 해야 할까요?
    com6 으로 잡히고 QPST 에 포트도 잡힙니다. 근데 EFS EXPLORER 누루고
    SPC 00000000 으로 두고 확인 누릅니다. 그리고 아무 반응 없음 ㅡㅡ 우쨰 해야 할까요?

  32. ㅇㅇㅇ [2009/11/03 19:19]  수정/삭제  댓글쓰기

    와우!!! 저 완전 컴맹인데 이거보구 따라하니까 진짜 됐어요 ! 감동 ㅠㅠ
    참고로 제꺼는 U300K 펌웨어버전은 1.44 였어용 ㅎㅎㅎㅎㅎ
    넘조아 ^^

  33. 네온사인 [2010/01/05 10:30]  수정/삭제  댓글쓰기

    http://agora.media.daum.net/petition/view?id=87240
    IM-U300K 네온사인폰 리콜을 청원합니다.
    네온사인폰 각종 버그와 전원 꺼짐 현상, 통화품질 문제로, 폰 자체에 결함이 있다고 생각 됩니다.
    하지만 팬택은 서비스 조차 만족스럽지 못합니다.
    전원이 꺼진다고 하면 메인보드가 문제니 교체하라고 하고, 통화품질 문제는 부품중 안테나 연결선이 끊어져서 그렇다고 교체하라고 합니다.
    안테나 연결선은 원래 좀 짧게 나왔다고 말하네요. 이 부분 부터가 결함이 아닙니까?
    그리고 전원꺼짐 현상은 밧데리와 메인보드와 접촉이 잘안되어지는 문제가 대다수라고 알고 있습니다. 폰자체가 잘못 만들어저서 꼭 들어 맞지 않은것이 결함이 아니면 무엇입니까? 하지만 이에대한 팬텍의 서비스는 매우 불만족입니다. 아무런 조치도 취하지 않는 팬택의 무성의함에 실망입니다.
    http://agora.media.daum.net/petition/view?id=87240

  34. 아나 비스타 부셔버려 [2010/01/14 18:13]  수정/삭제  댓글쓰기

    투썸폰된다고하셨는데 않되넴 비스타라그런가 우씨 !! 피방가서해야지 비스타부셔버려!!

  35. 오예 [2010/01/21 08:48]  수정/삭제  댓글쓰기

    와 정말 되네용~~
    님좀 짱인듯 ㅋㅋㅋㅋ 이걸 어떻게 아셧데??ㅋㅋㅋㅋ
    감사요ㅋㅋㅋㅋㅋㅋㅋㅋㅋ

  36. 힝 머가 문제지; [2010/01/21 21:35]  수정/삭제  댓글쓰기

    로딩은 별루 안기다렸는데
    신호등같은것도 녹색불로 뜨고 그런데
    폴더같은게 안나오내여 ;
    어카져;; ㅋㅋ

  37. U-210 [2010/01/21 22:14]  수정/삭제  댓글쓰기

    SKY U-210 사용자인데요
    QPST 폰 잡히고 접속해도
    "/" 이것만 뜨더니
    환경설정에서 "/." 적고 다시 접속해봐도
    폴더가 "." 이거 하나 뿐이네요;;;
    어떻게 해야하나요 ㄷㄷ

  38. 힝 머가 문제지; [2010/01/21 22:22]  수정/삭제  댓글쓰기

    폴더는 찾았는데 왜 전 1f20h가 없는거져 ㅠㅠ

  39. alshp [2010/01/27 16:49]  수정/삭제  댓글쓰기

    스카이 유백은 없지만 qpst해서 안에 파일들 다 뒤져보고 있습니다.

  40. ㅎㅎ [2010/02/11 15:48]  수정/삭제  댓글쓰기

    정말 되네요. 감사합니다ㅋ 참고로 펌웨어 1.46입니다.

  41. 않되여..ㅠ.ㅜ [2010/02/24 10:58]  수정/삭제  댓글쓰기

    QPST에서막히는데..어떻게해야되죠..?ㅠ.ㅜ

사용자 삽입 이미지


새롭게 만든 1단형 스킨 을 공개합니다.
역시 또 만들게 된건 심플함뿐인 스킨이군요..
 더불어 응원해주신 많은분들과 멋진 이름 지어준 네피에게 감사를!!

- 컨텐츠 최대 사이즈 922 픽셀 입니다.
- 사이드바 기능 일부 지원
- 블로그 타이틀 이미지(./images/bloglogo.gif) 세로 45 픽셀로 제작해서 넣어주세요.
- 제작자 동의하에 일부 수정 가능, 카피라이트 삭제 불가, 재배포는 불가능합니다.
- 테스트 : Internet Explorer 6&7, Firefox 2&3, Safari 3, Opera 9
- 피드백은 이메일 또는 Blogessence.com 으로...
- 거침없이 버그 리포트 부탁드립니다.

'만들기 > Blog Skin' 카테고리의 다른 글

Secret Black : 시크릿 블랙 for Tistory  (88) 2008/07/08
Simple Red Line  (218) 2008/01/24
Black Rose  (27) 2007/12/12
Monde en rose  (59) 2007/12/07
Graceful Impression  (35) 2007/06/18
  1. 첼리스틱 [2008/07/08 14:22]  수정/삭제  댓글쓰기

    드디어 공개됐네요!
    계속 지켜보기만 했는데 너무 마음에 드는 스킨이라서...
    잘 쓰겠습니다!
    추천도 한방 박고 갑니다!

  2. 러브네슬리 [2008/07/08 21:17]  수정/삭제  댓글쓰기

    시크릿 칼라~ 가 아닌 ㅋ 시크릿 블랙이군요 ㅎㅎ
    언젠가 꼭 저도 모넬린님이 제작하신 스킨을 사용할겁니다~ 후후후~~~~
    그 때쯤이면 모넬린님의 스킨은 완전 풀3D가 되어있는거 아닌가요? ㅋ
    지금보다 앞으로가 더 기대되요 ㅎㅎ
    이게 공식발표인가요? ㅋ 축하드립니다 ^^

    • 모넬린 [2008/07/08 21:55]  수정/삭제

      헙.. 풀3D라니요 ㅎㅎ
      힘들듯.. ㅎㅎ
      풀 플래시 스킨은 기획했던적이 있지만..;;
      흣.. 제 스킨을 사용해주시면 저야 감사...
      조만간 이벤트를 할 생각이예요..
      당첨자에게는 맞춤형 스킨제작? ㅋ

  3. jjoa [2008/07/08 23:24]  수정/삭제  댓글쓰기

    이걸 2단으로 어떻게 만들지 기대가 되네요..ㅎㅎ

    • 모넬린 [2008/07/09 10:41]  수정/삭제

      흐흣.. 저도 고민중입니다 :)
      스타일을 고수하며 2단형으로 바꾸기가.. ㅎㅎ

  4. seevaa [2008/07/09 02:33]  수정/삭제  댓글쓰기

    우와~ 너무 멋집니다!! +ㅇ+/

  5. 낯선하루 [2008/07/09 06:38]  수정/삭제  댓글쓰기

    어제 고생고생해서 스킨 바꾸어 놓았는데...
    이렇게 공개해 버리시면... 흑흑
    우선 받아갑니다.....

    아무래도 오늘 안으로 또 스킨 수정 할 것만 같은...
    에고~
    무슨 놈의 블로그가 내용은 없고, 계속 스킨 수정만 하는지.. ㅋㅋ

    잘 쓸께요~ ^^

    • 모넬린 [2008/07/09 10:41]  수정/삭제

      저도 그런데요 뭐 ㅎㅎ
      내용은 없고 스킨만;; 주구장창; ㄷㄷㄷ

  6. 야짐히라 [2008/07/10 22:46]  수정/삭제  댓글쓰기

    겁나이뻐요 ㅎㅎ 바꿀게용

  7. 야짐히라 [2008/07/10 22:54]  수정/삭제  댓글쓰기

    그런데 타이틀이미지를 어떻게 바꾸나용 ? ㅎㅎ 배경이미지도 바꾸고 싶은데 ..
    그리고 타이틀이미지에 사용된 폰트는 뭔가용..ㅠㅠ 너무 많은 질문을 해서 죄송해용 ㅠㅠ

  8. Cz [2008/07/11 19:17]  수정/삭제  댓글쓰기

    Textcube 용도 언넝 뽑아 주세요 T-T 쓰고 싶다.

  9. 피터아빠 [2008/07/13 22:44]  수정/삭제  댓글쓰기

    스킨 멋집니다. 잘 쓰겠습니다. 그동안 레드라인 잘 써 왔는데, 이번에도 예쁜 스킨 만드셨네요.
    한가지 질문이 있는데요. 공지사항 스크롤러가 타이틀을 가져 오지 못하네요. 두개의 점만이 번쩍일뿐...., 애드센스를 달기 전에는 작동을 했던거 같은데, 애드센스를 달아 놓으니 않되네요..., 어찌하면 좋을지...,

  10. jjoa [2008/07/15 09:08]  수정/삭제  댓글쓰기

    할일 많으시네....텍스트 큐브용 만들어야지...2단 만들어야지...그러다 보면 3단 요청이 들어 올 수도....
    너무 압박인가요?ㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎ

  11. AstroGuy™ [2008/07/16 19:03]  수정/삭제  댓글쓰기

    모넬린님 블로그 스킨이 업데이트될때마다 눈이 즐겁습니다. 이제 블로그를 시작하는 초보블로거이지만 모넬린님 덕에 예쁘게 꾸려나갈수 있게 되었습니다. 스킨 잘 사용하겠습니다. 이번 스킨에 대해 질문이 있는데요. 관리자>스킨>사이드바 에 들어가서 사이드바 조정을 하려고 했더니, 드래그앤 드롭기능이 안되던데 이 스킨에 의도된 것인가요?

    • 모넬린 [2008/07/21 15:49]  수정/삭제

      사이드바는 3줄만 가능하고..
      마지막 줄은 되지않습니다. 사이즈가 달라서..
      안되게 했었는데 불편하신가요~?

  12. 감동의허벅지 [2008/07/19 07:35]  수정/삭제  댓글쓰기

    스킨 넘 예뻐요~ 잘 쓸께요~
    감사합니다^^

  13. windos [2008/07/20 16:52]  수정/삭제  댓글쓰기

    스킨이 깔끔하니 너무 이쁘네요.
    감사합니다. 잘쓰겠습니다. :)

  14. 마키♡ [2008/07/29 10:37]  수정/삭제  댓글쓰기

    잘쓰겠습니다~~ㅎㅎ

  15. MiNou [2008/08/01 01:16]  수정/삭제  댓글쓰기

    블로그 로고 이미지의 Blog Essence 를 무슨 체로 하셨는지 알 수 있을 까요?

  16. 단델리온 [2008/08/07 00:47]  수정/삭제  댓글쓰기

    제가 딱 찾던 스타일!!
    1단형에 블랙앤 화이트.. 위에 접히는 거!! 완벽해요
    바로 다운받았어요 ㅎㅎ

    근데 타이틀 이미지 만들어서 jpg로 넣었는데
    암만 해봐도 안되네요...
    계속 블로그 에센스 로고만 뜨고있답니다..ㅠㅠ
    타이틀 바꾸는법 자세하게 설명해주시면
    은혜 평생 잊지 않을게요.....

  17. 터기 [2008/08/11 00:53]  수정/삭제  댓글쓰기

    스킨에 대한 공부중 너무 멋진 스킨이 있네요...
    정말 느낌좋은 스킨 감사하게 받아가겠습니다..^^
    이 곳에 자주와서 느낌을 받아가야겠습니다...ㅎㅎㅎ

    건강하세요
    http://namasn.tistory.com/

    • 모넬린 [2008/08/26 16:11]  수정/삭제

      감사합니다 :)
      터기님도 좋은 스킨 만드시길 기다릴께요!!

  18. [2008/08/24 14:28]  수정/삭제  댓글쓰기

    비밀댓글 입니다

  19. colorfilter [2008/08/26 22:09]  수정/삭제  댓글쓰기

    안녕하세요 모넬린님~ 이쁜스킨 만들어주셔서 감사합니다~
    제스타일대로 약간만 수정해서 사용해두 되겠죠?
    ..
    죄송하지만 저기 위에 단델리온 님처럼 메인을 바꾸려면 어떻게해야하나요??

    • 모넬린 [2008/08/27 00:02]  수정/삭제

      저도 사용하고 있는 것 처럼 테터데스크 플러그인을 이용하시면 됩니다 :)
      이쁘게 잘 사용하세요 :)

  20. colorfilter [2008/08/31 02:42]  수정/삭제  댓글쓰기

    안녕하세요~
    항상친절한 답변 정말 감사드립니다..
    다름이 아니라 기본적으로 나오는 링크(Link)된
    것의 색깔을 바꿔줄순없나요?주황색이나,
    파랑색등으로요..

    • 모넬린 [2008/09/01 09:30]  수정/삭제

      본문 링크말씀하시는건지..
      어떤건지;

      기본링크라면 style.css에
      a:link { color:#333; text-decoration:none;}
      a:visited { color:#333; text-decoration:none;}
      a:hover { color:#da2020; text-decoration:underline;}
      a:active { color:#666; text-decoration:none;}
      부분을수정하시면되구요

      본문 링크라면
      .article a:link { color:#000000; text-decoration:underline;}
      .article a:visited { color:#000000; text-decoration:underline;}
      .article a:hover { color:#da2020; text-decoration:underline;}
      .article a:active { color:#000000; text-decoration:underline;}

      부분수정하시면 됩니다.

  21. oO귀폭Oo [2008/08/31 21:53]  수정/삭제  댓글쓰기

    이 스킨 퍼다가 잘 쓰고 있어요..ㅎㅎ;;
    정말 깔끔하게 너무 잘만들어버리셔셔..메인 배너까정 똑같이 쓰고 있다는.....ㅡㅡ;;;;
    마땅한 걸 찾아보곤 있는데..아직까진 님 메인에 있는 배너만큼 이 스킨에 어울리는게 없더라구요..
    혹시 배너까지 똑깥이 쓰는거에 불쾌하시다면 바로 다른걸로 교체하던지..지우던지 할테니 언제든지 말씀해주세요..ㅎ
    끝으로 멋진 스킨 제공해주셔서 감사합니다..^^

    • 모넬린 [2008/09/01 09:30]  수정/삭제

      배..배너는 제 블로그에 적용하려고 만든건데..
      뭐 사용하셔도 문제는없지만요 笑

  22. colorfilter [2008/09/02 21:21]  수정/삭제  댓글쓰기

    감사합니당..^^

  23. blur [2008/09/04 22:02]  수정/삭제  댓글쓰기

    간격이 너무 넓어 본문 기준 550정도로 줄여서 사용하고 싶은데요.

    레이아웃 조금 손댄걸론 안되는군요. 어떻게 해야할까요?

    • 모넬린 [2008/09/08 20:35]  수정/삭제

      네..
      여러군데를 손대셔야할겁니다.
      접히는 사이드바 부터 시작해서 말이죠..
      꽤 많은곳을.. ㅇㅅ ㅇ;

  24. blue [2008/09/06 06:37]  수정/삭제  댓글쓰기

    와우~~스킨이 깔끔하고..정말 맘에 드네요..감사한 마음으로 담아갑니다..+_+
    언제나 좋은날 되시기를..

    • 모넬린 [2008/09/08 20:35]  수정/삭제

      네 blue님도 매일매일 좋은 날 되시기 바랍니다!! :)
      고맙습니다~

  25. 까둥e [2008/09/09 01:28]  수정/삭제  댓글쓰기

    잘쓰고 있습니다. ^^ 스킨딱이뽀요 +_+

  26. Funky ThoveN. [2008/09/15 14:48]  수정/삭제  댓글쓰기

    이것도 컨텐츠 싸이즈 최대 1000으로 수정할수 있는 방법이 없는지요? 우후후훗!
    하여간... 모넬린님의 스킨 우왕 ㅋ굳ㅋ!

    깔끔하고 심플하면서도 베이직한게 최고로 좋죠. ^^

    • 모넬린 [2008/09/29 09:20]  수정/삭제

      수정은 할 수 있습니다만..
      아슬아슬 하겠군용~;
      에..역시 심플한것이 최고인듯 ㅎㅎ

  27. 낮해밤달 [2008/09/21 23:38]  수정/삭제  댓글쓰기

    안녕하세요 스킨 잘 쓰고 있습니다 ~~
    Simple Red Line 잘 쓰고 있다고 전에 댓글 달았었는데..
    이거 한번 보고는.. 이게 더 맘에 들어서 쓰고 있네요^^..

    한가지 여쭈어볼게 있는데요,
    이 스킨에서 전체적인 배경색을 흰색에서 다른 색으로 바꾸는건
    어려울까요??
    만약-간단하다면.. 허락맡고 바꿔볼까 싶어서요^^:

    • 모넬린 [2008/09/29 09:21]  수정/삭제

      스타일에서 약간의 수정을 해주시면 가능합니다~
      이미지도 몇가지 바꿔야하겠군요 +_+

  28. aralia [2008/09/27 21:19]  수정/삭제  댓글쓰기

    마음에 드는 스킨을 찾아 여기저기 돌아다니다가 모넬린님 블로그에서 드디어 맘에 드는 스킨을 찾았네요!
    근데 저 질문이 있습니다!
    사이드바 영역이 다소 어두워서 밝게 하고 싶습니다. 제가 가능한 부분까진 수정을 했는데, 태그 클라우드 영역은 색 수정을 못하겠어요. 어디서 하는지 알려주셔요~
    번거로우시겠지만, 답변 달아주시면 정말 감사하겠습니다!

    + 2단 스킨도 기대되네요!

    • 모넬린 [2008/09/29 09:21]  수정/삭제

      Tag cloud쪽도 style.css를 찾아보시면 있습니다만..;
      cloud로 검색을 해보세요~

  29. JUYONG PAPA [2008/10/03 12:28]  수정/삭제  댓글쓰기

    모넬린님 덕분에 멋진 스킨을 사용하게 되었네요.
    2단 스킨도 하루빨리 나오길 기대해 봅니다. ^^

    질문이 있는데요..댓글 달고 나면 아이디 옆에 날짜랑 시간나오는거요..그게 아이콘이 삽입이 되어서 그런지는 모르겠지만 댓글자 아이디보다 약간 위로 올라가 보여서 이걸 수정을 해볼려고 하는데 안되네요. 어디를 손봐야될지...저는 아이콘을 삽입을 하고 싶은데..제 글이 이해가 안되시면 제 블로그에서 댓글을 클릭해보시면 이해가 되실거 같아요.

    그럼 즐거운 하루 보내십시요.

  30. fbox [2008/10/15 13:39]  수정/삭제  댓글쓰기

    다름이 아니라 티스토리 시작한지 얼마 되진 않았지만 좋은 스킨을 사용하게되서 감사드립니다.감탄!
    스킨의 본 취지를 해치는 요구가 아닌가 싶습니다만,,
    ▲▼ 이것을 닫힌상태에서 필요할때 여는게 아닌 반대로 항상 열린 상태에서 필요할때 닫는 형태로 하고싶은데
    어는 부분을 건드려야 하는 지요! 물론 허락하신다면요!

    • fbox [2008/10/16 14:01]  수정/삭제

      방명록쪽에 답이 있었네요^^ 찾아볼걸 그랬군요...죄송합니다.
      skin.html 파일을 열어보시면

      <!-- 사이드바 오픈버튼 시작 -->
      <div id="closedsidebar">
      <div><a href='#' onClick="javascript:toggle_visible('closedsidebar');toggle_visible('sidebar')"><img src='./images/sidebar_open_btn.gif'></a></div>
      </div>
      <!-- 사이드바 오픈버튼 끝 -->
      <!-- 사이드바 시작 -->
      <div id="sidebar" style="display:none">

      이런 내용이 있습니다.
      이것을..

      <!-- 사이드바 오픈버튼 시작 -->
      <div id="closedsidebar" style="display:none">
      <div><a href='#' onClick="javascript:toggle_visible('closedsidebar');toggle_visible('sidebar')"><img src='./images/sidebar_open_btn.gif'></a></div>
      </div>
      <!-- 사이드바 오픈버튼 끝 -->
      <!-- 사이드바 시작 -->
      <div id="sidebar">

      이렇게 바꿔주시면 됩니다.

  31. 소나기 [2008/10/19 19:42]  수정/삭제  댓글쓰기

    와 멋진데요.^^
    1단스킨 이쁜거 없나 찾다가 이렇게 이쁜걸 발견하다니^^
    감사히 쓰겠습니다. 수고하셨어요~

    • 모넬린 [2008/11/02 04:06]  수정/삭제

      아하!
      감사합니다!
      소나기 같은 분들이 계시기에..
      스킨을 만들고 싶은 마음이 드나 봅니다.

  32. 소나기 [2008/10/22 15:53]  수정/삭제  댓글쓰기

    너무 잘쓰고 있습니다.^^
    한가지 궁금한 점이 있어 재방문 했습니다.
    방명록이나 댓글에 주소없이 남기신분 아이디색깔은 어떻게 조절하죠?
    기존에 있던건 진하고 연하고 로 구별할수 있었거든요.^^

    • 모넬린 [2008/11/02 04:06]  수정/삭제

      아..
      그것은..
      style.css를 손보면 됩니다만..
      자세한 얘기는 지금은 무리같아서;

  33. JK.건이 [2008/10/24 21:28]  수정/삭제  댓글쓰기

    멋진 스킨을 뒤늦게 발견했네요~
    심플하고 깔끔하고 딱 제 스타일이네요 ^^b
    포토 블로그로 쓰는지라 가로길이를 좀 늘여서 쓰고 있습니다.
    감사히 쓸게요~ 수고하셨습니다.^^

  34. LieBe [2008/11/11 19:54]  수정/삭제  댓글쓰기

    모넬린님 스킨을 이틀간 뚣어 고치다....디자인 쎈쓰가 제겐 없음을 한탄하며..다른 분껄 얻어 쓰네요...
    사이드바 때문에 하도 고생을 해서인지 왠지 시크릿 블랙 스킨이 제가 쓰는 스킨 같이 느껴집니다.....^^;;;;;
    (그래서 이러케 트랙백이라도.....ㅋ)

    앞으로도 이쁜 스킨 많이 부탁 드립니다...^^

  35. StrayCat [2008/11/25 20:25]  수정/삭제  댓글쓰기

    이런 스킨 찾고 있었는데 덕분에 너무 잘 쓰게 되었습니다. 감사합니다. ^^ 참, 각 타이틀 등에 들어가 있는 영문폰트는 css에서 'tahoma'로 고쳐서 쓰고 있는데 괜찮겠죠?

  36. 왕관앵무 [2008/12/01 19:42]  수정/삭제  댓글쓰기

    멋집니다 :$
    네이버에서 검색을 하다가 들어오게되었는데
    좋은곳을 발견하여 상당히 기쁘네요. :D

  37. 프리맨 [2008/12/03 22:54]  수정/삭제  댓글쓰기

    너무 깔끔해서 마음에 쏙 들어옵니다. 감사하는 마음으로 유용하게 잘 쓰겠습니다. 한가지....(./images/bloglogo.jpg)라고 하셨는데 파일은 .gif 이고 index 파일에서도 gif 파일로 되어 있더라구요.

    별거 아닌데 거침없이 피드백해달라셔서...^^ 감사합니다~~

  38. 리더탱구 [2008/12/09 13:35]  수정/삭제  댓글쓰기

    쉣.. 구글광고가 안뜨네요 ㅠㅠ 어따 넣어야할지요?

    • 모넬린 [2008/12/09 19:51]  수정/삭제

      에.. 저는 뜨는데.. 으흠;;;
      Article 하단 부분에 넣으시면 될듯합니다!

    • 리더탱구 [2008/12/11 12:43]  수정/삭제

      그냥 짜증나서 구글광고 버려버렸습니다..;

    • 모넬린 [2008/12/13 01:01]  수정/삭제

      음.. 그러셨군요;
      왠지 안타깝..
      뭐 전.. 달아놔도..
      수익도 없는...
      수익 확인 안한지 몇달 된..

  39. 쩐다™ [2008/12/24 14:03]  수정/삭제  댓글쓰기

    스킨 너무 이쁩니다. 전체 사진 1200px나오게 하고 싶은데..


    설정을 어떻것을 바꾸면 될련지요.. 암튼 넘 감사합니다. 잘쓸게요 ^^

    • 모넬린 [2009/01/04 17:40]  수정/삭제

      css파일의 전체적인 사이즈를 만져줘야해서..
      설명드리기엔 뭔가 복잡한..

  40. sht218 [2009/01/04 10:01]  수정/삭제  댓글쓰기

    스킨 멋지네요;)
    약간 변경해서 사용하려고 하네요; 괞찮으실지;(로고정도..)

  41. 라엣 [2009/01/22 20:52]  수정/삭제  댓글쓰기

    스킨 너무 예쁘고 깔끔하네요. ^^ㅎ 근데 한가지 궁금한게 있는데요, 테터툴즈용 스킨을 티스토리용으로 어떻게 컨버젼하나요?

  42. 태평군 [2009/02/03 00:22]  수정/삭제  댓글쓰기

    깔끔하고 맘에 드는군요!! 잘쓰겠습니다!!

  43. ColorFilter [2009/02/22 00:26]  수정/삭제  댓글쓰기

    안녕하세요..
    아무리 봐도 이만한 스킨이없네요..
    현재 텍스트큐브로 이사한 상태인데..텍스트큐브용 스킨도 언넝 만들어주세요.ㅜㅜ
    손꼽아 기다리구있습니다

  44. Lovely [2009/03/06 22:46]  수정/삭제  댓글쓰기

    너무 근사해서 말이 안나오네영 블로그 처음 설치 ^^ 초보중 왕초보지만 이래저래 배워 보겠다고 많이 다녀봤지만
    이렇게 근사한 스킨은 처음이네영 너무몰라서 겨우 스킨설치하는 것부터 했는데요 텍스트큐브인데 이 스킨이 이뻐서
    설치 해봤거든요 근데 설치가 되던데 티스토리여야만 하나요

  45. 하하파파 [2009/04/30 11:24]  수정/삭제  댓글쓰기

    감사합니다..정말 깔끔하네요..
    블로그 이제 시작한 초보인데...사진이랑 글 둘다 잘 활용할 수있는 스킨 같아
    넘~ 좋은것 같아요..난중에 배경이미지 좀 바꺼 볼게요..

  46. The+Muser [2009/06/23 08:32]  수정/삭제  댓글쓰기

    와...Simple Red Link 스킨 사용중인데 이것도 텍스트큐브용으로 나오길 고대해봅니다~ ^-^

  47. U310K [2009/06/27 22:53]  수정/삭제  댓글쓰기

    노 폰으로 되시는 분은
    ##000000# 누르심 되요
    비번은 0000

    2번 통신환경 -> DM포트와 DS포트를 USB로 봐꺼주심 됩니다~

  48. 별이 [2009/09/10 11:08]  수정/삭제  댓글쓰기

    블로그 타이틀 바꾸는 건 어떻게 하나요?
    blog essence 라고 적힌 걸 제가 원하는 제목으로 바꾸고 싶은데요,
    초보라서 아무것도 모르겠습니다.ㅠㅠ

이번에는 Padding의 자세한 사용법과 용도에 대해 써보겠습니다.

Padding은 의미상 패드를 생각하시면 됩니다만 안쪽 여백이라고 생각하시는게 훨씬 더 접근하기에 쉬울것입니다.
DIV라던지 하는 개체에서 안쪽 여백을 주지않으면 컨텐츠와 테두리가 딱 붙어 여유롭지 못하게 됩니다. 그래서 padding을 사용하게 되는데요.

선언 방법은 여러가지가 있습니다.
  1. padding
  2. padding-top
  3. padding-bottom
  4. padding-right
  5. padding-left
이렇게 5가지가 있습니다.
차이점으로는 padding은 상하좌우의 모든 값을 정할 수 있고 padding-top 과같이 위치가 같이 붙어있는것은 특정 부분만 따로 지정할 수 있다는겁니다. 때에 따라서 잘 선정하여 사용한다면 코딩시 양이 줄어들 수 있습니다.

padding의 예를 볼까요?
.divobject {padding:10px}
이와 같은 경우는 Class명이 divobject인 개체의 padding을 상하좌우 모두 10픽셀로 하라는 뜻입니다.

그럼 아래의 예제는 무슨 뜻일까요?
.divobject {padding:10px 5px}
이와 같은 경우는 Class명이 divobject인 개체의 padding을 top과 bottom은 10픽셀로 left와 right는 5픽셀로 하라는 뜻입니다.

어떻게 그렇게 되는걸까요?
padding은 그 값으로 4가지를 가질 수 있습니다. 아래와 같이요 :)
padding:<top> <right> <bottom> <left>

그럼 이제 답이 나오죠!? 정답~!
4방향을 모두 지정할 수 있습니다.

예를들어 Top 10, Right 15, Bottom 20, Left 25픽셀을 주고싶다면?
padding:10px 15px 20px 25px
위와 같이 선언을 해주면 됩니다.

개별적으로 되는 padding-top과 같은것으로 작성한다면 무척 길어지겠지요..
padding-top:10px;padding-right:15px;padding-bottom:20px;padding-left:25px
이것과 저 위의 padding을 이용한것 어떤게 더 깔끔할까요?

하지만 처음 padding을 사용한 예제에서는 padding:10px 5px 만 했는데 top와 bottom이 10픽셀, left와 right가 5픽셀이 되었지요?
이런것처럼 2개만 선언이 되었을때는 앞의 10px는 Vertical(수직) Padding 뒤의 5px은 Horizontal(수평) Padding으로 선언되어 각각 "상하"와 "좌우"를 뜻하게 됩니다.

그렇다면!! 아래와같이 3개를 한다면??
padding:10px 5px 20px
뭐 정답은 간단하지요, 첫번째는 Top, 두번째 5px을 선언했는데 가장 뒤의 Left값이 없으니 5px은 Horizontal Padding값으로 그리고 세번째의 Bottom은 20px로 적용이 되게 됩니다 :)

이상 간단히 Padding을 알아보았습니다.
요점정리!!
  • Padding: <top> <right> <bottom> <left>
  • Padding: <Vertical> <Horizontal>
  • Padding-top, Padding-bottom, Padding-right, Padding-left 의 개별 Padding

'함께 생각하기 > 스킨제작, CSS' 카테고리의 다른 글

[CSS] Padding  (2) 2008/07/02
[CSS] 여백과 테두리의 간단한 개념  (1) 2008/07/02
  1. skizy [2008/07/03 09:20]  수정/삭제  댓글쓰기

    스킨 편집하다가 머리 터지는 줄 알았었는데... ㅎㅎ
    탑 부터 시계방향인줄 모르고;;

    • 모넬린 [2008/07/03 11:54]  수정/삭제

      흐흐.. 첨에 모르면 머리가 많이 아프죠..
      "이건 왜 이렇게 되는거야!!" 라던지.. ㄷㄷ

블로그 스킨 제작할 때 뿐 아니라, 최근 웹 표준의 준수와 시멘틱 웹에 관심이 높아지면서 CSS에 대한 관심은 너무 나도 높아져 가고있습니다.
스킨을 제작할때는 말할것도 없지요, 기본적으로 어떤 특정 내용들을 묶을때 DIV를 이용하여 묶고는 합니다.
여러종류를 묶을때는 DIV로 한줄의 짧은 텍스트는 SPAN을 쓰기도 하고 문단은 P라던지... 하지만 스킨 제작을 하다보면 DIV를 사용하여 각 개체를 묶어주는게 보통입니다.

오늘은 그런 각 개체의 여백을 조절하는 부분과 테두리에 대하여 알아보겠습니다.
들어가기에 앞서 먼저 이미지를 한번 살펴봐주세요.

사용자 삽입 이미지

눈치 빠른 분들은 위의 이미지를 보면 아! 이거구나~ 하고 금새 눈치 채실 것 같은데요?
총 4가지의 부분으로 나뉘어집니다.

  1. 컨텐츠 영역
  2. 안쪽 여백(Padding)
  3. 바깥 여백(Margin)
  4. 테두리(Border)

까만 구분선 안의 컨텐츠 영역과 안쪽 여백부분은 DIV 내부 영역이라고 하였는데 표현상 그렇게 한것이 아니고, DIV에 예를들어 배경색에 대한 스타일을 선언해주었다면 Padding 부분까지 영향을 받기에 해두었습니다.

좀 더 사이즈에 대해 자세히 알아봅시다!!
사용자 삽입 이미지

이렇게 포토샵으로 먼저 초안을 잡으면서 디자인 해놓고, 나중에 HTML과 CSS에서 코딩을 할 때에..

"음.. 난 가로 210에 세로 210으로 만들꺼니까 DIV의 width와 height를 210px로 해야지~" 라고 생각하신다면 안된다는 말이죠~

쉽게 설명하면 padding은 해당 개체(예:DIV)의 영역에 포함되고 border와 margin은 해당 개체의 주위를 둘러싸는 형태입니다.
padding은 개체의 영역에 포함된다고 해도 해당 개체의 사이즈에 속해있는게 아니라 또 다른 별도의 사이즈를 갖기에 초기 개체 사이즈를 넣어줄 때 padding영역을 뺀 값을 해주셔야합니다.

그럼 올바르게라면 이렇게 생각해야겠죠?
"음.. 난 가로 210에 세로 210 사이즈에, 테두리 5에 내부여백 10이니까.. DIV의 크기는 가로세로 180으로 해야겠구나!" 라고 되어야하는겁니다~

결론은 실제 사용할 수 있는 컨텐츠 사이즈만큼만 DIV의 가로 or 세로를 지정해주셔야 합니다.

위의 예제에 나온 소스코드는 아래처럼 되겠네요. 메모장에 붙여넣기 후 test.html로 저장해서 브라우져로 열어보세요~
<style>
    .teststyle
    {
        width:180px;
        height:180px;
        padding:10px;
        margin:10px;
        background-color:#ffff99;
        border:5px solid #e7b7dd;
    }
</style>

<div class="teststyle">Blogessence Contents</div>

오늘은 간단한 개념만 알려드리고자 하였고, 너무 길어지면 보는사람도 머리가 아프니까 여기서 끝마치도록 하겠습니다.
그냥 그때그때 생각나는것을 포스팅 하려했는데, 그렇다면 다음에 포스팅 할 내용도 정해졌군요..
이 다음엔 "padding과 margin의 자세한 사용법" 과 "border의 사용법"으로 나누어서 포스팅 하겠습니다.
도움이 되는분이 꼭 있길.. 없으면.. orz

'함께 생각하기 > 스킨제작, CSS' 카테고리의 다른 글

[CSS] Padding  (2) 2008/07/02
[CSS] 여백과 테두리의 간단한 개념  (1) 2008/07/02
  1. 사막 [2008/12/27 03:34]  수정/삭제  댓글쓰기

    티스토리를 시작은 안하고 있지만, 오빠꺼 틈타서 스킨만드는 연습하고 있거든요.
    완전 백지 상태에서 예쁜 디자인으로 된 블로그만 봐서 눈만 높아진 찰나.. 흑흑
    아무래도 그만둬야겠다 싶었는데 간단명료한 설명보고 다시 노력해보려구요. 헤헤
    좋은 글 고맙습니다 ♥

Simple Red Line

만들기/Blog Skin Posted at 2008/01/24 19:48

사용자 삽입 이미지

심플함을 강조한 Simple Red Line 입니다.
컨텐츠 사이즈 640px 블로그이미지 가로 220px
익스플로러 6&7, 파이어폭스 2, 사파리 3, 오페라 9에서 테스트하였습니다.


Simple_Red_Line.zip

본문 640 Pixel Version (Normal)

Simple_Red_Line_800.zip

본문 750 Pixel Version (Wide)

2008년 1월 29일 - 추가 -
넓은 사이즈를 원하시는 분들이 꽤 많이 계셔서 와이드 버젼을 추가해 보았습니다.
와이드 버젼은 본문이 750픽셀로 가능한대신 사이드바가 약간~ 줄어든 버젼입니다.

※사이드바가 모두 열려있는 상태가 아닌데.. 모두 여실려면..
아래의 그림처럼 skin.html을 메모장 등으로 여신 후에..
으로 되어있는것을 지워주시면 됩니다.
처음에 보여지기를 원하지 않는 부분엔 반대로 저 스타일을 넣어주면 되겠죠!?
사용자 삽입 이미지

※ 추가사항 ※ (해당 날짜 이전에 다운받으신분들은 다시 다운로드해주세요.)
- 2008년 1월 27일 18시 20분 : 사이드바 관리 오류부분을 수정했습니다(검색 모듈과 카테고리 모듈 뭉쳐있던 것)
- 2008년 9월 8일 20시 31분 : 어이없게도 9월이 Sep가 아닌 Set로 표시되던 문제;; 아래 파일만 다운받아 압축해제 후 images 폴더에 넣어주세요.

★ 1월 스킨공모전~ 고맙습니다 :) ★

'만들기 > Blog Skin' 카테고리의 다른 글

Secret Black : 시크릿 블랙 for Tistory  (88) 2008/07/08
Simple Red Line  (218) 2008/01/24
Black Rose  (27) 2007/12/12
Monde en rose  (59) 2007/12/07
Graceful Impression  (35) 2007/06/18