블로그 스킨 만들기

공개일기 2006.08.26 22:44
  예전에 시도하다가 잠시 중지했던 프로젝트, 블로그 스킨만들기에 다시한번 도전을 해 볼까 하는 마음에 스킨작업에 들어갔습니다. 테이블로 작업하는게 훨씬 쉽긴한데, 테이블 사용을 최대한 줄이고 DIV로 만들어보려니 꽤나 까다롭네요...;; CSS는 어떤 부분에 사용을 해야할지 막막하기도 합니다.

  일단 테이블로 대강적인 레이아웃을 짜 두었고 작업이 진척되는대로 스타일시트를 하나하나 붙여나는 방향으로 잡았습니다. 테이블로 만들어놓고 DIV로 차근차근 바꾸면서 맞출려구요.

  익숙하지가 않은작업이라 다른분들은 어떤방법으로 스킨을 만드는지 궁금하네요..ㅎㅎ 봄내음이 풍기는 오리지날 스킨을 제작하려고 했었는데, 봄스킨을 완성하기도 전에 가을용 스킨을 만들어야 하는 시기가 왔습니다. 이렇게 스킨작업의 진행속도가 늦는걸 감안해서 계절테마로는 절대 안만들껍니다..ㅎㅎ

  태터툴즈용 스킨만들기 연구중입니다.

'공개일기' 카테고리의 다른 글

노래방에서 노래부르고 싸이월드로!!  (6) 2006.08.31
개강!!  (8) 2006.08.28
블로그 스킨 만들기  (10) 2006.08.26
화가나거나 힘들때  (6) 2006.08.24
무지개 발견!!  (12) 2006.08.20
1G램 구입하다!!  (12) 2006.08.18
top
     TAG css, xhtml, 블로그 스킨
  1. Favicon of http://raonsky.com/tt/ 라온수카이 2006.08.26 23:01 신고 수정/삭제 댓글

    저는 시도조차 못하겠던데,,, 대단하십니다. 기대할께요~ ^.~

    • Favicon of http://signpen.net 싸인펜 2006.08.27 12:23 신고 수정/삭제

      많이 헤메고 있습니다. 조금만 실력이 있었다면, 태터툴즈 1.1스킨 공모전에 제출할만한 스킨을 만들 수 있었을텐데라는 아쉬움이 약간 있어요..ㅎㅎ

  2. Favicon of http://rukxer.net/ Rukxer 2006.08.26 23:04 신고 수정/삭제 댓글

    그나마 드림위버로 연동하면 눈에 보이면서 하니까 쉬워지는데, 그래도 좀 어렵더군요 =___=;; 그래서 저는 그냥 누군가 만든 스킨을 개조해서 쓰는 정도로만 하고 있습니다. -ㅂ-

    • Favicon of http://signpen.net 싸인펜 2006.08.27 12:25 신고 수정/삭제

      예전에 나모로 스킨을 만들어보려다가 나모 자체에서 자동으로 잡히는 값들 때문에 자꾸 흐트러져서 이번엔 텍스트에디터로만 작업해보고 있어요.

      은근히 어렵네요...;;

  3. Favicon of http://wooyoon.net 흰우유 2006.08.27 21:07 신고 수정/삭제 댓글

    저는 처음에 블로그 스킨 같은 거는 테터 만드신 분만 만드시는 줄 알았어요;;
    그런 걸 만드시다니.... (작아지는...)
    멋진 것 만들어서 공개해주세요!!! ㅎㅎ
    일명 도둑놈 심보라는.. ㅋ

    • Favicon of http://signpen.net 싸인펜 2006.08.28 14:11 신고 수정/삭제

      공개형스킨이 아니라 제 전용 스킨을 만들어다 붙일 생각이었는데...ㅎㅎㅎ 일단 완성되면 스킨 완성도를 봐서 쓸만하다 생각되면 공개도 해 보겠습니다.

      그나저나 지금 태터1.0.6버전을 기준으로 스킨을 만드는데, 1.1버전이 공개되면 새로 손봐야 할지도 모르겠습니다..;)

  4. Favicon of http://huhuchi.egloos.com d i _ v i l l a _ j u n 2006.08.27 23:54 신고 수정/삭제 댓글

    정말 깔끔한데요??? 흠... 부럽습니다. 전 걍 이글루스에서 지원하는 것으로 떼우는지라...ㅋㅋㅋ

    • Favicon of http://signpen.net 싸인펜 2006.08.28 14:13 신고 수정/삭제

      지금쓰는 스킨을 새 스킨이라 오해하지 말아주세요^^ㅋ
      지금스킨은 리체님이 만들어두신 태터 기본스킨을 제 입맛에 맞게 커스터마이징해서 사용하는 것 뿐이구요..ㅎㅎ

      지금 다른곳에있는 제 비밀공간에서는 스킨작업이 이루어지고 있답니다..ㅎㅎ

  5. Favicon of http://kose.tistory.com kose 2006.09.03 15:18 신고 수정/삭제 댓글

    외국사이트를 참고하는것도 좋을것 같아요..
    외국 블로그 사이트 돌아다녀 보시면
    css로 짜여진 블로그들이 많습니다. 그 블로그의 css를 저장해서
    참고하시면서 만드시는것도 좋은 방법일것 같네요..
    제가 자주 하거든요.. 하다보면 표절이 되버리지만..
    ㅋㅋㅋ

    • Favicon of http://signpen.net 싸인펜 2006.09.03 23:12 신고 수정/삭제

      표절 티 안나게 어떻게 연구 해 봐야겠습니다..ㅋㅋ

      한번 찾아다녀 봐야겠군요^^ㅋ
      정보 감사합니다~

