1

주제: MyEolin 플러그인 분리..

이올린 플러그인의 출력부분과 본문 사이에 margin값을 줘 일정한 간격을 유지하려 합니다.


http://www.playnow.co.kr/link/18ccf24c14d7/eolin1.gif

이렇게 말이죠.
알아보기 쉽도록 구조를 그려보면..

http://www.playnow.co.kr/link/18ccf2a9191b/eolin2.gif

이런 모양입니다.
위와같이 만들기 위해 어떤 방법으로 해결해야할지 고민입니다.

그냥 플러그인 출력부분의 div엘리먼트에 마진을 주면 되지 않나 생각하실 수도 있지만
이 경우에는 플러그인을 비활성화 시키면 스타일도 같이 사라지기 때문에 여백도 없어지게 됩니다.

myEolin 플러그인을 사용하지 않더라고 아래 그림처럼 여백이 유지되야만 합니다.

http://www.playnow.co.kr/link/18ccf2f4168d/eolin3.gif

이 문제에 대해서 오래전에 해보고 포기했다가 지금 다시 잔머리를 굴려보려니 제자리에서만 맴돌고 있네요..
이걸 어떻게 해결해야 할까요.
포지션을 absolute로.. 라는 말은..무효.

1up (2007-04-16 21:21:18)에 의해 마지막으로 수정

밥먹고 합시다

2

답글: MyEolin 플러그인 분리..

꼼수가..
그냥 content하단에 margin을 주면 안될까요?
content와 tag 사이에 ..

텍스트큐브를 이용하시다 불편하신 점 있으시면 아래로 연락주세요.
Needlworks/TNF - LonnieNa
nateon : y12x2 (a.t) nate.com / mail : lonniena (a.t) needlworks.org
http://twitter.com/@textcube

3

답글: MyEolin 플러그인 분리..

LonnieNa 작성:

꼼수가..
그냥 content하단에 margin을 주면 안될까요?
content와 tag 사이에 ..

MyEolin 플러그인은 본문 내용을 출력해 주는 치환자 [##_article_rep_desc_##] 에 포함되어 있습니다.

일반적인 스킨의 경우에 본문 부분은..

<div class="article">
    [##_article_rep_desc_##]
</div>

이런 모습이죠.

이올린 플러그인이 저 치환자 안에 포함되므로 이것을 풀어서 보면..

<div class="article">
    본문내용
    <div class="EolinBmVote">
        이올린 버튼 부분
    </div>
</div>

이런 구조가 됩니다.

contents 하단 부분에 margin을 주는 것은..
    -------------
    본문
    이올린
    (여백)
    태그
    -------------
결국 이런 구조가 됩니다.

제가 원하는건
    -------------
    본문
    (여백)
    이올린
    태그
    -------------
이거든요.......

밥먹고 합시다

4

답글: MyEolin 플러그인 분리..

EolinBmVote 에 탑마진 주는건 안될까요;;

플러그인에서 일부러 클래스 지정해서 출력하는 것으로 알고 있습니다. 스킨에 따라, 혹은 손대고 싶을 때 개조용으로.

5

답글: MyEolin 플러그인 분리..

gendoh 작성:

EolinBmVote 에 탑마진 주는건 안될까요;;

플러그인에서 일부러 클래스 지정해서 출력하는 것으로 알고 있습니다. 스킨에 따라, 혹은 손대고 싶을 때 개조용으로.

저도 그냥 그렇게 쓰고 있기는 한데, 문제는 위에서 언급했다시피
플러그인이 활성화 되었을 경우와 비활성화 되었을 경우의 결과(본문과 태그와의 거리)가 달라지기 때문 입니다.

gendoh님 말씀처럼 EolinBmVote 에 top-margin 을 주었을 경우
플러그인을 사용하지 않는 환경이라면 본문과 아래 태그 부분이 간격 없이 서로 붙게 될겁니다.


제가 이런 경우의 수를 염두하는 이유는, 거의 대부분의 태터툴즈 블로그에서 이올린 플러그인을 사용하고 있고, 이것 역시 스킨 디자인의 일부 라고 생각하기에 스킨 제작자의 입장으로서 마냥 방임할 수 없는 부분이라 생각하기 때문이고,
또 그렇다고 한데 묶어 디자인 하기에는 성격이 포괄적이지 못하다고 판단하여 방법을 같이 생각해 보고 싶은 마음에 올린 것 입니다.

방책이라 생각지는 않지만,
이왕 많은 내용을 담고 있는 치환자라면 본문을 div 앨리먼트로 감싼 것 까지 포함시키는 것이 차라리 더 나았을 지도 모른다는 생각이 드네요.

<div class="article">
    본문내용
    <div class="EolinBmVote">
        이올린 버튼 부분
    </div>
</div>

기존의 이러한 구조가 아닌..

<div class="article">
    본문내용
</div>
<div class="EolinBmVote">
    이올린 버튼 부분
</div>

이런 모양 말이죠..

밥먹고 합시다