티스토리 스킨자료

Design/Web 2007. 2. 25. 01:07
Jasu's blog에서 사용한 스킨 자료를 올립니다.

익스플로러와 기타 브라우저(파이어폭스)에서의 호환 문제로 인해서 아직도 정리가 제대로 되지 않았지만 기다리시는 분들이 있으신 듯 싶어서 일단 모자른 자료를 올리도록 하겠습니다.

자료는 모두 5개입니다. 사용 방법은 아래와 같습니다.






사용자 삽입 이미지








-------------------------------------------------------------------------
1. 사용자스킨HTML - 이것은 티스토리 스킨->스킨편집에 들어가시면 상단에 있는 텍스트 자료입니다.

2. 사용자스킨CSS - 이것은 티스토리 스킨->스킨편집에 들어가시면 하단에 있는 텍스트 자료입니다.
-------------------------------------------------------------------------
3. bg.swf - 플래시로 만든 배경 파일입니다.

4. logo.png - 로고가 들어가는 이미지입니다. 배경이 투명한 png 파일로 가로 200px, 세로 200px 사이즈로 만들어서 올리시면됩니다. 파일명은 반드시 logo.png로 하시기 바랍니다.

5. flash.js - 플래시를 임베드 스키기 위한 파일입니다. (수정하실 필요없이 그냥 업로드 하시면 됩니다.)
-------------------------------------------------------------------------
위 3, 4, 5번 파일은 스킨->스킨편집에 들어가시면 하단에 파일업로드를 통해서 업로드 하시면 됩니다.



그리고 여기서 주의할 점은 1단 기본스킨은 아래와 같은 것으로 적용한 후에 위 과정을 진행하시기 바랍니다.

사용자 삽입 이미지

이렇게 파일을 수정, 업로드 하시고 티스토리에서 기본적으로 제공하는 환경설정을 변경하셔서 사용하시면 되겠습니다. 스킨 제공자(Designed by JASU)는 표시해 주시면 고맙겠습니다. 그리고 플래시 배경은 시간이 나는대로 주기적으로 제 블로그의 이 포스트를 통해 업로드 해 놓도록 하겠습니다.

감사합니다.

------------------------------------------------------------------------------------------
태터툴즈에서의 적용 방법
http://jasu.tistory.com/80#comment1462574
스킨을 사용해보신 어떤 분이 올려주셨습니다.
간단한 사용팁인데 저는 태터툴즈를 사용하지 않는지라 이분의 글을 링크겁니다. 태터 사용자분들중 자세한 스킨 적용팁을 올려주시면 업데이트 하겠습니다. 감사합니다.

    

설정

트랙백

