미투데이(시난)


[트랙백] conodont_skin 스킨

화석 스킨 완성...이라기엔 부끄럽지만 ㅠ.ㅠ - 올비님

원하시는 방향과는 좀 다른 것 같기도 합니다만;;
일단 억지로나마;; 눈에 보이는 것은 그럭저럭 제대로 보이게 됐기에 트랙백합니다.



1. 현재 설정된 부분별 가로 사이즈(pixel) : 포스트 이미지 624 - 로고 184 - 메모장 184

포스트란의 사이즈가 650으로 되어있더군요. (conodont_bg_post_title.jpg의 사이즈가 가로 650px)
그렇다면 글씨나 그림의 양옆 빈공간을 제하고 나면 624 정도가 되는 것 같아서, 포스트 이미지를 624로 지정했습니다. 이 사이즈로 하면 그보다 큰 그림을 올려도 포스트 오른쪽 선을 침범하지 않습니다.

2.
conodont_css.txt
conodont_html_main.txt
conodont_html_post.txt

html 포스트 부분의 소스도 다소 변경했습니다; 소스가 좀 지저분합니다만 얼추 맞게 보이긴 보여서...;;
하지만 파폭에서는 잘 보이는데 익스6/7에서 sidebar p.description 과 div_cal이 왜 2px 정도 오른쪽으로 들어가서 보이는지는 의문입니다;; 그 부분은 해결 못 했습니다. 해결해서 새로 css 올렸습니다. 이제는 익스6/7에서도 완벽하게 보일 겁니다.

3.
conodont_bg_header.jpg
conodont_bg_container.gif

conodont_bg_header.jpg와 conodont_bg_container.gif를 새로 고쳤습니다. 정확히는 가로 사이즈를 좀 잘라냈습니다. 제 소스를 사용하실 때는 저 두 그림도 바꿔주시기 바랍니다.
.
.
.

일단 서브 블로그에 적용시켜놨습니다. 확인해보시고 문제가 있으면 다시 알려주세요.

