레이아웃 스킨
| 라이센스 | GPL2 |
|---|---|
| 기타 라이센스 | 화면 제일오른쪽하단의 제작자 링크는 문자크기 색상은 변경할수있으나 삭제할수 없습니다. |
| 적용 버전 | 정식버전(1.0이후) |
Kurokuma Layout Version 2.5
1. 사용방법
(1) 처음 사용하시는 분
밑의 압축화일을 풀어서 ZBXE폴더의 레이아웃 스킨 폴더에 업로드 해주시기 바랍니다.
그다음은 다른 레이아웃과 같이, 레이아웃 설정화면에서 설정을 해주고, 레이아웃 편집화면에서 추가하고자하는
위젯등을 넣어주시면 됩니다.
(2)업데이트 하시는 분
a. 권장하는 방법
ㄱ. 새로운 폴더를 작성해서 최신 버젼의 레이아웃을 업로드합니다.
ㄴ. 새로운 레이아웃을 생성해서, 테스트용 메뉴와 테스트용 게시판을 한개 만들어서 새 레이아웃에 연결을 합니다.
ㄷ. 화면이 정상적으로 표시되지않을 경우, 레이아웃 작성자에게 질문을 하시기 바랍니다.
ㄹ. 화면이 정상적이라면 구버젼의 레이아웃에 집어넣었던 위젯코드나 HTML코드등을 복사해서, 새버젼의
레이아웃에 붙여넣습니다.
ㅁ. 한번더 화면이 정상적으로 나오는가 확인을 해봅니다.
화면이 정상적으로 표시되지않는 경우는 대개 위젯을 잘못 집어넣었거나 HTML코드를 잘못 수정한 경우가
대부분입니다.
ㅂ. 화면이 정상적이라면, 마지막으로 구버젼의 레이아웃에 연결된 메뉴를 새버젼의 레이아웃으로 설정합니다.
홈페이지를 갱신한후 별문제가 없다면, 구버젼의 레이아웃을 삭제하시고, 구버젼의 레이아웃 폴더도 삭제
해서 디스크를 청소합시다.
불안한 분은 삭제하지않으셔도 됩니다. ^^
b. 간단한 방법
ㄱ. 구버젼의 레이아웃 폴더에 새버젼의 레이아웃 화일로 덥어비립니다.
ㄴ. "레이아웃편집화면"에서 초기화 버튼을 누룹니다.
초기화버튼을 누를경우, 구버젼에서 삽입했던 위젯코드나 수정한 HTML 코드가 전부 삭제되므로,
미리 이부분을 복사해 놓고, 초기화 후에 다시 붙여넣으시기 바랍니다.
ㄷ. "레이아웃 설정화면"의 설정 내용을 확인후 홈페이지를 갱신합니다.
2. 업데이트 내용
(1) 레이아웃 상단에 새로운 작은 메뉴를 삽입할수 있습니다.
기본 설정치는 "사용안함"입니다.
(2) 레이아웃 하단에 새로운 메뉴를 삽입할수 있습니다.
기본 설정치는 "사용안함"입니다.
이 기능들은 제게는 별로 필요없는 기능인데 필요로 하시는 분들이 꽤 있는것 같아서 어제 저녁먹고 추가했습니다.
기능 추가보다 메뉴얼 만드는게 더욱 시간이 걸린다는... -..-
## TIP ##
상단에 작은메뉴를 삽입할경우, 언어선택박스와 검색창이 원래 위치보다 위에 올라와 있는 것처럼 보이게 됩니다.
이유는, 언어선택박스와 검색창이 독립된 오브젝트로 표현되기 때문입니다.
그러므로, 상단메뉴를 사용할경우에는 언어선택박스와 검색창의 상단여백위치를 24픽셀정도(작은메뉴의 높이)
더해서 설정을 해주시기 바랍니다.
물론, 언어선택박스와 검색창을 사용하지않을 경우에는 설정할 필요가 없습니다.

(3) 헤더의 외곽선을 표시/비표시 할수 있도록 설정이 가능합니다.
(4) 밑의 그림처럼 헤더와 메뉴와의 경계선이 조금 차이가 나는 현상을 수정했습니다.
(5) 검색박스가 언어설정박스처럼 헤더영역에서 독립하였습니다. 이로인해 밑의 그림처럼, 검색박스를 메뉴안에
집어넣을 수도 잇습니다.

