[스킨] Black & White 1단 (최종 수정 : 08.10.13)

▶ 폭이 넓고 좌측에 MENU가 있는 스킨은 샐리님이 이 스킨을 수정하신 버전입니다.
     링크: Blank & White 사진/갤러리용 스킨 by 샐리님
     샐리님이 수정하신 버전은 좌우폭 너비 조정이 가능합니다.
     전 귀찮아서 그냥 그림파일을 써서 이 스킨은 조정이 안됩니다

▶ 갱신내용: 08.10.13

＊ 하단 사이드바의 배경색을 없애고 글자색을 옅게 수정했습니다.
＊ 태그에 그라데이션 색상을 적용했습니다.
    현재 lightgrey, silver, darkgray가 적용 되어있습니다.
     CSS 가장 마지막, #content a.tlevel1~4 color:부분을 수정해주시면 됩니다.
＊ 배경 이미지를 적용했습니다.
＊ 코멘트 관련 사이즈를 변경했습니다. (샐리님께서 조언해주셨습니다.)

샐리님의 레이스 스킨 1단을 기본으로 수정/가공하였습니다. 스킨에 사용된 이미지는 제가 적당히 만들었습니다.

＊ 스킨에 사용된 이미지는 총 3개로, 양 사이드의 까만 선, 제목 옆의 큰 별표, 사이드 메뉴의 작은 별표입니다.

＊ 스킨 중간중간에 사용된 점선은 hr태그를 이용하여 색을 지정하였으므로, 스킨을 수정하셔서 손보실 수 있습니다. CSS 내용중 hr.line2 와 hr.line3 클래스 중 color:black을 다른 색상으로 바꾸시면 됩니다.

＊ 이 스킨에서 양 사이드의 까만 선은 이미지 파일로 지정되어 있기 때문에, 너비 변환과 색 변경이 불가능합니다. 원래 같은 디자인의 본가의 경우엔, 어느 해상도에서나 편하게 사용하기 위해 이 디자인을 고안했으므로, 충분히 디자인 상 너비 변환과 색 변경이 가능했습니다만, 저 혼자 쓰려고 적당히 만들다 보니… 필요하게 되면 만드려고 했는데,

그 새 샐리님이 초초초 업그레이드 버전으로 수정하셨더라고요!!

＊ 메뉴도 가로 너비도 수정하기 편리하게 되어 있습니다. → Blank & White 사진/갤러리용 스킨


※ 여담입니다만, 스킨을 자주 수정하실 분은 적당한 간격으로 CSS를 백업해 주시는 편이 좋습니다. 저장하다 보면 가끔 이글루 시스템이 사뿐히 CSS를 날리는 경우가 있습니다.

▶ 스킨 미리보기

▶ 설치 방법
샐리님의 스킨을 이용하였으므로, 초반 절차는 동일합니다. 샐리님이 워낙 설명을 잘해 놓으셔서 염치 불구하고 인용하였습니다.  + 안내문의 원 출처

생긴 건 1단이지만 실은 3단 스킨을 기본으로 하여 사이드메뉴를 아래로 몰아넣은 것입니다. 생긴대로 1단으로 만들면 메뉴도 한줄이 되어 너무 길어지는 단점이 있어서; 이렇게 하면 메뉴를 여러 줄로 분산할 수 있으므로 전체적인 길이가 짧아집니다.

만드는 법은 아래와 같습니다. 다시 말씀드리지만 1단이 아니라 3단 스킨을 고르셔야 합니다.

1. 스킨 바꾸기로 들어간다.
2. 새로 만들기로 들어가서 이렇게 3단으로 생긴 것을 고른다. (파란색 녹색 아무 거나 상관없음)
3. 아무렇게나 만든 뒤 저장하고 빠져나온다. 이름은 마음대로 붙여도 됨.
4. 방금 저장한 스킨을 '소스고침'을 눌러서 본격적으로 고치기 시작한다.

각각의 설정은 위 그림과 같이 하세요. 샐리님과 로고 이미지를 출력하는 위치가 다릅니다. 로고이미지 150 설정을 잊지 말아주세요. 150으로 설정하지 않았을 때, 더 큰 이미지를 넣을 경우 스킨이 깨집니다.

5. 그 다음 HTML 및 CSS 박스 안에 내용물을 싹 지우고 각각의 파일 내용을 복사해 넣는다.

+ HTML 박스에 들어갈 내용물
+ CSS 소스 박스에 들어갈 내용물

6. 저장한다.
7. 스킨을 적용한다.