1 마모루이 작성한 주제

  • 지역 모니터 앞
  • 가입일자 2006-04-26
  • 글: 326

주제: 관리자 스킨 CSS 코드 질문 좀 드리겠습니다

basic.css 의
#data-outbox table.data-inbox 의 좌우에 20px 씩 여백을 주려고 합니다. (글 목록 및 비슷한 각종 목록 테이블에 영향을 주는..)

마진으로 요렇게 주나
    margin                           : 0 20px !important;
패딩으로 요렇게 주나
    padding                          : 0 20px !important;

    width                              : 100%;

가로크기가 100%이기 때문에 오른쪽으로 40px 넘치게 됩니다.
width : auto 로 주면 좌우로 꽉 차지 않기 때문에 효과가 없게 됩니다;
그렇다고 98% 정도로 줄 수도 없고, 픽셀 값을 정해버릴 수도 없습니다;;

여러가지로 값을 줘 보고 있지만 근본적인 해결은 되지 않고 있습니다.
CSS를 통한 해결책이 있으신 분 도움좀 부탁드립니다^^;

(IE, FF만 커버하고 있는데도 힘드네요 OTL)

나름의 스포일링을 맛보실 분들은 아래 포스팅을 참고해 주셔용;
http://mamoru.homeip.net/blog/370

현재 사용중인 서버 세팅 - Apache 2.2.3 / mysql 5.0.24 / php 5.1.6
메인블로그 - http://sumomo.tistory.com/
스킨블로그 - http://mamoru.homeip.net/skin/

마모루의 웹사이트

2 graphittie이 작성한 답글

  • 지역 Wonderland
  • 가입일자 2006-04-20
  • 글: 1,799

답글: 관리자 스킨 CSS 코드 질문 좀 드리겠습니다

어떤 상황인지 직접 조정해보면서 테스트를 해야 답이 나올 수 있을 것 같은데, 일단 생각을 말씀 드리면, table 자체에 margin이나 padding을 주게 되면 width와 padding 관계를 처리하는 방식이 브라우저마다 다르기 때문에 문제가 발생할 소지가 있습니다. 생각으로만 조언 드리면,

1. table은 width=100%에 margin, padding은 없고,

2. #data-outbox에 width 값은 없고 padding:0 20px.

3. 마지막으로 pseudo-box에 width를 주면

될 것 같은데... 직접 해보질 않아서...

graphittie의 웹사이트

3 나니이 작성한 답글

  • 지역 bongcheon, gwanak, seoul
  • 가입일자 2006-04-28
  • 글: 2,065

답글: 관리자 스킨 CSS 코드 질문 좀 드리겠습니다

전 태터 원본 소스는 못 건들겠더라고요. rev가 업데이트되면 난감하니 ( .....)
버그인 경우에만 고칠 수 있는 한도 내에서 커밋을;;

하늘은 스스로 삽질하는 자를 삽으로 팬다

나니의 웹사이트

4 마모루이 작성한 답글

  • 지역 모니터 앞
  • 가입일자 2006-04-26
  • 글: 326

답글: 관리자 스킨 CSS 코드 질문 좀 드리겠습니다

나니 작성:

전 태터 원본 소스는 못 건들겠더라고요. rev가 업데이트되면 난감하니 ( .....)
버그인 경우에만 고칠 수 있는 한도 내에서 커밋을;;

/style/admin/  디렉토리 내에 관리자 스킨용 폴더를 하나 만들면 리비전 변동과 상관 없이 보존할 수 있습니다.
저도 테스팅 서버에서 꾸준히 리비전 올려가며 관리자 스킨을 손질해보고 있는데, 이거 만만치 않네요..

자, 그럼 그래피티에님이 주신 소스로 연구해보러 출발!!

현재 사용중인 서버 세팅 - Apache 2.2.3 / mysql 5.0.24 / php 5.1.6
메인블로그 - http://sumomo.tistory.com/
스킨블로그 - http://mamoru.homeip.net/skin/

마모루의 웹사이트

5 마모루이 작성한 답글

  • 지역 모니터 앞
  • 가입일자 2006-04-26
  • 글: 326

답글: 관리자 스킨 CSS 코드 질문 좀 드리겠습니다

마모루 작성:
나니 작성:

전 태터 원본 소스는 못 건들겠더라고요. rev가 업데이트되면 난감하니 ( .....)
버그인 경우에만 고칠 수 있는 한도 내에서 커밋을;;

/style/admin/  디렉토리 내에 관리자 스킨용 폴더를 하나 만들면 리비전 변동과 상관 없이 보존할 수 있습니다.
저도 테스팅 서버에서 꾸준히 리비전 올려가며 관리자 스킨을 손질해보고 있는데, 이거 만만치 않네요..

자, 그럼 그래피티에님이 주신 소스로 연구해보러 출발!!

했습니다만;;;; 디자인 전체의 20px 를 빼서 일관성을 맞추는 것으로 했습니다.
글목록도 대충 뽑았습니다. (완전 색상만 변경한 티가 팍팍 나네요;;)

