[스킨 배포] book 스킨 2.0 버전입니다.


누런종이 : book_2.zip (ver. 2009.11.26)
하얀종이 : book_2_white.zip (2009.11.26)

book 스킨 2.0 버전입니다. 스킨에디터로 들어가셔서
전문가용 편집 > html/css편집 탭을 클릭한 후 html과 css에 첨부파일 각각 복사&붙이기 하시면 됩니다. 2.0 버전이 은근히 제약이 많네요;; 위젯도 가로 180픽셀 고정이라 스킨 우측도 늘렸습니다. 본문 폭은 500px 입니다.


1. 이글루관리 > 디자인 > 새 스킨 만들기 버튼을 누른 후, 아래와 같이 설정합니다.


2. 템플릿 변경 > 포스트영역 > 포스트 본문의 본문 이미지 사이즈를 설정합니다. 본문 폭이 500px이므로 그 이하로 설정해주시면 됩니다.

템플릿은 본인의 취향대로 골라서 쓰세요~

3. 전문가용 편집에서, 첨부파일의 html과 css 파일을 열고 각각 복사&붙여주세요. 이때 '미리보기' 버튼을 하면 처음엔 적용이 안되고 일단 '바로적용'을 한번 해서 스킨을 생성해야만 적용됩니다.




기존의 메모장 기능은 스킨에디터 > 위젯추가/선택 > 내 저장 위젯 > 내 저장위젯 관리 에 들어가 있더군요;; 제가 쓰는것처럼 메모장으로 카테고리를 바꿔 쓰시던 분은 '설정변경' 버튼 클릭후 css 부분에 아래내용을 붙여주세요. (기존의 #사이드바 부분이 빠지게 됩니다)

.memo0 { padding:9px 0 0 15px; border-top:1px solid #C6BEA6;
background:url(http://pds3.egloos.com/pds/200706/02/61/left_list0.gif) no-repeat 0px 12px; }
.memo1 { padding:3px 0 0 15px; color:#5c5449;
background:url(http://pds5.egloos.com/pds/200706/02/61/left_list.gif) no-repeat 1px 6px; }
.memosub { padding:3px 0 0 15px;
background:url(http://pds3.egloos.com/pds/200706/02/61/left_list2.gif) no-repeat 3px 2px; }
.memolink { padding:3px 0 0 15px;
background:url(http://pds4.egloos.com/pds/200706/13/61/left_link.gif) no-repeat 0px 5px; }
.memoguest { padding:3px 0 0 15px;
background:url(http://pds5.egloos.com/pds/200706/02/61/left_guest.gif) no-repeat 0px 7px; }
.memodotline { height:1px; margin:5px 0 5px 0; border-top:1px dotted #C6BEA6; }

트랙백

이 글과 관련된 글 쓰기 (트랙백 보내기)
TrackbackURL : http://minimars.egloos.com/tb/2470018 [도움말]

덧글

  • 시아초련 2009/11/05 10:05 # 답글

    우와 드디어 스킨 2.0 버전도 배포하시는군요 ^^;;;
    전에 만드신 스킨도 정말정말 잘 쓰구 있습니다 ㅎㅎㅎ
  • minimars 2009/11/05 11:02 #

    2.0은 뭔가 엉성한 느낌이네요~ 유동적으로 쓰기 위해 그만큼 기본적인 것에 제약이 많아서 1.0버전에 있던 기능이 빠지기도 하고... 지금 쓰시는 스킨도 어서 고쳐봐야 할텐데 말이에요 ^^;
  • 2009/11/06 07:28 # 답글

    비공개 덧글입니다.
  • minimars 2009/11/06 11:41 #

    아.. 이게 한번 '바로적용'을 해줘야만 되는거네요. 캡쳐해서 다시 자세한 설명 올릴게요~
  • 귤대구 2009/11/06 11:57 #

    자세한 설명에 감사드려요♡ html은 영 잼병인지라 그냥 기존스킨만 이용하는데 스킨을 너무 예쁘게 잘 만드셔서 혹해서 익스플로러도 못끄고 바라만 보고 있었답니다.
    예쁜 스킨 감사하고, 설명에 다시한번 또 감사합니다♥

    좋은 하루 보내셔요
  • minimars 2009/11/06 12:00 #

    적용하신걸 보니 트위터의 압박이 또 있군요! ㅎㅎ; 요즘 블로그는 이것저것 붙일수있게 유동적이라 문제가 많네요 ㅠㅠ 잘 적용하셨다니 기쁘네요~ ^^
  • 2009/11/14 11:55 # 답글

    비공개 덧글입니다.
  • minimars 2009/11/14 13:24 #

    아 트위터는 제가 안써서 잘 모르겠는데 쓰신분들을 보니 '와이드위젯'이나 본인이 위젯을 만들어서 등록해서 쓰시는것 같아요.. http://scvlife.egloos.com/2479248 여기에 자세한 설명이 있으니 한번 해보세요~
  • 크라운 2009/11/14 14:04 #

    친절한 답변 감사합니다!
    그런데 제가 말한건 위젯이 등록이 안된다는 얘기였어요;ㅅ;
    위젯을 등록하는데 갯수제한이 있는건가요?
  • minimars 2009/11/15 18:01 #

    지금보니 트위터를 다신것 같은데... 맞죠?? 개수제한까진 전 잘 모르겠네요 ㅠㅠ
  • 즈망푸 2009/11/20 01:59 # 답글

    앗..드디어 만들어주셨네요! (뒷북인가요..ㅋㅋ)
    휘리릭 바꿨답니다...ㅎㅎ
    역시 minimars님 스킨이 최고..!! ^^* 잘 쓸게요~
  • minimars 2009/11/20 15:46 #

    잘 써주셔서 저도 기쁘답니다~ ^^
  • 2009/11/29 22:55 # 답글

    비공개 덧글입니다.
  • minimars 2009/11/30 03:32 #

    제가 배포하는 파일은 스킨에디터에서 맘대로 위치를 바꾸실수있게 그냥 기본적인것만 수정한거거든요. http://skin2help.egloos.com/3316748 여기 보시면 그 외의 것들도 수정할수 있게 되어있어요. 기본적으로 위쪽이 15px 떨어지게 되어있으니, 스킨에디터 css란에서 아무데나 이렇게 한줄 추가해 주세요~!

    .post_view .post_footer_area {margin:5px 0 15px 0; }
  • 2009/12/09 02:59 # 답글

    비공개 덧글입니다.
  • minimars 2009/12/09 21:22 #

    아.. 제가 세부적인 것까지 일일이 수정한거라서요, 스킨 일단 바꿔보시고 필요하시면 소스 공유해드릴게요~
  • 케이시마 2009/12/12 20:06 # 답글

    배포해주셔서 감사합니다! 깔끔하고 예쁘네요ㅎㅎ 예쁘게 잘 사용하겠습니다~
    아.. 그리고 현재 저는 메모릿으로 방명록을 쓰고 있습니다만 minimars님처럼 카테고리에 방명록을 만드려면 어떻게 해야하나요?
  • minimars 2009/12/13 04:18 #

    아 저는 카테고리를 카테고리메뉴에서 쓰지않고 위젯(예전 메모장 기능)으로 추가해서 쓰고있거든요. 아무카테고리에 방명록이라는 포스팅을 한 후, 그 글에대한 주소를 메뉴처럼 링크만 걸어준거랍니다~
  • 2009/12/13 01:45 # 답글

    비공개 덧글입니다.
  • minimars 2009/12/13 04:22 #

    적용은 제대로 하신거 같은데 나머지 상세 레이아웃은 직접 해주셔야되요. 스킨에디터에서, 포스트영억의'포스트본문'은 제일 마지막꺼 쓰구요, '포스트덧글'은 3번째.
    사이드바영역에서 '라이프로그'는 2번째꺼 쓰고 나머지는 1번째것으로 쓰고 있어요. 그렇게 설정을 먼저 해보세요~
  • 2009/12/14 00:37 # 답글

    비공개 덧글입니다.
  • minimars 2009/12/14 14:33 #

    프로필메시지 부분은 위젯으로 추가한거라서 설명드리기가 좀 그렇구요, 저처럼 쓰시면 프로필이미지 클릭했을때 확대가 안되요^^;

    1. 사이드메뉴 제목 자간
    .column .widget h3 { 라는 항목을 찾으신후 letter-spacing:-1px을 -2px로 해주세요.

    2. 사이드메뉴(카테고리/최근덧글/ 최근트랙백)에 아이콘 넣기
    .menu_category li { padding:0 0 0 9px; background:url(http://pds13.egloos.com/pds/200902/03/61/book_blit.gif) no-repeat 1px 6px;}
    .menu_comment li { padding:0 0 0 9px; background:url(http://pds13.egloos.com/pds/200902/03/61/book_blit.gif) no-repeat 1px 6px;}
    .menu_trackback li {padding:0 0 0 9px; background:url(http://pds13.egloos.com/pds/200902/03/61/book_blit.gif) no-repeat 1px 6px;}
    이렇게 3줄 추가해주세요

    3. 포스트하단의 글 주소 없애기
    .post_view .post_footer_area .post_info .post_info_link { font:9px verdana; display:none; }
    추가해 주세요
덧글 입력 영역