댓글

  • 이전 댓글 더보기
  • 2007.03.04 12:10 ADDR 수정/삭제 답글

    비밀댓글입니다

    • jasu 2007.03.05 01:40 신고 수정/삭제

      기본적인 스킨은 위와 같이 공개해 놓은 상태입니다. 그 이후에 수정하는 것들은 개인적인 블로그를 꾸미기 위함이니 양해 바랍니다. 감사합니다.

  • keit 2007.03.04 15:09 신고 ADDR 수정/삭제 답글

    감사 합니다 잘 사용하겠습니다^^

    • jasu 2007.03.05 01:39 신고 수정/삭제

      네... 감사합니다. 즐거운 블로깅 하세요...^^

  • joobba 2007.03.07 11:26 신고 ADDR 수정/삭제 답글

    좋은 스킨...감사합니다.
    근데 제 블로그는 이상하게도 카테고리부분이 덮여 싸이는 것 같은데
    어떻게 해결해야 할지 모르겠네요.

    • jasu 2007.03.07 13:08 신고 수정/삭제

      카테고리 부분의 배경색은 관리자에서 환경설정 - >화면설정으로 들어가셔서 아래에 보시면 카테고리 색 조정하는 곳이 있습니다. 어두운 계열의 색으로 배경색을 바꾸시면 안보일겁니다.

  • joobba 2007.03.07 19:08 신고 ADDR 수정/삭제 답글

    수정되었습니다.
    잘 사용할께요.^^

    • jasu 2007.03.07 23:24 신고 수정/삭제

      네... 즐거운 블로깅하세요..^^

  • hyange 2007.03.13 04:24 ADDR 수정/삭제 답글

    Jasu님 적용이 잘 안되요. 다운로드 받아서 올렸는데.. 관리자 모드에서 적용시키기도 했는데.. 플래쉬가 안 나와요. 경로가 틀렸나해서 images 폴더도 만들어서 넣어봤는데도.. 플래쉬가 안 나와요..ㅜ_ㅜ

    • jasu 2007.03.13 09:26 신고 수정/삭제

      안녕하세요...
      테터툴즈를 사용하시면
      http://jasu.tistory.com/80#comment1462574
      위 게시물에 보시면 다른 분이 폴더 위치를 알려주고 있습니다. 저는 테터툴즈를 사용해보지 않아서 확실한 답변을 못해드리겠네요...
      티스토리 스킨을 테터툴즈에 적용한 사례를 찾아보시면 자료들이 있을 듯 싶습니다.
      티스토리에서는 스킨편집에서 파일 업로드를 하면 images/폴더에 업로드가 됩니다.

  • 추장 2007.03.13 18:12 신고 ADDR 수정/삭제 답글

    제건 왜이래요?
    ie 7.0에서 이상케 보입니다?
    그나마 파폭에선 제대로 보이는데....

    • jasu 2007.03.13 19:44 신고 수정/삭제

      파이어폭스와 익스플로러에서 똑같이 보이는 듯 합니다. 사이드바의 위치와 배치는 기본적으로 제공하는 위치로 하시면 밀리지 않을 것 같은데 원하는 위치로 이동할 시에는 약간의 스킨 편집이 필요할 듯 싶습니다. style.css 보시면 사이드바에 해당하는 스킨 내용이 있으니 적당히 고쳐보면서 확인 하시면 감이 잡히실 듯 싶네요...

  • Hitsuzi 2007.03.21 19:04 신고 ADDR 수정/삭제 답글

    너무 좋아요~~ 잘 사용 하겠습니다~~~

  • MORO 2007.03.30 20:10 신고 ADDR 수정/삭제 답글

    너무도 훌륭하네요
    제가 이거 이뻐서 몇일째 스킨 등록하고
    변경할려고 보니 능력이 많이 부족하네요

    몇가지 질문해도 되나요?
    본문 사이즈를 900까지 변경하는것과
    링크를 님처럼 링크제목없고 할려면 어떻게 하는지 알수 있나요?

    조언 부탁합니다

    그리고 스킨 너무 잘 쓰겠습니다

    • jasu 2007.03.31 16:19 신고 수정/삭제

      링크는 skin.html에 보시면 <!-- 링크 --> 부분이 있습니다. 그곳에서 수정을 하시면 됩니다. 저는 참고로 아래와 같이 수정해서 사용하고 있네요
      <!-- 링크 -->
      <div class="link">

      <ul>
      <s_link_rep>
      <!-- <li> -->
      <a href="" onclick="window.open(this.href); return false"> </a> <font color="#990000"> / </font>
      <!-- </li> -->

      </s_link_rep>
      </ul>
      </div>
      그리고 본문을 900으로 하는 것은 여러가지로 고민해 보셔야 할듯싶습니다. 기존 베이스가 되었던 스킨의 본문 사이즈가 하나를 수정해서 적용할 수있는 형태가 아니기 때문에 div 테그의 테이블 사이즈를 모두 수정해 보면서 고쳐나가셔야 할듯 싶네요...
      감사합니다.

    • MORO 2007.04.01 10:52 신고 수정/삭제

      님 친절한 답변감사합니다
      전체적인 레이아웃 변경은 힘들것으로 보이네요...

      링크는 카피해서 일단 해봤는데
      제능력 부족인가 잘 안되네요~

      해보고 잘 안되면 또 문의 드리겠습니다

      휴일 잘 보내세요 ^^8
      감사합니다

    • jasu 2007.04.01 13:44 신고 수정/삭제

      별말씀을요... 언제든지 환영합니다. 제가 아는 범위에서는 알려드리도록 노력하겠습니다. 감사합니다.

  • 2007.04.11 03:01 ADDR 수정/삭제 답글

    비밀댓글입니다

    • jasu 2007.04.11 12:47 신고 수정/삭제

      이미지 처럼 타이틀의 텍스트 크기와 색을 변경할 경우를 예전에 찾아본 것 같은데 skin.html이나 skin.css에서 수정 할 수 있는 부분은 아닌 듯 싶습니다. 아마도 다른 설정 메뉴에서 가능하지 않을까 싶네요...
      그리고 스크롤바의 디자인 css 적용은 skin.css에 보시면 상단에 body 부분의 css를 적용하는 곳이 있는데 그곳에서 적용하시면 될겁니다. 제가 쓰는 스킨도 스크롤바 디자인을 수정하여 사용하고 있네요...

    • 2007.04.12 09:34 수정/삭제

      비밀댓글입니다

    • jasu 2007.04.12 19:40 신고 수정/삭제

      스킨 내에서 사용되는 스크롤 바를 이야기 하시는줄 알았네요... 외각에 있는 브라우저의 스크롤바 스타일 변경은 저도 알아봐야 할 것 같네요..;;

  • 2007.04.14 20:37 ADDR 수정/삭제 답글

    비밀댓글입니다

    • jasu 2007.04.14 19:48 신고 수정/삭제

      저도 찾아보긴 했는데 티스트리는 따로 호스팅을 하지 않고 티스토리에서 제공하는 구조적 형태에서 제공되는 스킨을 사용하기 때문에 블로그의 전체 레이아웃에 해당하는 스크롤바를 컨트롤 할수 없을거 같다는 생각이 듭니다.
      테터에서는 가능할 것으로 생각됩니다.

  • Hn 2007.04.18 14:53 신고 ADDR 수정/삭제 답글

    사용자스킨HTML파일이 깨져있어서 적용을 못하겠습니다.
    저만왜그런걸까요 ^^;

  • nicesoul 2007.04.19 23:18 신고 ADDR 수정/삭제 답글

    안녕하세요. 두가지 질문을 드리고자..
    저는 사이드바가 한줄에 4개씩 나타나지 않습니다
    카테고리,칼렌더,최근글,최근댓글 순으로 나타나지 않고

    카테고리,칼렌더,최근글
    최근댓글
    이렇게 최근댓글이 줄이 바뀌어서 나옵니다. 물론 최근댓글은 사이드바1에 올려져 있습니다.

    현제 사용중이신 스킨의 사이드바의 투명도가 더 높은거 같은데 조절할 수가 있나요?
    nicesoul.com 에서 한번 확인 부탁드립니다.

    • jasu 2007.04.19 23:30 신고 수정/삭제

      최근댓글이 아래로 내려가는 것은 css에서 사이드바의 가로 길이를 container 가로 길이를 벗어나서 그럴거 같습니다. 익스 7.0, 불여우 2.0에서는 제대로 보이나 익스6.0 버전에서는 벗어나는 길이만큼 아래로 밀리기 때문에 그런 현상이 발생합니다.

      sytle.css 부분에서 아래와 같은 부분을 찾아보시고 width 숫자를 조정하시거나 margin값을 조정해 보시면 해결하실 수 있을 것 같습니다.
      .sideinfo .category{width:180px; margin-left:5px; margin-right:12px; float:left; }
      .sideinfo .recentPost{width:180px; margin-right:12px; float:left;}
      .sideinfo .recentPost .cnt{color:#cccccc;}
      .sideinfo .recentComment{width:180px; margin-right:12px; float:left;}
      .sideinfo .recentTrackback{width:180px; float:left;}
      ============================
      그리고 사이드바 투명도 문제는 style.css에서 "opacity"이 키워드로 찾아보시면 alpha(opacity=88); opacity:0.88; 이렇게 적용한 부분이 나오는데 그 숫자를 조정해 주시면 됩니다. 두가지를 적용한 이유는 앞에 것은 익스플로러에서의 알파 형태고 다음 것은 불여우에서의 알파 적용입니다. 익스에서는 퍼센트로 나타내니 88%이고 불여우에서는 0~1 값을 갖으니 0.88로 적용하시면 됩니다. 이 숫자는 님이 원하시는 농도로 조정하시면 될듯합니다. 감사합니다.

  • sam 2007.05.30 20:53 ADDR 수정/삭제 답글

    보기 드믄 사이트 입니다.ㅎㅎ 모든면에서 친절 하시군요.

    • jasu 2007.05.30 21:07 신고 수정/삭제

      별말씀을요...말씀 감사합니다. 저도 제가 아는 범위 안에서는 알려드리리고 찾을 수 있으면 찾아서 알려드리지만 여유가 없을 때는 모른다는 핑계로 찾는 것을 포기할 때도 많네요...^^ 무엇보다도 그런 것들이 저에게도 공부가 되고 도움이 된답니다.

  • exzon 2007.06.06 04:54 신고 ADDR 수정/삭제 답글

    정말 멋진 스킨 감사합니다~ 바로적용해서 쓰고 있어요~ 로고도 자수님 비스무리 살짝 따라했는데 괜찮겠죠?^^;
    멋진 스킨 잘쓰겠습니다^^

    • jasu 2007.06.06 14:48 신고 수정/삭제

      ^^ 감사합니다. 멋지고 좋은 포스트로 블로그 잘 꾸며나가시길 바랍니다.

  • 페이퍼™ 2007.07.18 04:42 신고 ADDR 수정/삭제 답글

    좋은 스킨 감사합니다...^^;;
    사진 포스트 용으로 넓이도 바꾸고...
    이리저리 약간 손을 봤습니다...^^

    • jasu 2007.07.18 15:09 신고 수정/삭제

      네...말씀 감사합니다. 즐거운 블로깅 하세요...^^

  • Khaos Skyler 2007.08.03 10:55 신고 ADDR 수정/삭제 답글

    정말 아름다운 스킨이네요. 정말 감사히 쓰겠습니다.

    • jasu 2007.08.03 12:08 신고 수정/삭제

      아고...감사합니다. ^^ 잘 사용하세요...

  • blumond 2007.10.19 04:53 ADDR 수정/삭제 답글

    안녕하세요.
    텍스트큐브를 알아보다가 마음에 드는 스킨이 있어서 찾아오게 되었습니다.
    설치형 블로그는 처음이라 이것 저것 하다보니 시간 가는줄 모르겠네요.
    스킨 감사히 잘 사용하겠습니다.
    좋은 하루 되세요.

    • jasu 2007.10.19 09:34 신고 수정/삭제

      감사합니다. 스킨을 보니 카테고리 텍스트 배경색을 지정 안하신듯 하네요 관리자 페이지에 가시면 카테고리 배경색을 지정할 수 있습니다. 그리고 사이드바 아래로 밀려나는 것은 사이드바의 가로 간격을 조정해 보시면 될것 같네요... 배포하려고 했던 것이 아닌지라 어색한 부분이 많습니다. 적당히 수정해서 사용하세요..^^

  • Nerolarc 2008.01.22 21:39 ADDR 수정/삭제 답글

    안녕하세요.
    배경에 플래시를 삽입할 수 없을까 고민하다가 흘러들어왔네요.
    자수님 덕분에 해결 되었습니다.
    사실 스킨틀이 제가 사용하는것과는 달라서 플래시 출력부분만 갖다 썼습니다.
    임의로 수정한점 양해바랍니다 ^^;

    • jasu 2008.01.23 16:11 신고 수정/삭제

      아 잘됐네요 ^^ 괜찮아요 저도 기본적으로 제공하는 css 수정해서 사용중입니다.

  • 오사일사 2008.02.15 15:19 신고 ADDR 수정/삭제 답글

    너무 멋있네요 감사합니다.ㅎㅎ
    그런데 설정하고나니까 블로그전체에 검은색 막같은거를 씌운듯한 느낌이 납니다.
    사진도 좀 어두워졌구요.
    혹시 해결방법 아시나요?

    • jasu 2008.02.18 22:02 신고 수정/삭제

      플래시가 배경으로 깔려야 하는데 transparent 설정이 false로 설정되어 있어서 그런 것은 아닌가 싶네요

  • 십분후 2008.07.22 18:26 신고 ADDR 수정/삭제 답글

    너무나 멋지고 좋은 스킨 감사합니다.

    언제나 즐겁고 행복한 하루 보내세요 *^^*

    • jasu 2008.07.23 13:33 신고 수정/삭제

      감사합니다. 시란님도 즐거운 하루 되세요~

스킨 편집 팁 : 파이어폭스와의 CSS 호환성

Programming/Etc 2007. 2. 21. 11:05
스킨 편집 팁 : 파이어폭스와의 CSS 호환성

이번에 소개해 볼것은 스킨 편집 및 웹페이지 제작 등에 쓰일수 있는 파이어폭스와의 호환성에 관한 간단한 팁입니다.

'파이어폭스와의 호환성' 이라고 예기해 봤습니다만.
사실상 파이어폭스와의 호환성이라 함은 바로 '웹표준' 을 말하는 것입니다.
인터넷 익스플로러(이하 IE)가 대다수인 실정상. 한국에서는 대부분의 웹페이지가 IE에 맞추어져 제작되어 있습니다만.
IE에만 맞추어져 있는 홈페이지는 다른 브라우져에서 그 구조가 깨어지거나 사용이 불가능할 정도까지도 될수 있습니다.
이 문제는 IE가 웹표준을 따르지 않는데서 기인하는 문제인데요.

표준에 맞추었을 경우 IE및 모든 브라우져에서 완벽하게 잘 보이는 것에 반해,
IE에만 맞추었을 경우 다른 모든 브라우져에서는 올바르게 보이지 않는 것에 비추어 보아 이것은 전적으로 IE의 문제라고 볼수 있습니다.

그러나. 웹디자이너가 아닌 이상에야 일반 사용자가,
HTML코드를 짜는데에 있어 표준이고 아니고를 맞추기가 사실 실로 힘든 부분이라 할수 있습니다.
뭐니해도 사실상, 자신이 사용하고 또한 가장 많이 사용하는 IE에서만 잘 보이면 그만이니까요.

하지만. 웹페이지라는 것의 특성상 절대적 대다수만이 아닌 소수들에게도 동일한 서비스를 제공해야 하는 암묵적인 책임이 있을 뿐더러.
IE가 아닌 다른 브라우져 사용자들은 점점 늘어나는 추세라. 비록 일반 사용자임에도 불구하고 이것은 무시하지 못할 정도의 문제라고 생각할수 있습니다.
특히, 스킨 편집을 하고자 하시는 분들은 커스터마이징이나 디자인적 관점에서의 접근을 하게 됩니다만.
다른 브라우져에서 보았을때 그것이 무참하게 깨져 버림으로써 자신의 노력이 물거품이 되는 정신적 충격을 받을수도 있습니다.

이번 기회엔 초보자도 간단히 사용할수 있는 호환성에 관한 간단한 팁을 소개해 보겠습니다.




CSS에서 가장 문제가 되는 것은 다름아닌 '박스모델' 입니다.
특히 이글루스 스킨은 레이아웃을 잡는데에 있어 박스모델이 주로 사용됩니다만.
그 코드를 작성함에 있어 IE위주로 작성한다면 필연적으로 다른 브라우져에서는 깨지게 됩니다.
결론적으로, 이 '박스모델' 만 신경써 준다면 웬만한 브라우져에서는 다 잘 보인다는 것이죠.

IE에서 박스모델이 표준이 아닌 이유는 바로 padding, margin, border 사이즈에 있습니다.
예를들어 가로와 세로가 각각 100px인 박스에 padding 10px, margin 10px, border 1px를 준다고 생각해 봅시다.
간단히 생각해 보자면 다음과 같은 코드를 사용하면 되겠지요.

예제1-IE전용

DIV.TEST{
WIDTH: 100PX;
HEIGHT: 100PX;
PADDING: 10PX;
MARGIN: 10PX;
BORDER: 1PX SOLID #000000;
}


사실, 솔직히 말해 직관적입니다. 그냥 생각한 대로 가로세로 100픽셀에 그냥 padding, margin, border 만 주면 됩니다.
그런데. 이런 식으로 코드를 작성하면 반드시 이것은 다른 브라우져에서 문제가 생깁니다.
왜냐하면, IE의 경우 가로세로 수치가 눈으로 보이는 박스 사이즈에 기준한것에 반해,
다른 브라우져가 사용하는 가로세로 수치는 눈으로 보이는 사이즈가 아닌 내용이 표시되는 부분을 기준으로 하고 있기 때문이죠.

그러니까. 눈으로 보이는 박스 사이즈가 100px라고 하면, IE에서는 그냥 100px을 적어주면 끝납니다만.
표준 브라우져에서는 그 사이즈에서 padding과 border 사이즈를 뺀 사이즈, 위의 경우에서는 78px를 적어줘야 하는 것입니다.


자. 그렇다면 코드를 작성할때 일일히 이것을 계산해서 조심스레 적어야 할까요.
...솔직히 매우 머리아프고 귀찮은 짓임에 분명합니다.
또한 이렇게 적으면 되려 IE에서 잘 보이지 않는 결과가 생길수도 있습니다. (첨부 이미지 참조)

결국 생각해볼수 있는 방법은. 바로 표준과 IE를 따로 적어주는 방법인 것이죠.
위에서 초보자라도 쉽게 할수 있다고 언급했습니다만. 이 방법이야말로 가장 간단한 방법이라고 생각합니다.
왜. 이미 모든 코드를 작성한 상태에서도 각 박스모델에 몇줄씩 추가/수정만 해주는 것으로도 호환성 상승을 노릴수 있기 때문이죠.
자. 가로와 세로가 각각 100px인 박스에 padding 10px, margin 10px, border 1px를 준다면,
표준으로는 이렇게 적어야 다른 브라우져에서 IE와 같은 모델이 보입니다.

예제2-표준

DIV.TEST {
WIDTH: 78PX;
HEIGHT: 78PX;
PADDING: 10PX;
MARGIN: 10px;
BORDER: 1PX SOLID #000000;
}


그러나. 이 박스모델 코드를 해석하는 방식이. IE가 표준이 아니기 때문에 오히려 IE에서 깨지는 현상이 생겨버리는 것입니다.
IE 쪽을 쓰기 위해서는 그냥 가로세로 사이즈를 100px를 적으면 됩니다만 그러자니 다른 브라우져에서 깨지고....
해서, 위의 코드를 적은 뒤 아래에 IE에서만 인식하는 다음의 코드를 추가해 주는 방법으로 해결할수 있습니다.

* html DIV.TEST{
WIDTH: 100PX;
HEIGHT: 100PX;
}



* html ~~ 은 IE에서만 인식되는 특수한 selector라고 합니다. 저도 이유는 잘 모르겠습니다-_-
중요한 사실은 오로지, "* html ~~ 를 적어줌으로써 표준인 코드를 비표준인 IE에도 맞출수 있다" 는 것일 뿐이겠죠.

결론적으로, 가로와 세로가 각각 100px인 박스에 padding 10px, margin 10px, border 1px를 주고 싶을때.
표준과 IE에서 전부 잘 작동하는 코드를 만들고 싶다면 다음과 같이 작성하면 간단하게 해결할수 있습니다.

예제3-절충안

DIV.TEST{
WIDTH: 78PX;
HEIGHT: 78PX;
PADDING: 10PX;
MARGIN: 10px;
BORDER: 1PX SOLID #000000;
}

* html DIV.TEST{
WIDTH: 100PX;
HEIGHT: 100PX;
}



●중요!
이미 써져있는 코드를 수정할 경우, * html ~~ 을 각 박스 아래쪽 라인에 추가한 뒤,
원래의 수치는 * html ~~ 쪽으로 옮기고, 이미 써져 있던 수치는 margin은 제외하고 padding, border 사이즈를 빼서 적어주면 됩니다.
ex) 가로, 세로 100px에 padding 10px, border 1px라면. 100px - (20+2)= 78px 입니다.