댓글 쓰기

블로그 튜닝

긴글 2006.02.20 22:08
블로그 튜닝이라고 거창하게 타이틀은 걸었지만, 사실 손본건 몇개 없습니다.

블로그 스킨 만진다고 이것저것 주무르다 보니 스타일시트에 대해 약간 알게 되었는데요. 책이나 전문자료를 이용한 습득이 아닌 제가 이것저것 주무르면서 체득한 지식이다 보니, 제가 알고있는것들은 솔직히 모두 "야매"입니다.....;;;;;;

거창한 변형은 없었고, 배경에다 무늬를 삽입하고 전체적으로 웹폰트를 적용해봤습니다.
폰트 이름은 "엔터 갈잎9"입니다.

타이포엔터에서 나오는 폰트가 어떤 크기에서든 모두 예쁘게 출력되는것이 아니라 특정 사이즈에서만 본래의 예쁜모습을 뽐내기 때문에 본문이나 글자크기 변동이 있는 태그란에는 적용을 안했습니다.
무료로 배포되는 폰트이니 저작권문제는 없을듯하구요.

http://www.typoenter.net/ <="타이포 엔터"
혹시 타이포엔터의 엔터 폰트가 마음에 드시는 분들을 위해 다운받을 수 있는 주소를 남깁니다. 저작자가 재배포 행위를 원치 않으므로 필요하신 분께선 직접 홈피에서 다운로드 받으셔야 겠습니다.

몇 안되는 무료폰트중에 하나로, 학교친구의 소개로 처음 써보게 됐는데 글씨체가 예쁘고 해서 제가 애용하는 폰트입니다. 현재 제 윈도우 테마에도 폰트는 "엔터 풀잎"으로 설정되어 있을정도니까요^^

제 블로그가 한층 더 산뜻해졌군요^^♡

'긴글' 카테고리의 다른 글

공교육에 대한 잡상  (4) 2006.03.14
특이한 블로거들...  (10) 2006.03.10
넥슨 홈페이지 접속불가  (10) 2006.02.25
"다음-애플 ‘국제표준 홈피’ 만든다"  (2) 2006.02.24
블로그 튜닝  (0) 2006.02.20
대학가요제 대상 "EX" 이상미  (6) 2006.02.16
top

댓글 쓰기