덧글

  • 크아악 2008/11/02 19:08 # 답글

    이런거 만들어서 쓰시는 분들 보면 엄청 존경스러워요...
  • 샐리 2008/11/02 19:24 #

    별로 어려운 건 아니에요. 제가 하는 것도 완전 기초적인 것들만 만지작거리는 거라서, 크아악님도 맘잡고 며칠 투자하시면 금방 하실 수 있어요. 다만 이게 순전히 노가다라서 시간이 좀 걸리는 게 문제랄까요...;;
  • 홈워즈 2008/11/02 19:19 # 답글

    여기 스킨이 또 바뀌었군요'ㅅ'

    왼쪽 사이드바에서, 마우스로 글자들을 스칠때 배경이 이리저리 흔들립니다?
  • 샐리 2008/11/02 19:24 #

    모니터에 따라 그냥 화면에서는 스크롤바가 없었다가 사이드메뉴가 보이면서 스크롤바가 생기는 경우가 있습니다. 그럴 때 흔들릴 거예요 ^^
  • ExtraD 2008/11/02 19:22 # 답글

    우와~
  • 샐리 2008/11/02 19:25 #

    에헷~
  • 크아악 2008/11/02 19:31 # 답글

    죄송합니다;; 수험생이어서;;; 수능끝나고 배워봐야지요 가르쳐 주시겠어요?
  • 샐리 2008/11/02 19:34 #

    저, 저도 초보라서 ^^;; 웹에서 css 강좌 검색하셔서 나오는 것들만 찬찬히 읽어보셔도 됩니다. 저는 blog.naver.com/rusdudtn2 이곳의 css 카테고리를 주로 참조했습니다.
  • 크아악 2008/11/02 19:34 # 답글

    옙 감사합니다
  • 렉시즈 2008/11/02 19:50 # 답글

    샐리님 스킨 덧글에 그림 넣는 포스팅을 보고 저도 도전해보려고 햇는데 레이스 스킨에서는 안 되는 건가요? 제일 처음 주소 찾는 것 부터 막히더라구요 ㅠㅠ 가련한 중생을 구해주세요
  • 샐리 2008/11/03 10:59 #

    #content div.post div.comment div.comment_tail a[href="http://lexiz.egloos.com"] {
    padding-left : 18px; <- 그림이 뚱뚱하면 더 늘리고 홀쪽하면 더 줄임
    padding-top : 5px;
    background : url(그림 주소) left bottom no-repeat;
    }

    * html #content div.post div.comment div.reply_tail strong {
    padding-left : 18px; <- 그림이 뚱뚱하면 더 늘리고 홀쪽하면 더 줄임
    padding-top : 5px;
    background : url(그림 주소) left bottom no-repeat;
    }

    이렇게 하시면 될 겁니다.
  • 렉시즈 2008/11/03 14:40 #

    감사합니다~가져다가 다시 해 봐야겠네요 ^^
  • 히카리 2008/11/02 20:05 # 답글

    샐리님의 새로 바뀐 스킨이 귀여워요.+_+ 달토끼깜찍! 올비님의 고민을 해결해주셨군요! >.<
  • 샐리 2008/11/03 10:59 #

    감사합니다 ^^ 달토끼가 귀엽죠 >_<
  • 페리 2008/11/02 22:35 # 답글

    우와, 달토끼 스킨 너무 귀엽네요 :)
    저런 그림 완전 좋아하는데 ;ㅁ;;ㅁ;;ㅁ;
    너무너무 잘 어울려요 ;ㅁ;;ㅁ;
  • 샐리 2008/11/03 11:00 #

    감사합니다 :-D 달토끼 예쁘죠 ^ㅇ^ 일본에는 예쁜 웹소재홈들이 많아서 늘 번번히 빚지고 있답니다.
  • 류노 2008/11/02 23:00 # 답글

    으앗!!! 한번 써봐야 겠네요 +_+
  • 샐리 2008/11/03 11:01 #

    올비님이 꼬깔님에게 개인적으로 주시는 스킨이라 다른 분이 쓰시긴 좀 그럴 것 같아요 ^^;; 일단 올비님께 여쭤보는 것이 좋을 듯 합니다.
  • ホシノ=ルリ 2008/11/03 09:05 # 답글

    와오, 여전히 엄청난 퀄리티네요^^
  • 샐리 2008/11/03 11:01 #

    그 말씀은 올비님께 전해드릴게요~ ^^
  • 올비 2008/11/03 09:44 # 답글

    우왕 제 고민을 해결해주셨군요. 감사합니다 :)
    회사에서는 파폭을 사용해서 당장 확인할 방법은 없지만;;; 집에서 테스트 해볼께요 ^^
  • 샐리 2008/11/03 11:02 #

    예 ^^
  • 류노 2008/11/03 13:31 # 답글

    으앜, 그런 사연이!! 다른 스킨을 찾아봐야겠네용 ㅠ_
  • SCV君 2008/11/03 16:45 # 답글

    역시 대단하십니다..!
    깊게 공부해보고 싶은 영역이 늘었네요;;
  • 2008/11/03 16:46 # 답글

    비공개 덧글입니다.
  • 2008/11/04 15:21 # 답글

    비공개 덧글입니다.
  • 샐리 2008/11/04 18:38 #

    css 란에 보시면 /* comment 및 trackback 스타일 끝 */ 라는 것이 있습니다. 그 바로 위에 이걸 복사해 붙이세요.

    #content div.post div.comment div.reply_tail {
    width : 94%;
    }

    #content div.post div.comment div.reply_body {
    width : 94% !important;
    }

    그러면 오른쪽 메뉴가 밀려나지 않을 겁니다.
  • 2008/11/04 19:36 # 답글

    비공개 덧글입니다.
  • 꼬깔 2008/11/05 20:56 # 답글

    와~ 멋지네요. :) 그리고 샐리님, 당첨 축하드려요~ 무려 1등이라니!! :)
  • 샐리 2008/11/06 00:44 #

    앗, 다른 분의 질문이 들어와서 그분에 대한 답변용 스킨으로 서브블로그를 바꾼 사이에 꼬깔님이 확인하셨네요 ^^;; 아마 올비님이 더 깔끔하게 수정된 최종 버전을 내놓으실테니 조금만 더 기다려주세요 :D

    + 감사합니다 >_< (...라고 해도 뭔가 좀 저도 약간 애매한 당첨 목록이긴 합디다만...;;;)
  • 2008/11/09 09:17 # 답글

    비공개 덧글입니다.
※ 이 포스트는 더 이상 덧글을 남길 수 없습니다.



미사마♡포에버
by 샐리
2006 이글루스 TOP1002008 이글루스 TOP1002009 이글루스 TOP100