<참고 이미지>
사용자 삽입 이미지

왼쪽은 파이어폭스, 오른쪽은 인터넷 익스플로러입니다.
IE전용이 파이어폭스에서는 크게 나오는 반면, 표준은 IE에서 작게 나옵니다.
절충안을 사용하면 두개의 브라우져에서 완전히 같은 박스모델이 구현 가능합니다.




이쪽에 대해서는 사실 크게 깊은 지식이 없기에 다소의 오류를 포함하고 있을수도 있습니다.
하지만. 위에 언급한 방법은 실제 사용해 본 결과, IE및 다른 브라우져에서도 완전히 같이 동작한다는 것을 확인하였기에 이렇게 소개해 봅니다.

이글루스에서 스킨을 직접 만드시는 분들.
특히 기존 스킨의 수정이 아닌 완전히 새로 만들 경우에 한해 호환성이 문제가 될 경우가 가끔 있습니다.
(물론, 이글루스 자체는 다른 브라우져에서 잘 보이는 편이고, 공개 스킨 또한 잘 보입니다만 가끔씩 과격한 모딩이 되어있는 스킨은 깨질때가 있습니다)

실로 간단한 방법입니다만.
이 팁으로 인해 리퍼러에 약 몇%만을 차지하는 소수의 타 브라우져 사용자들에게도 떳떳하게 블로그를 보일수 있었으면 하는 바램입니다.

참고 링크: 한국 모질라 포럼

덧붙임:
이 글은 한국 모질라 포럼의 웹 표준화 프로젝트 계시판에서 CSS 박스 모델 문서를 참조하였습니다.

출처 : 안티에고이스트
    

설정

트랙백

댓글

  • 여행용칫솔 2007.08.13 07:50 ADDR 수정/삭제 답글

    스킨을 제작하고 있었는데 ie와 불여우에서 레이아웃이 다른 것때문에 베타버전에서 폐기처분하려 했습니다.
    하지만 이 방법으로 ie와 불여우에 구분하여 적용하였고 Ver1.0을 향해 정진중입니다.^^

    • jasu 2007.08.13 11:44 신고 수정/삭제

      ^^다행이네요...멋진 스킨 만드셔서 공개하시게 되면 알려주세요...