* 사이드바가 3단형으로 되어있던것을 2단형으로 수정
* 사이드바에 펼침 기능 추가

basic_gray_wide_v1.1.zip

(2007년 3월 15일 ver1.1)


* 웹폰트 적용에 대해서 물어오시는 분이 계셔서,
혹시나 도움이 될까해서 올려봅니다.
지금 홈에 적용되어 있는 스타일 시트입니다.


* 폰트가 저작권 관련해서 문제가 될 소지가 있다고 해서,
링크만 걸어둡니다.. ^^;
http://seevaa.net/15
이올린에 북마크하기(0) 이올린에 추천하기(0)
TRACKBACK 1 AND COMMENT 51

TRACKBACK http://kkommy.com/trackback/1170256014

  1. Subject 티스토리 스킨 완성!!!! ^0^

    Tracked from The other world of kkommy 2007/03/15 22:13 delete

    기본에서 조금 바꾼거지만.. 며칠동안 고생에서.. 내 맘에 드는 스킨으로 고쳐냈다.. 첫 작업.. 뿌듯하다.. 이제 퇴근해야지.. v^-----------^v basic_gray_wide.zip (2007년 3월 13일 첫번째스킨)

  1. BlogIcon 하몽 2007/03/15 23:22 address edit/delete reply

    제발...!!!.. 저는 엔하늘님것을 다운 받아서 블랙으로 수정 하였거든요...모르며 헤메며 열심시 수정하니본문폭이..시원한것이 나왔네요..~
    본문폭을 어디서 만져줘야합니까....???...1050 .....qhsansvhr 800 으로 하려면요....그리고 제발 도와주세요^^..

    <STYLE>
    body { scrollbar-3dlight-color:#000000;
    scrollbar-arrow-color:#7E7B7B;
    scrollbar-track-color:#000000;
    scrollbar-darkshadow-color:#7E7B7B;
    scrollbar-face-color:#000000;
    scrollbar-highlight-color:#7E7B7B;
    scrollbar-shadow-color:#000000;}
    </style>

    .
    바쁘시겠으나.. 이것 검정 색 스크롤바 집어 넣어서 어울리게 이상없이 쓰도록좀 해주세요!!..
    제가 몇일을 하다하다 도저희 못해서 부탁드립니다.
    제가 하다가 하다가 도저희 적용을 못해서 그런거니...님이...위에 소스를 직접 넣어서 테스트 해보시고 좀 알려주세요...님의 블로그에도 검정 투명스크롤바로 바꾸면 훨 어울릴것 같은데...저소스로 한해봐주세요..급해요..미치겠어요..훌쩍!!!..
    아니 전에 되던것이 왜 안되는지......여기 넣어보고...저기 넣어보고..별별곳에 다 넣다..적용안되어서 지쳐서 도움청합니다!!....
    .
    그리고..태그로그에 텍스트가 너무 커요...이건 어디서 줄여줄수 있는지요!!..지금이 뎃글들 크기 처럼 하고싶어요...너무커서요..휴우!!!..
    도와주세요!!...님은 스킨을 수정하신분이니....
    스크롤바 적용할수 있을거에요..그쵸!!..~
    .
    님이 저위에 소스를 직접 넣어보셔서 테스트좀 해주시고...답변좀해주세요.
    도대체 전에는 되던것이..왜 안되는지..도저히... 한번도움주세여!..
    .
    글을 쓰면...칸 뛰우기가 안되는 문제가 있어요...제가 뭘 잘몰라서요~~
    그래서 점을 찍어요.
    .
    흑흑!!..

    • BlogIcon kkommy 2007/03/15 23:54 address edit/delete

      우선 태그로그의 텍스트는


      /* content 태그 */
      .content .tag a{ color:#e8c45e; padding:0 2px; text-decoration:none; font-family:seevaa9;}
      .content .tag ul{ margin:10px; padding:0;}
      .content .tag li{ display:inline; padding:0; text-align:justify;}
      .content .tag li .cloud1 { font-weight:bold; font-size:18pt; color:#ff71f8}
      .content .tag li .cloud2 { font-size:18pt; color:#e8c45e;}
      .content .tag li .cloud3 { font-size:18pt; color:#ff71f8;}
      .content .tag li .cloud4 { font-size:9pt; color:#e8c45e;}
      .content .tag li .cloud5 { font-size:9pt; color:#a2a2a2;}
      .content .tag li a:hover{ color:#ffffff;}

      이부분에서 font-size를 9pt나 100%, 또는 원하시는 사이즈로 수정하시면 됩니다.
      저도 따로 공부를 해서 만든 스킨이 아니라서
      스크롤바 부분은 좀 만져봐야 할것 같네요.. ^^;
      그건 시간을 가지고 한번 해보고 말씀드리겠습니다.. ^^


      그리고 칸띄우기가 안되는 문제는 저도 아직 문제점을 못찾고 있다는.. -_-;
      한줄띄우기가 적용이 안되고 있는걸로 우선은 인식하고 있습니다만,
      아무래도 그건 제 홈에 적용된 폰트 문제라고 생각하고 있습니다.


      아!! 본문폭은요.
      /* 블로그의 레이아웃 */ 부분에서
      container, mainBody, contentBody, footer는 1050px로 하시고요.
      content는 830px로 변경.
      .content .article부분의 width는 800px로 변경
      그렇게 했습니다.

  2. BlogIcon 하몽 2007/03/16 12:24 address edit/delete reply

    고운님...스크롤바는 천천히 테스트 하셔서 도움좀 주시옵구요.
    .
    한가지또...
    .
    우리가 코멘트를 기록하기 위하여...이름쓰는란...하고...비밀번호 쓰는란하고...홈페이지 주소 써넣는란하고
    우리가 본문뎃글 쓰는란이..하얀화이트 색상인데.....제블로그가 블랙으로 바꿔주다보니
    너무 블랙과 화이트...가 너무 도드라지는듯해서 그래이 색으로 바궈주고 싶은데요..~
    .
    귀찮으시더랩도 답변좀 알려주시면 정말 감사하겠습니다!!...
    .
    .
    .

    • BlogIcon kkommy 2007/03/16 15:43 address edit/delete

      이거이거 공부할게 점점 많아지네요.. ^^;
      저도 이쪽 부분으론 공부해본적이 없어서요..
      이번이 처음 해본 작업이라서, 스크롤바도 공부해봐야되는 과목인데.. 하핫..^^;
      한번 노력은 해보겠습니다..^^;

    • BlogIcon kkommy 2007/03/16 17:40 address edit/delete

      스크롤바는 아직 모르는 기능이라 공부를 좀 해야할것 같네요. ^^;

      오늘 물어보신 질문이요~
      그건 한번 적용해 보았습니다.. 해보니 참 깔끔하네요. ^^

      /* content 방명록 글쓰기 */
      .content .guestbook .write { color:#a2a2a2; margin:0 5px; text-align:left}
      .content .guestbook .write input{ color:#a2a2a2; background:#3d3d3d; width:30%; padding:4px 4px 0 4px;} /* 이름, 비밀번호 입력박스 */
      .content .guestbook .write .homepage{ color:#a2a2a2; background:#3d3d3d; width:70%;} /* 홍페이지 입력박스 */
      .content .guestbook .write textarea{ color:#a2a2a2; background:#3d3d3d; width:100%; margin-bottom:5px;} /* 방명록 입력박스 */
      .content .guestbook .write .btn{ width:100%; background:#4f4f4f; padding-top:3px; margin:0 0 0 1px; color:#fff } /* 버튼 */

      댓글부분은 아래
      /* content > entry 댓글 쓰기 */ <- 이렇게 코멘트된 부분을 위에 처럼 설명된 부분 참고하셔서
      원하시는 색으로 변경하셔서 사용하세요.. ^^

  3. BlogIcon 2007/03/17 18:58 address edit/delete reply

    감사 합니다....겨우 님이 갈쳐준데로 해서..적용했어요.
    비밀글...체크하는 조그만 박스는 왜 하얀색인지..그건 어디서 바굴순 없나요?..
    .
    .
    .
    스크롤바는 안되요..님이 시간되는되로 테스트 하셔서 천천히 공부하셔서 알려주세요^^..

    • BlogIcon kkommy 2007/03/18 00:07 address edit/delete

      체크박스 부분은 제 생각에는

      .content .entry .comment .write .checkbox{ border:0; width:20px;}

      이부분을 변경하면 될것같은데요
      조금 변경해봤는데 안에 흰색은 변경이 안되고,
      바깥 부분의 색만 변경이 되는것 같네요..^^;
      좀 더 알아봐야 될거 같아요..

  4. BlogIcon 2007/03/17 19:02 address edit/delete reply

    먼저 웹폰트는 눈이 무척피곤했는데...이건 좋군요..하하
    .
    웹폰트 이쁘네요^^..무슨폰트입니까?...염체없으나 나도좀 쓰게해주면안됩니가.ㅎㅎ(농담이에요.)
    티티체도 아니고,엔터 풀잎,갈잎,도아니고,한양서체인가..

    난중에 스킨 만드실대 참고하세요^^..
    제파란 푸딩인데.....코멘트란이 어수선하지 않고 무척 깔끔하면서도 셰련됨이..하하
    이렇게 만들어졌으면 참 좋았지 않을가 하는 생각에..유저들의 말을 기분나쁘게는 듣지마시고요..ㅎㅎ
    .
    http://pudding.paran.com/mystory2/342971?p_eye=pudd^myp^man^pud^newthum

    • BlogIcon kkommy 2007/03/18 00:00 address edit/delete

      지금 제가 쓰는 웹폰트는 티티체입니다.. ^^
      http://www.tt.co.kr/
      여기 회원가입하고 신청하시면 다운받으실수있어요..

      그리고, 코멘트란 깔끔하니 세련되고 이쁘더군요..
      다음에 스킨 업할때 참고할께요~ ^^

  5. BlogIcon 련..~ °³°³ 2007/03/18 11:51 address edit/delete reply

    안녕하세요?....
    엔하늘님의 스킨을 받아서 헤메면서 조금 수정했는데....
    가만보니...제꺼는 코멘트 한사함씩 써시구, 제가 리플 달고...
    .
    .여기 처럼 라인이 없어요^^..
    님의 지금 이곳 블로그처럼...각각뎃글마다 구분이 될수 있는 지금님의 코멘트 처럼..라인을 적용할..소스좀 부탁 드려요^^..
    그소스를 어느 위치에 넣어줘야하는지...도 알려주시면 고마울게요..^^
    .
    님스킨을 새로 다운 받자니...또 첨부터 모르면서 제스타일에 맞게 수정할 생각하면 도저히 힘이들어서 곤란할것같아요.
    제가 스킨을 너무 모르개든요^^...
    .

    제꺼는 각각의 뎃글남기고 끝맺을때 라인선 구분이 없어서 어수선한 느낌에요..님의 라인들어간 소스를 제게도 좀 주세요^^.
    적용할우ㅏㅣ치도 함게요..좀 도와주오!!..네...고운 주말 보내세여!..
    .
    구분이 안되서 쭉 붙어 가지고 보기가 안좋아서요^^..

    • BlogIcon kkommy 2007/03/18 15:47 address edit/delete

      라인은요..
      /* content > entry > 댓글 리스트 */

      .content .entry .comment .list li{ background:url(images/iconComment.gif) no-repeat 5px 10px; border-top:1px solid #666; padding:8px 0 5px 20px; margin-bottom:4px;}

      border-top:1px solid #666; <- 이부분 참고하시면 될듯 싶습니다.^^

    • BlogIcon 2007/03/18 23:18 address edit/delete

      정말 고마워요^^..
      적용했어요.
      .
      .
      이제 스크롤바 를 넣어야하는데...훌쩍......~~~
      시간이되실때 테스트 해보셔서 도움주세요...스킨에 대하여는 ...암것도 몰라요..정말.....

    • BlogIcon kkommy 2007/03/18 23:21 address edit/delete

      사실 저도 아는거 하나도 없는 초보랍니다..
      이번에 스킨 올리면서 한 작업이 첫 작업이었거든요..^^;
      스크롤은 보고있는데 어렵네요.. ㅠㅠ

  6. BlogIcon 하몽 2007/03/18 23:35 address edit/delete reply

    제꺼는 바탕ㅇ블랙이다 보니...블로그에 들어간......라인......들이 너무 밝아서...좀더 짙은 회색으로 바꿔 주면 좀더 세련된
    블로그의 느낌을 가질수 있을것 같은데... 한두곳 만줘줘서 안되는거죠...에휴!!..~~~~!!


    .
    .
    여긴..그래이..칼라니까...라인들이 도더라져보이진 않는데...제건 너무 라인색들이....하얗고 밝아서...흑흑....이것도 혹시 아신다면....
    코맨트,쓰는곳 들 라인..방명록 쓰넣는곳들 라인...뎃글들 라인....방며옥 뎃글들 ㄹ인..전부 넘 밝아요..에고..이욕심을.....

    • BlogIcon kkommy 2007/03/18 23:38 address edit/delete

      아까 그 부분에서 solid 다음에 #666이 라인 칼라입니다.. ^^;

    • BlogIcon 하몽 2007/03/19 00:12 address edit/delete

      일반 뎃글 쓰는곳 라인 하고, 방명록 뎃글쓰는 라인.....칼라좀 변경하는 부분좀 알려주세요..미안해요..이왕쓰는스킨 좀 이뿌게 쓰고싶어그래요.^^.ㅎㅎ

    • BlogIcon kkommy 2007/03/19 09:14 address edit/delete

      /* content 방명록 리스트 */
      .content .guestbook .list li{ padding:10px 10px 10px 14px; background:url(./images/iconFoot.gif) no-repeat 0 6px; border-bottom:1px solid #6e6e6e;}
      solid 다음이 방명록 라인 색입니다. ^^

      그리고 일반 댓글은 위에 말씀 드린
      /* content > entry > 댓글 리스트 */부분에서
      solid가 선이고 그 다음이 칼라입니다.

      나머지는 님의 소스와 제가 올린 소스를
      차근차근 비교해보시거나, 하나하나 바꾸시면서 확인해보세요.
      저도 그렇게 하면서 해본것이랍니다. ^^
      저도 따로 공부해본적이 없는 사람인지라 더이상 자세히 답변해드리기가 어렵네요. ㅠㅠ

  7. BlogIcon 하몽 2007/03/19 10:45 address edit/delete reply

    님이 갈쳐준것도 소스가 달라서 수정못하는것이 많아요..제가 몰라서
    미안하지만......그래서 이미지로 켑쳐해서 정확한 질문을 드리고저....유저들의 질문이 귀챦긴하겠으나..모르는것 답안해주셔도...
    그러나 아신다면...천천히 답변해주세요..~~ 화내지마세요..ㅎㅎ


    http://mystory2.org/bbs/data/master/4.jpg
    .
    http://mystory2.org/bbs/data/master/5.jpg

    • BlogIcon kkommy 2007/03/19 16:50 address edit/delete

      첫번째 그림의 것은

      /* content 검색 리스트 */
      .content .searchList li{ margin:0; border-bottom:1px solid #6e6e6e; padding:2px 0;}
      저 부분에서 solid 다음 색상을 변경하시면 될것 같고요..
      만약 저게 아니라면,
      /* content 검색 댓글 리스트 */
      .content .searchReplyList li{ margin:0 ; border-bottom:1px solid #6e6e6e; padding:2px 0;} 이 부분일것 같습니다.

      해보지는 않았으나 코딩상 그렇게 생각이 되네요.. ^^;

      그리고 두번째 그림의 것은 컨텐츠의 라인 같기도 하고 님의 소스가 어떤 부분에서 고쳐진 것인지 몰라서 정확히 답변해 드리기가 어렵네요..^^;

    • BlogIcon kkommy 2007/03/19 16:53 address edit/delete

      고치시려는게 검색 리스트의 선이시라면,
      검색 리스트의 색을 변경하는게 맞는거겠죠?
      방금 전 변경해서 적용해보니 맞네요.. ^^

    • BlogIcon 련..~ °³°³ 2007/03/20 00:42 address edit/delete

      참 고맙습니다...아랫쪽 라인색은 바꿔주지 못했어요..
      적용이 안되요^^..ㅠㅜ~..

  8. 2007/03/20 00:39 address edit/delete reply

    비밀댓글 입니다

    • BlogIcon kkommy 2007/03/20 00:43 address edit/delete

      폰트는 티티체를 사용하였고요..
      스타일 시트에서 적용하고자 하는 폰트를 일일이 지정해주어야 하는 번거로움이 있습니다..^^;
      그리고 사이트에 가봤는데, 정말 안보이네요..
      이미지 파일이 제대로 업로드가 안된게 아닌가 하는 생각이 드는데요..
      한번 확인해보심이 어떨런지..^^

    • BlogIcon kkommy 2007/03/20 00:44 address edit/delete

      아! 티티체는
      http://www.tt.co.kr/
      여기에 회원가입하시고 신청하시고 다운받으셔서 쓰시면 무료로 사용하실수 있습니다..^^

    • 2007/03/20 03:45 address edit/delete

      비밀댓글 입니다

    • BlogIcon kkommy 2007/03/20 10:15 address edit/delete

      /* mainbody > sideinfo > 달력 */
      이 다음에
      .sideinfo .calender, .sideinfo .calender{ font:100% Verdana;} <- 이 줄을 추가해보세요.
      년과 월 지정은 저도 찾고 있는 중입니다만..
      달력의 폰트사이즈와 폰트체를 몽땅 지정할수는 있습니다.

  9. 2007/03/20 10:39 address edit/delete reply

    비밀댓글 입니다

    • BlogIcon kkommy 2007/03/20 11:02 address edit/delete

      MDOO님도 저처럼 티스토리 쓰시고 계신거 같은데요..^^;;
      카테고리는 환경설정 > 화면설정 > 분류스킨선택 > dot_gray 선택해 주시면 저와같은걸 쓰실 수 있어요 ^^

  10. 2007/03/20 11:07 address edit/delete reply

    비밀댓글 입니다

    • BlogIcon kkommy 2007/03/20 11:33 address edit/delete

      html 파일이랑 css 파일요..
      그거 스킨 편집에서 붙여넣기 해보실래요? ^^;

  11. 2007/03/20 12:55 address edit/delete reply

    비밀댓글 입니다

    • BlogIcon kkommy 2007/03/20 13:05 address edit/delete

      메일 보냈습니다..
      부디 도움되시길 바라겠습니다.. ^^

  12. 2007/03/20 13:35 address edit/delete reply

    비밀댓글 입니다

    • BlogIcon kkommy 2007/03/20 13:59 address edit/delete

      다행입니다..^^
      보내놓고 안되면 어쩌나 걱정했는데.. 좋은 하루 되세요~^^

  13. BlogIcon 련..~ °³°³ 2007/03/23 12:30 address edit/delete reply

    아` 스크롤바 좀 어떻게좀 해보세요...흑!!..
    검정투명 스크롤바 적용해야하는데.........나는안되요..~ 다른 스킨 사용할때는되던것이...왜?...
    우리님께서...좀 도와주세여!..ㅎㅎ

    • BlogIcon kkommy 2007/03/23 13:12 address edit/delete

      스크롤바는 저도 잘 모르겠네요.. ㅠㅠ
      어디서 어떻게 적용해야 할지 전혀 모르겠어요..
      죄송합니다..

  14. 진S 2007/03/24 00:12 address edit/delete reply

    감사합니다. 스킨 잘 쓰겠습니다.^^

    • BlogIcon kkommy 2007/03/24 00:56 address edit/delete

      써주셔서 고맙습니다..^^

  15. BlogIcon 겐친 2007/03/25 11:37 address edit/delete reply

    스킨 잘 쓰고 있습니다. 한가지 물어볼게 있는데요.
    왼쪽의 카테고리 크기가 너무 크게 나와서요. 어떻게 줄이는 방법 없나요?
    style.css에는 카테고리 리스트 스타일해서 나와있는 부분에는 9pt라고 나와있는데
    크게 나오네요. 다른 곳인가요? 부탁드립니다~

    • BlogIcon kkommy 2007/03/25 23:19 address edit/delete

      스킨 편집화면에서 style.css와 skin.html 파일을 메모장에서 열어 붙여넣기 해주세요.. ^^

  16. 2007/03/29 10:25 address edit/delete reply

    비밀댓글 입니다

    • BlogIcon kkommy 2007/03/29 11:10 address edit/delete

      /* content > entry > 태그 */
      라고 적힌 부분 아래에서 고쳐주시면 될것 같네요.. ^^;

  17. 2007/03/30 23:30 address edit/delete reply

    비밀댓글 입니다

    • BlogIcon kkommy 2007/03/31 11:17 address edit/delete

      소스를 보니 위에서 정의를 해준 것 같은데요. ^^;

      /* content > entry > 태그 */
      아래부분에다가.
      .content .entry .tag a{color:원하는 색번호;}
      이렇게 추가하세요.. ^^

  18. BlogIcon 애교 2007/04/01 00:31 address edit/delete reply

    스킨 잘쓰고 있습니다
    다름이 아니라 웹폰을 적용하였습니다
    댓글을 입력하고 있는 지금 이창에서는 님께서는 웹폰대로 입력이대는데
    제가 제 홈피에서 댓글을 작성할땐 기본폰트로 보여집니다
    이부분 수정은 어디서 해야하나요?

    그리고 하나더 블로그 메인이미지 넣는 테이블있잖아요
    사이즈가 어떻게 되나요;;

    • BlogIcon kkommy 2007/04/02 12:03 address edit/delete

      .write textarea를 찾으신뒤,
      width 앞에 font:원하시는 폰트; 이렇게 추가하세요
      ex)
      .content .entry .comment .write textarea{ font: TTche; width:100%; margin-bottom:5px;} /* 댓글 */
      textarea가 text가 입력되는 창을 말합니다. ^^

      그리고 사이드바의 이미지는 최대폭 180px이니,
      170px 정도로 하시면 될것 같습니다.^^

  19. 2007/04/05 02:52 address edit/delete reply

    비밀댓글 입니다

    • BlogIcon kkommy 2007/04/05 08:55 address edit/delete

      저도 플래쉬 메뉴같은건 넣어본적이 없어서 대답해드리기가 곤란하네요..^^;
      죄송합니다..

  20. 2007/04/09 11:12 address edit/delete reply

    비밀댓글 입니다

  21. 2007/04/09 11:20 address edit/delete reply

    비밀댓글 입니다

    • BlogIcon kkommy 2007/04/09 13:01 address edit/delete

      저도 그렇게 세밀하게는 코드를 잘 몰라서요..
      죄송합니다..

      저역시도 따로 배운적이 없거니와,
      이번 스킨 작업이 처음으로 해본 작업이었고..
      저도 님처럼 엔하늘님 스킨을 받아서 제 홈에 맞게 여기저기 뜯어 고친것이었고..
      코드를 조금씩 손대보고 부분부분 비교해보고,
      필요한 부분은 다른 스킨들을 다운받아서 다시 고쳐쓴거랍니다..
      그래서 좀 더 자세한 설명을 드릴수가 없네요..

      님께서 필요하신 부분은 다른 스킨을 다운받으셔서..
      님과 다른 부분을 비교하셔서 찾으시는 방법으로 하셔야할것 같습니다..
      도와드리고 싶은데, 어떻게 도와드려야할지 조금 난감하네요.. 죄송합니다.. ^^;
      그리고 님 홈페이지를 보니 충분히 혼자서 해내실 수 있을것 같습니다.. 화이팅하세요. ^-^