이글루스 2.0 부터 도입된 사용자 스킨 설정을 이용해서 좀더 손쉽게 색상 박스를 사용할 수 있게 되었습니다. 기존의 박스 스타일에
bIdOOlGI님의 방식을 도입한 것으로 아래의 방법을 따라하시면 속편하게 바로 쓸 수 있습니다.
사용자 편집 스킨을 사용할 경우에만 가능한 방법으로, 이글루스 기본 스킨을 쓸 경우에는 기존의 방법을 쓰셔야 합니다.글을 올릴때 박스를 쓰고 싶은 곳에서 다음 태그를 사용합니다.<DIV CLASS=BOXGRAY> 내용 </DIV>
<DIV CLASS=BOXYELLOW> 내용 </DIV>
<DIV CLASS=BOXBLUE> 내용 </DIV>
<DIV CLASS=BOXRED> 내용 </DIV>
<DIV CLASS=BOXGREEN> 내용 </DIV>
자신의 스킨 CSS에 다음을 추가합니다. (드래그해서 복사→CSS 편집창에 붙이기)
DIV.BOXGRAY {
COLOR: BLACK;
BACKGROUND-COLOR: #EEEEEE;
BORDER-COLOR: #DDDDDD;
BORDER-WIDTH: 1PX;
BORDER-STYLE: DOTTED;
WIDTH: 100%;
TEXT-ALIGN: LEFT;
PADDING: 9PX;
}
DIV.BOXYELLOW {
COLOR: BLACK;
BACKGROUND-COLOR: IVORY;
BORDER-COLOR: TAN;
BORDER-WIDTH: 1PX;
BORDER-STYLE: DOTTED;
WIDTH: 100%;
TEXT-ALIGN: LEFT;
PADDING: 9PX;
}
DIV.BOXBLUE {
COLOR: BLACK;
BACKGROUND-COLOR: #EEF9FF;
BORDER-COLOR: LIGHTSKYBLUE;
BORDER-WIDTH: 1PX;
BORDER-STYLE: DOTTED;
WIDTH: 100%;
TEXT-ALIGN: LEFT;
PADDING: 9PX;
}
DIV.BOXRED {
COLOR: BLACK;
BACKGROUND-COLOR: #FFE9E1;
BORDER-COLOR: INDIANRED;
BORDER-WIDTH: 1PX;
BORDER-STYLE: DOTTED;
WIDTH: 100%;
TEXT-ALIGN: LEFT;
PADDING: 9PX;
}
DIV.BOXGREEN {
COLOR: BLACK;
BACKGROUND-COLOR: #E4FFDA;
BORDER-COLOR: GREEN;
BORDER-WIDTH: 1PX;
BORDER-STYLE: DOTTED;
WIDTH: 100%;
TEXT-ALIGN: LEFT;
PADDING: 9PX;
}
참고로 위 스타일 태그는 더 짧게 줄일 수 있는 여지가 있지만, 프로그래머의 입장에서 짧은 코드보다는 읽기 좋은 코드를 선호하기 때문에 각각의 스타일 이름만으로 용도를 확실히 알 수 있는 명시적인 방식을 사용하고 있습니다.