나름의 스포일링을 맛보실 분들은 아래 포스팅을 참고해 주셔용;
http://mamoru.homeip.net/blog/370

마모루 (2006-08-02 03:00:50)에 의해 마지막으로 수정

현재 사용중인 서버 세팅 - Apache 2.2.3 / mysql 5.0.24 / php 5.1.6
메인블로그 - http://sumomo.tistory.com/
스킨블로그 - http://mamoru.homeip.net/skin/

마모루의 웹사이트

6 graphittie이 작성한 답글

  • 지역 Wonderland
  • 가입일자 2006-04-20
  • 글: 1,799

답글: 관리자 스킨 CSS 코드 질문 좀 드리겠습니다

XHTML이 고정이라 별 수 없이 CSS만으로 디자인을 제어해야 하는 약점이 있지만 자바스크립트를 이용하면 디자인에 변경을 가할 수 있기도 합니다. 이를 이용하면 플래쉬 파일도 넣을 수는 있지요. 자세한 점은 태터 프레스 스킨의 글 쓰기 페이지의 오른쪽 속성창에 대해 연구해 보세요. custom.js 파일에 구현되어 있습니다.

PS. 디자인 멋지군요. 그런데 포스트 상태 아이콘이 있는 걸로 봐서 저것도 IE에서는 극악의 성능을 보이지 않을까 우려됩니다. 핫핫핫...

graphittie (2006-08-02 03:19:21)에 의해 마지막으로 수정

graphittie의 웹사이트

7 마모루이 작성한 답글

  • 지역 모니터 앞
  • 가입일자 2006-04-26
  • 글: 326

답글: 관리자 스킨 CSS 코드 질문 좀 드리겠습니다

graphittie 작성:

PS. 디자인 멋지군요. 그런데 포스트 상태 아이콘이 있는 걸로 봐서 저것도 IE에서는 극악의 성능을 보이지 않을까 우려됩니다. 핫핫핫...

으음; 아직 상단쪽은 어떻게 해야할지 갈팡질팡 하고 있는 상태구요, 전체적인 틀은 대강 잡혀오고 있습니다.
크게 손대야 할 곳은 역시 에디터 쪽이네요;;
걱정하시는 IE의 버벅버벅은 의외로 덜합니다.
기본스킨처럼 이미지 리프레시 현상은 일어나지 않고 있습니다. (저만 그런건지도 모르겠습니다만;;)
롤오버 색상이 바뀌는 것은 기본 스킨처럼 약간 늦는 문제는 있습니다만, 적당히 무시를 하고;;
최대 문제점은;; 아래와 같은 테이블 붕괴현상입니다. FF 에서는 일어나지 않는 IE 만의 문제이며, 기본 스킨에서도 발생합니다.
http://mamoru.homeip.net/collapse.png - 올리고 보니 오른쪽이 잘리길래;;
http://mamoru.homeip.net/collapse.png

마모루 (2006-08-02 13:09:39)에 의해 마지막으로 수정

현재 사용중인 서버 세팅 - Apache 2.2.3 / mysql 5.0.24 / php 5.1.6
메인블로그 - http://sumomo.tistory.com/
스킨블로그 - http://mamoru.homeip.net/skin/

마모루의 웹사이트

8 graphittie이 작성한 답글

  • 지역 Wonderland
  • 가입일자 2006-04-20
  • 글: 1,799

답글: 관리자 스킨 CSS 코드 질문 좀 드리겠습니다

마모루 작성:
graphittie 작성:

PS. 디자인 멋지군요. 그런데 포스트 상태 아이콘이 있는 걸로 봐서 저것도 IE에서는 극악의 성능을 보이지 않을까 우려됩니다. 핫핫핫...

으음; 아직 상단쪽은 어떻게 해야할지 갈팡질팡 하고 있는 상태구요, 전체적인 틀은 대강 잡혀오고 있습니다.
크게 손대야 할 곳은 역시 에디터 쪽이네요;;
걱정하시는 IE의 버벅버벅은 의외로 덜합니다.
기본스킨처럼 이미지 리프레시 현상은 일어나지 않고 있습니다. (저만 그런건지도 모르겠습니다만;;)
롤오버 색상이 바뀌는 것은 기본 스킨처럼 약간 늦는 문제는 있습니다만, 적당히 무시를 하고;;
최대 문제점은;; 아래와 같은 테이블 붕괴현상입니다. FF 에서는 일어나지 않는 IE 만의 문제이며, 기본 스킨에서도 발생합니다.
http://mamoru.homeip.net/collapse.png - 올리고 보니 오른쪽이 잘리길래;;
http://mamoru.homeip.net/collapse.png

그 부분은 패스하세요. 아마 새 관리자 스킨이 나오면서 그 부분은 1.0.x 버전 방식으로 변경될 것입니다. IE 버그입니다.

graphittie의 웹사이트