(6) 로그인위젯은 ZBXE 공식로그인의 스킨이 탑재되어 있습니다.
쿠로쿠마 로그인을 사용하시고자 하는 분은 코드를 생성해서 붙여넣으시기 바랍니다.
(7) 링크된부분에 마우스를 올려놓으면 무지개색으로 변화되는 기능을 사용할수 있도록 했습니다.
이 기능을 사용하려면, 관리자 화면의 애드온 메뉴에서 "레인보우링크애드온"을 "사용"으로 설정하셔야 합니다.
3. 레이아웃 설정화면
상단의 작은메뉴, 주메뉴, 하단메뉴의 3종류의 설정이 가능합니다.
상단메뉴와 하단메뉴를 사용할경우에는 반드시 사용유무를 "사용"으로 변경하시기 바랍니다.
적용사이트는 이곳(KuroKuma's Page)에서 확인해보실수 있습니다.
아울러 ie6 ,FF에서 확인을 아직 안했지만 별이상은 없어보입니다. 버그가 발견되면 꼭~메모남겨주세요~ ![]()
왜 안나오나 했네요~ ㅋㅋ
저기 무리인 줄 알지만......
혹시나 header 부분 이미지를 flash로 대체하거나 menu부분을 flash로 대체할 수 있는
방법 있을까요? 해보려다 포기했습니다. ㅋㅋ
좋은 자료의 꾸준한 업 감사합니다.
제가 3년정도 인터넷과 절교를 했던터라 그동안 참 많은 인터넷 기술이나 툴들이 많은 발전을 이루었더군요.
제가아는 flash기법은 아주 초보라 최근의 flash툴을 사용해본적이 없어서 제 레이아웃에 어떤식으로 flash를 넣어야 되는지 모르겠군요.
그러나, 팁란보니까 플래쉬로 이미지를 넣는 방법이나 플레쉬메뉴 적용방법이 있던걸로 압니다. 한번 검색을 하셔서 글 올리신분께 질문을 드리신다면 좋은 결과를 볼것 같군요. 다만, 제기억에 플레쉬메뉴는 동적메뉴가 아니고, 미리 플레쉬로 메뉴를 만들어서 올리는 정적메뉴였던걸로 기억하고 있습니다.
플레쉬엑티브를 이용해서 파라메타로 메뉴 스트링을 전달할경우, 동적 플레쉬 메뉴도 될것 같은데... 나이가 들어서인지 새로운 툴을 사용하기가 엄두가 안나는군요.. -..-
Home 메뉴에는 하부메뉴가 나오는 칸에 간단한 인사가 나오게 하고 싶은데.....
마우스 오버시 하부메뉴가 나오는 레이아웃은 오늘부터 조금씩 만들 예정입니다. 제가 일때문에 좀 바뻐서 시간 날때마다 조금씩 만들어갈 예정입니다. ^^
저도 빨리 작업을 해야 하는데... ㅠ.ㅠ;;;
혹시 파일 제게 맞게 수정을 하고 제작자 링크 부분 다르게 수정해서 사용해도 되나요?
물론 제작자 링크 부분은 어떤 형식이든 표현을 해드리겠습니다... ^^;;
제 개인 홈은 관계없는데 이번 여름방학 쯤에 이 레이아웃을 근간으로 제가 근무하는 학교 홈페이지 리뉴얼 작업을 해볼까 하고요.
워낙 소스가 좋아서 수정할 부분은 많지 않겠지만요... ^^;;;
학교 홈페이지 특성상 링크 부분이 마음에 걸려서요.
물론 제가 제작할 수도 있지만,
시간 관계상 아무래도 KuroKuma님 레이아웃을 근간으로 하면 작업시간이 조금 줄어들 듯 하네요.
제가 구상했던 방식과 너무 흡사해서요... ^^
한 가지 버그가 있는 듯 합니다.
레이아웃 전체폭 : 840px
보조본문표시부의 폭 : 202px
메인본문표시부의 폭 : 628px
위와 같이 설정을 하면 보조본문과 메인본문이 '메인내용표시부의 위치'와 상관없이 레이아웃 전체폭의 기본값인 980px에 맞추어 배치가 되기 때문에 보조본문영역과 메인본문영역이 엄청 떨어져 보입니다.
제 생각(제 구상과 워낙 흡사하셔서... ^^;;)이 맞다면, 분명히 KuroKuma님의 의도는 전체폭에 따라 붙게 생각을 하신 듯한데...
div 설정에 무슨 문제가 있는 듯 합니다.
아직 소스를 다 살펴보지 않아서 원인은 잘 모르겠습니다만...
이유를 알아내었습니다... ^^;;;;
레이아웃 전체폭 : 840px
이 부분이 문제가 있군요... ^^;;;
값에 px을 붙이면 안 되는 것이었군요.
layout.html 파일을 열어보니,
'보조본문표시부의 폭', '메인본문표시부의 폭' 값은 px을 입력해야만 하고, '레이아웃 전체폭' 값은 px을 입력하면 안 되는 것이군요.
이왕이면 info.xml을 이용해서 이런 부분을 화면에 출력을 해주셨더라면 더 좋았을 것 같네요...
<description xml:lang="ko">레이아웃 표시영역의 넓이를 입력해주세요. %설정은 지원하지않습니다. 기본설정은 980px 입니다. </description>
보다는...
<description xml:lang="ko">레이아웃 표시영역의 넓이를 입력해주세요. %설정은 지원하지않습니다. 기본설정은 980px 입니다. 값을 입력하실 때 'px'은 사용하지 마십시오. 예) 800, 920</description>
라고 하시는 것이 이런 실수를 더 막을 듯 합니다.. ^^;;;
질문입니다.(질문을 막해도 될지 모르겠습니다... ^^;)
상단메뉴를 선택했을때 메인메뉴가 상단메뉴에 따라서 변경될 수 있나요?
(상당메뉴 1번을 누르면 메인메뉴에 1의 메인메뉴들이 나오고 상단메뉴 2번을 누르면 메인메뉴 2가 출력이 되도록요...)
가능한지 확인 부탁 드리겠습니다.
님의 레이아웃 고맙게 사용하고 있습니다.
초보가 헤메다가 질문해 봅니다.
- 보조본문에(좌측) 위젯을 추가하면, 로그인 박스아래부분에 붙어 버리는데 css파일 어디를 수정 하는지요..
- 저만 그런지, 위치표시위젯이 제대로 작동 안되는것 같은데요..
감사합니다.
http://www.obmate.com
| <div style="height:20px; display:block; clear:both;" ></div> |
이 수치를 많이주면 위에부분과 밑에부분에 간격(빈공간)이 넓어지고, 작게주면 간격이 좁아집니다.
다른곳에도 혹시 간격을 넓히고 싶은 부분이 잇다면, 그냥 그 사이에 이코드 집어넣으시고 높이 조절만 해주세여~
만드신 레이아웃을 감사히 생각하며 님이 만드신 레이아웃으로 작업중입니다.
그런데 레이아웃 폭을 980이하로 줄이면 제로보드기본게시판과 서브메뉴가 한줄에 있지 않고 어긋 납니다.
서브메뉴 - 게시판이 아니라
서브메뉴
게시판
이런식으로 나타납니다....무엇을 수정해야하나요??
좀 알려주세요..워낙 초보라...
앞에서 비나무님이 쓴글을 자세히 읽어볼걸 그랬습니다.px나 %기호 까지 붙여야 하네요...않붙였더니 그런 현상이 ^^;;
그리고 질문 하나만 더하겠습니다..
상단메뉴와 서브메뉴의 간격과 게시판과 상단메뉴의 간격이 다르네요..(참 전 가로로그인을 채용했습니다)게시판을 약간 아래로 내리는 방법이 없을까요 부탁드립니다.^^
쿠로쿠마님 비스무리님의 답글을 보고 소스를 넣는데 위치를 어디에 넣어야 할지 모르겠습니다..
<!-- 메인 컨텐츠 시작 ( 主本文領域 ) main contents area -->영역밑에 넣었는데 px에따라 높이가 설정되지 않고 밑으로쭉 게시판이 내려왔읍니다,,
어디에 코드를 삽입해야 메인메뉴와 게시판 간격을 조절 할수 있을까요..염치불구하고 부탁드립니다..
흠, 먼저 게시판이 밑으로 내려오는 현상은 대부분이 </div>를 하나 빠뜨렸다던가 아니면 엉뚱한 곳에 div를 넣었다던가 하는 경우에 많이 발생합니다.
신길섭님께서 말씀하신 곳에 올바르게넣었다면, 정상적으로 표시되어야 합니다.
코드부분을 예로든다면, 혹시 이렇게 하신것은 아닌지요?
|
<!-- 메인 컨텐츠 시작 ( 主本文領域 ) main contents area --> |
세로간격을 넓히려고 넣은 코드에서 줄바꿈(clear:both)을 하라고 했기때문입니다.
바른 표현은....
| <!-- 메인 컨텐츠 시작 ( 主本文領域 ) main contents area --> <div id="contentsMain"> <div style="height:20px; display:block; clear:both;" ></div> {$content} </div> |
즉, 메인영역박스는 원래대로 같은줄의 우측에 위지하도록 하고, 그 안에 표시되는 콘텐츠(게시판이 되겠지요? ^^)의
상단 여백을 주어야 하는 거지요. 위에서는 20픽셀만큼의 상단여백을 주고, 본문(게시판)을 표시하게 됩니다.
사실, 간단하게 css를 수정하는 방법이 편하긴 합니다만, 여러곳에 응용할수 있는 방법을 알려드리는것이 나을것 같아서
이 방법을 설명드렸습니다.
답변이 되었는지 모르겠군요.
www.secretbase.kr
왜 이런것일까요? ㅠㅠ
참 그리고.... 헤더, 메인본문, 보조본문, 푸터 부분을 제외한 부분의 배경색을 다른색으로 바꾸고 싶은데... 어느부분을 바꿔야 하는지 혹시 알려주실 수 있으신가요? ^^;;
참, 저는 현재 브라우져 FF3B5 사용하고 있씁니다.
감사합니다. 레이아웃 정말 잘 사용하고 있습니다.
질문이 있는데, 상단메뉴에는 서브메뉴를 사용할 수 없나요..?
상단메뉴의 서브메뉴는 오른쪽에 뜨지 않네요..







쿠로쿠마님 또 만들어 주셧네요 ^^
잘 사용하겟습니다.