스킨 2.0 html 편집 시 주의사항

스킨 2.0 이용하시는 분들이 조금씩 늘고 있습니다. 아직 베타 기간 중이라 많은 디자인을 제공해 드리지는 못하고 있지만 외부의 위젯이나 애드센스를 붙일 수 있다는 장점 등으로 인해 2.0 스킨을 이용하고 계신 것 같습니다.

스킨 2.0 을 이용하시는 분들 중 직접 소스편집을 하여 새로운 스킨을 만드는 분들도 벌써 계시는데, html 입력 시 제약 사항이 많아서 불편을 겪으셨다는 분도 있었습니다. (다행히 'sideb1_blank 가 없다' 라는 알 수 없는 문장의 메시지가 보이는 버그는 이미 수정되었습니다.) 그래서 오늘은 현재 제공하고 있는 html/css 편집 부분에서 html 소스를 검수하는 요소에 대해 안내해 드리겠습니다.

스킨에디터의 html 편집 부분은 내이글루의 소스 전체를 제어하기 때문에 작은 오류만 있어도 내이글루가 아예 보이지 않거나 레이아웃이 어긋나는 등 문제가 발생할 수 있습니다. 따라서 html 소스 검수 과정은 필요한 절차이며 불편하시더라도 아래의 규칙에 맞게 입력해 주시기 바랍니다.

1. <script>, <object>, <iframe>, <frame> 태그는 사용할 수 없습니다. 만약 입력했더라도 스킨 적용시 자동으로 삭제됩니다.

2. html 태그의 짝이 맞아야 합니다. html 태그의 짝은 <div> </div> 와 같이 열고 닫히는 태그가 쌍으로 존재해야 한다는 의미 입니다. 또한 두 개의 태그가 열렸을 경우에도 순서에 맞게 닫혀야 합니다.

• <div class="box"><span style="color:#000;">검정색 글씨</span></div> (O)
• <div class="box"><span style="color:#000;">검정색 글씨</div></span> (X)

그리고 <img />, <br /> 과 같이 닫는 태그 없이 사용하는 태그의 경우 반드시 끝에 슬래시(/) 를 넣어줘야 합니다.

• <img src="http://www.egloos.com/logo.gif" alt="이글루스로고" /> - (O)
• <img src="http://www.egloos.com/logo.gif" alt="이글루스로고" > - (X)

3. 기본으로 입력되어 있는 코드 중 필수 요소는 지우면 안됩니다.

<!-- # widemenu1 start # -->
<div id="section_widemenu1" class="widemenu">[#__section_widemenu1__#]</div>
<!-- # widemenu1 end # -->

<!-- # content start # -->
<div id="section_content" class="content">[#__section_content__#]</div>
<!-- # content end # --><hr class="line" />

<!-- # widemenu2 start # -->
<div id="section_widemenu2" class="widemenu">[#__section_widemenu2__#]</div>
<!-- # widemenu2 end # --><hr class="line" />

<!-- # sidebar1 start # -->
<div id="section_sidebar1" class="column">[#__section_sidebar1__#]</div>
<!-- # sidebar1 end # --><hr class="line" />

위의 빨간색으로 표시된 부분이 삭제할 수 없는 부분이며, 사이드바의 경우 최대 7개까지 존재할 수 있습니다. 위의 3가지만 잘 지켜 주시면서 원하는 html 을 입력하여 스킨을 수정하시기 바랍니다.

스킨 2.0의 도움말 이글루인 스킨 2.0 완전정복에서 도움을 받으실 수 있습니다. 초급자, 중급자를 위한 도움말은 완성되어 있고 전문가용 도움말은 너무나 방대한 분량이라 필요한 부분에 대해 계속 추가하고 있습니다. 잘 활용해 주시고 질문이나 필요한 부분이 있으면 요청하시기 바랍니다.

고맙습니다.