이 자료실은 공식 자료실에 포함될 예정이며 신규 등록되지 않습니다.
자료를 올려주셨던 분들은 공식 자료실에 다시 올려주시면 매우 감사하겠습니다.

라이센스 :  
기타 라이센스 :  
적용 버전 :  
프로젝트 URL :  
cap1.jpg

v0.2 에서 수정된 사항 :
* 메인 메뉴가 3차에서 6차로 확장되었습니다.
* IE7에서 글쓰기 폼 등에서 메뉴가 깜빡거리던 문제 해결하였습니다.
* 마우스가 벗어날 시 사라지던 메뉴가 마우스가 떠나도 사라지지 않고, 여백을 클릭하면 사라지게 변경하였습니다.
* 가변적이던 메뉴 판 크기가 150px로 고정되었습니다. (따라서, 메뉴 이름이 너무 길면 보기 흉해집니다..;)
* 기타 코드 수정.. (그러나 여전히 조잡.. ㅠㅠ)

이번 업데이트는... 그냥 제 고집입니다. ㅡㅡㅋ;
미리보기 : http://myham.net/bbs/layout_myham2
내려받기 : myham2v0.2.zip (04.11. 00:38 에 수정되었습니다.)

[레벨:1]박한일771

2008.04.11 00:04:31
*.125.147.140

언어 선택해보세요 ^^; 버그네요 ;.....

질문이 몇가지 있습니다.

1. 서브메뉴바가 우측으로 있는것을 왼쪽으로 가도록 조정 가능한지...
2. 전반적인 색상 수정이 용이한지...
3. 상단과 하단 이미지를 쉽게 삽입가능한지....

궁금하구요 상당히 깔끔하고 이쁩니다. 관심 많은데 요위에 질문내용들이 궁금하네요....초보라....소스로 고치라 하시면 대략 ㅡㅡ; 어렵습니다.

[레벨:3]myham

2008.04.11 00:43:06
*.117.68.56

오 이런.. default.css 파일의 9번째줄 #language {position:absolute; top:-15px; right:0; z-index:100;} 에서 z-index를 1001로 바꿔주면 해결됩니다..^^;

우측 바를 좌측으로 옮기는 것 자체는 간단합니다만.. 제가 로그인 위젯을 오른쪽으로 배치한 이유가, 로그인 위젯의 아이디/비밀번호 입력 박스의 커서가 메뉴 위에서 반짝거리는 현상이 나타나서입니다..

색상관련 설정은 모두 css파일에서 했기 때문에 색상 수정도 용이할겁니다. ^^;

그리고 마지막 질문은 잘 이해가 안되네요;;

profile

[레벨:3]앱설

2008.04.11 02:39:00
*.127.147.29

멋집니다. 하지만 아직 활용하기엔 제 실력이 좀 부족한듯... ㅎㅎ

profile

[레벨:5]GPMz

2008.04.11 07:48:45
*.138.8.209

아주 감사합니다.
잘사용하겠습니다.

수고가 많았습니다

이상없이 잘됩니다.

배경 없애고 폭좀 조절하고 하니..제가 원하던 형태가 나오네요. 여러가지 색상대로 제작해보면 아주 좋은
스킨 선택이 되겠습니다. 이제 제로보드 스킨이 한 발 더 앞으로 나가는 순간으로 여겨지는군요.

검은색으로 변경해봤습니다.

아 그리고 게시판 설정 부분에서 마지막 스킨 부분 선택하시면 창 전체가 우측으로 밀린듯이 보입니다.
사실은 밀린 것이 아니라 게시판 색상 선택에서 스크린 샷이 보통 한 줄에 두개씩 나오는데 여기는
세개씩 나오면서 마지막 그림이 창이 모자라서 반이 잘려 보이고 맨밑에 오케이 부분이 한참 우측으로 밀려 있습니다.

또 한가지 문제점은 익스 6에서 메뉴가 카테고리나 검색 밑으로 나타난다는 것입니다. 위로 나타나야 되는데...
레이어가 아래로 나타납니다.



테스트

[레벨:3]imsilc

2008.04.12 08:45:02
*.81.20.80

테스트 클릭하니 넘 잘 만드셨네요^^*

1.로그인 박스 밑에 메뉴가 보이게 할렬면 어떻게 하나요?

2. 배경색 변경이 레이아웃 설정에서 잘 안꾸어지니... 어떻게 해야하는지요?

3. 홈페이지 폭을 줄이려면 어떻게 하는지...

profile

[레벨:5]GPMz

2008.04.12 09:37:25
*.138.8.209

첫번째 질문에 대해서: 지금 메뉴 상태는 원래 기본 제로보드 메뉴에서 변경된 상태입니다. 그러니까 제로보드 기본 메뉴의 1차 메뉴를 현재 스킨 메인 메뉴 밑에 넣어주고 그다음에 로그인 밑에 제로보드 기본메뉴 2차메뉴를 넣어주면 됩니다. 검은 색으로 하려면 제로보드 기본 메뉴 검정색 스타일을 사용해야겠지요. 그리고 스타일에서 gnb부분에 해당하는 곳을 찾아서요 높이는 0으로 하고 top부분을 한 -9999정도 주세요 그럼 활성화는 되어도 보이지는 않으니까요. 활성화가 되어야 이차 메뉴가 보이게 되니까요.

두번째 질문에 대한 대답: 배경색은 레이아웃에서 색깔로 준것이 아니라 배경 그림으로 준것일 겁니다. 그러니까 default.css에서
body {background:url(../images/bodyBg.gif) repeat;}에서 해당하는 배경그림을 변경해주세요. 아니면 제로보드 기본 그림 중에서 해당하는 그림을 가져와서 제대로 링크를 시켜주든지요.

세번째 질문에 대한 대답: 홈페이지 폭을 줄일려면 #bodyWrap2 {position:relative; width:980px; 과 #header {position:relative; width:980px;과 #mainMenu {position:relative; z-index:1000; margin:0; padding:0; left:0; bottom:0; width:980px; 과 #contentWrap {position:relative; overflow:hidden; width:980px; 부분 찾으셔서 980을 원하는 숫자로 넣어주세요. 이상입니다.

[레벨:3]imsilc

2008.04.12 12:21:07
*.81.20.80

감사합니다.

 #bodyWrap2 {position:relative; width:980px; 과 #header {position:relative; width:980px;과 #mainMenu {position:relative; z-index:1000; margin:0; padding:0; left:0; bottom:0; width:980px; 과 #contentWrap {position:relative; overflow:hidden; width:980px; 부분 찾으셔서 980을 원하는 숫자로 넣어서 폭은 주렸고요 그리고 #footer {width:980px; text-align:center; margin:0 auto; padding:2em  이부분도 원하는 숫자로 바꾸어야 되더군요

그런데 폭은 주렸는데 로그인 박스가 아래로 내려 갔는데 어떻게 해야 할지...

http://imsilc.co.kr    한번 봐 주시기 바랍니다.
profile

[레벨:5]GPMz

2008.04.12 15:37:03
*.138.8.209

레이아웃 전체 넓이를 줄였으면 그 크기에 맞게 우측과 좌측 게시판 측도 함께 줄여서 맞추어야 합니다.

지금 어느 정도까지 줄였는지 모르겠습니다만은 아무튼 좌측과 우측의 합이 젼체 폭보다는 넓어서는 안되겠지요?
그러니까 넓이부분을 좀 줄여주세요.contentWrap부분에 아마 .left가 있을텐데 그 넓이를 줄여가면서 로그인 창이 제대로
올라오는지 관찰해보세요. 제대로 올라오면 그 선에서 제일 적합한 크기를 맞추세요. 아마 로그인창의 크기도 좀 줄여야 할지 모릅니다. 게시판 창이 너무 적으면 불편할 수가 있을테니까요. 로그인창을 줄일려면 위젯 로그인포에 가셔서 해당 로그인 스타일을 찾아서
그곳에서 크기를 줄여주세요.

[레벨:3]imsilc

2008.04.12 15:45:21
*.81.20.80

넘 감사합니다.

#contentWrap .left {float:left; overflow:hidden; width:980px; margin:0; padding:5px 5px 20px;} 에서 980 부분을  게시판 크기 줄인 만큼 줄이니 넘 잘 됩니다.

질문에 친절하게 답글 주셨어 거듭 감사드립니다.

[레벨:3]myham

2008.04.12 11:53:24
*.117.68.56

IE6이하에서 텍스트 박스나 셀렉트 박스 아래로 메뉴가 내려가는 문제는... 어떻게 제 선에선 해결이 안되더라구요..ㅠㅠ 죄송해요.

profile

[레벨:5]GPMz

2008.04.12 15:33:07
*.138.8.209

고맙습니다.
저도 한번 연구해보고 되면 여기에 글 올리겠습니다.

[레벨:1]천재보

2008.04.11 11:50:53
*.45.157.74

우왕 굳......

[레벨:1]뮤직윤

2008.04.14 00:05:49
*.189.106.109

수고하십니다.
미리보기를 통해 구경 잘 했습니다. 한가지 궁금점 있어 글 남깁니다.
마우스를 가져가면 자동으로 펼쳐지는데..마우스가 그곳에 혹은그 펼져진 가장자리에라도 머물러 있을때 펼침이고
커서가 그 반경에서 벗어나면 자동으로 튀어 나왓던 2차나 3차의 메뉴들이 다시 자동으로 제자리로 찾아 들어가는
그 기능은 어디서 조절해야합니까.

* 진입하고 자동으로 펼쳐질때까지는 상당히 편리하지만 그대로 펼쳐져 있는 상태라면
2차 혹은 3차 메뉴들이 5가지 이상이라면 밑으로 화면을 다 가려버려서 그렇습니다.

* 노래 가사 하나 생각납니다.
오실땐 단골손님 안오실땐 남인데 무엇이 안타까워 기다려지나
달콤한 그말씀도 달콤한 그말씀도 오실때는 좋았지만 안오시면
외로워지는 안오시면 외로워지는 아~아~ 단골손님 그리워라 단골손님..

[레벨:3]myham

2008.04.14 16:41:15
*.117.68.56

마우스가 벗어날 시 메뉴를 숨기고 싶으시다면.. layout,html 에서 메뉴 관련 코드 중에 table 태그에 onmouseout 이벤트로 숨김 함수를 호출하면 됩니다만.. 그렇게 할 시엔 특정 페이지에서 메뉴판이 깜빡거리는 문제가 나타나기에 onmouseout 이벤트를 사용하지 않고 여백을 클릭하면 사라지게 변경하였습니다. 이 점 양해바랍니다..ㅠㅠ

[레벨:4]필반

2008.04.14 12:41:09
*.124.199.239

고생 많이 하셨습니다.
메인메뉴 서브기능 신선하네요.
잘 사용하겠습니다.

[레벨:1]skylark.idtail.com

2008.04.15 23:53:17
*.43.24.99

혹시 CSS로 하셨다면 이미지는 최대한 배제 하신겁니까? 그렇다면 개인적으로 매우 마음에 들거같은 스킨인데 말입니다..

[레벨:3]myham

2008.04.16 00:02:32
*.117.68.115

사용된 이미지는 메인 메뉴의 그라데이션 배경, 레이아웃 자체의 기본 배경, 메뉴 판에서 ▶ 모양 밖에 없습니다.
(로고나 검색 버튼을 제외하면 말이죠..)

[레벨:2]엄기철981

2008.04.16 12:53:04
*.248.222.210

메뉴가 Adobe Flash 화일(*.swf)의 앞으로 나오게 해주세요. (뒤로 숨어버리네요)  꼭!

[레벨:3]myham

2008.04.18 19:58:18
*.117.68.115

z-index 조절로 해결이 안된다면 저로선 방법을 모르겠네요.. ㅠㅠ

profile

[레벨:5]GPMz

2008.04.19 10:32:07
*.138.8.209

레이아웃 설정에 가면 밑에 메뉴를 등록하는 곳이 있습니다.
그중에 탑메뉴와 메인메뉴 하단 메뉴 선택하면 레이아웃에 자동으로 메뉴가 나타납니다.
List of Articles
번호 제목 글쓴이 날짜 조회 수 추천 수

2단계 메뉴 연습삼아 제작한 꽃 레이아웃입니다. imagefile [6]

디자이너분들이 보면 무척 초라하게 보이겠습니다. layouts/ 폴더에 옮겨주시면 되겄습니다.

  • [레벨:9]덱스터
  • 2008-06-08
  • 조회 수 42459
  • 추천 수 0

3단계 메뉴 빈자리 레이아웃 imagefile [12]

원문 : http://genchicken.kr/675 '빈자리' 레이아웃 입니다. 이름이 빈자리인 이유는, 그냥 비어보여서 그렇게 지었습니다. 윗쪽에는 1차메뉴와 2차메뉴가 나오고, 2차메뉴는 팝업형태입니다. 왼쪽에는 2차메뉴와 3차메뉴가 나옵니다. 초...

  • [레벨:2]닭장군
  • 2008-06-02
  • 조회 수 36652
  • 추천 수 2

2단계 메뉴 톡깽이(Hare) 레이아웃 스킨 (1.7 정식) imagefile [9]

톡깽이 레이아웃입니다. 2.0 버전으로 낼려고 했는데 어느분 요청이 너무 오리걸리는 듯 싶어서 일단은 검색창 사용여부만 포함한 레이아웃을 배포합니다. 2.0 버전을 기다려주세요~ 배포를 허락해주신 아방스님과 funny4u님께 감...

  • [레벨:5]톡깽이
  • 2008-05-30
  • 조회 수 35730
  • 추천 수 1

1단계 메뉴 Purple Layout 1 imagefile [4]

안녕하세요! 퍼플F .. 라고 합니다. 스샷을 보시면 아시겠지만.. 기본(베이직) 스킨을 아주 약간(색만 바꾼..) 손 본 레이아웃입니다. 혹시 필요한 분이 있다면 적당히 수정해서 사용하세요^^; ----------------------------------------------------------...

  • [레벨:5]퍼플F
  • 2008-05-25
  • 조회 수 36568
  • 추천 수 1

2단계 메뉴 GlossyBlue 레이아웃 imagefile [44]

스킨 출처 : http://www.ndesign-studio.com/resources/wp-themes/glossyblue/ WordPress 에서 사용하는 GlossyBlue 스킨을 ZBXE 에서 사용할 수 있도록 짜집기했습니다. 위젯은 제가 기본적으로 즐겨사용하는 것들만 추가했습니다. 7가지...

4단계 이상 메뉴 풀 다운 및 트리 메뉴를 탑재한 레이아웃 스킨 imagefile [46]

시험이다 뭐다 정신이 없어서 그동안 손도 못댔던 세번째 레이아웃을 드디어 완성하였습니다. 간략하게 몇가지 특징만 설명하겠습니다. 크게 레이아웃을 세가지 형태로 나눔. default 형 : 본문 왼쪽에 한 개의 사이드바(가로 : 20...

  • [레벨:3]myham
  • 2008-05-14
  • 조회 수 49611
  • 추천 수 10

2단계 메뉴 톡깽이(Hare) 레이아웃 스킨 (1.5b 정식) imagefile [7]

톡 톡깽이 레이아웃입니다. 1.0버전에서 베타버전보다 오류가 더나는것을 발견하여 부려부려 다시 수정하엿습니다. 기존에 있는 아방스님의 아방스 레이아웃 0.5버전과 funny4u님의 xe_manual_se0.1병합하여 만든 레이아웃 스킨입니다. ...

  • [레벨:5]톡깽이
  • 2008-05-04
  • 조회 수 33629
  • 추천 수 0

1단계 메뉴 sitaek 님의 iTheme 수정버전 imagefile [3]

[스킨 출처] http://www.ndesign-studio.com/resources/wp-themes/ http://www.zeroboard.com/zbxe_layout_skin/16759525 학급홈페이지를 만들어야할 일이 생겨서 레이아웃 받다보니... sitaek님의 iTheme 스킨이 제일 멋지더라구요. 제 스타일...

  • [레벨:7]findwind
  • 2008-05-01
  • 조회 수 47828
  • 추천 수 1

3단계 메뉴 우야노닷컴 네이버스타일 v2.0 imagefile [43]

너무 도배하는것 같아 올리기 민망하네요.. 롤오버 메뉴에 대한 질문이 많아서 우야노닷컴 배포판과 함께 참고하시라 이 레이아웃에는 또 다르게 적용해 올립니다. 레이아웃의 공개보다는 롤오버 메뉴에 대한 적용예제라 생각해주시...

  • [레벨:6]우야노
  • 2008-04-30
  • 조회 수 67521
  • 추천 수 13

3단계 메뉴 우야노닷컴 배포판 v2.0 imagefile [42]

어쩌면 시작도 하기전에 마지막 버전이 될지도 모를 우야노 배포판 v2.0을 공개합니다. 스킨을 올리면서 항상 느끼는 것이지만 설명을 어떻게 해야 할지가 난감하군요... 이번 버전은 제 홈페이지 http://www.uyano.com/ 에서 사용...

  • [레벨:6]우야노
  • 2008-04-30
  • 조회 수 66728
  • 추천 수 14

3단계 메뉴 우야노닷컴 레이아웃.. imagefile [35]

현재 사용하는 레이아웃을 조금 수정하여 올려봅니다. 배포를 위해 서둘러 수정하였기에 문제가 있을지 모르겠으나.. 기본적으로 IE6, IE7,FF2.0 이상에서 테스트하였습니다. 배포를 위한 수정한 것이라 조금은 다르지만 http://www...

  • [레벨:6]우야노
  • 2008-04-24
  • 조회 수 53481
  • 추천 수 10

블로그 형태 iTheme imagefile [21]

[스킨 출처] http://www.ndesign-studio.com/resources/wp-themes/ WordPress 에서 사용하는 iTheme을 제로보드XE 에 껴맞추기 한것입니다. 압축을 해제한후 제로보드XE가 설치된 폴더에 덮어쓰기 하면 됩니다. 관리자 모드에서 레이...

3단계 메뉴 TeRyBoY 포털 스타일 레이아웃 스킨 V3 imagefile [60]

TeRyBoY 포털 스타일 레이아웃 스킨 V3 정보 ########################################################################### 최초 등록후 수정된 사항 # 08/04/23 19:44 - TopPbgGnbOn.gif 파일 교체 : 이미지가 예전거라 새로 올렸습니다. : ...

3단계 메뉴 mjworks 레이아웃 1.0 버전 imagefile [9]

mjworks 레이아웃 1.0 버전입니다. 2.0 훨씬 이전에 만들어진 레이아웃이지만. 처음 만든놈이라 호환상에 문제가 많았습니다. 그래서 이래저래 묵혀두고 있다가.. 짬을내어 호환부분만 손을 봤습니다. 워낙 엉망이어서 약간손보는데도...

  • [레벨:2]mjworks.
  • 2008-04-22
  • 조회 수 42501
  • 추천 수 3

기타 Xesta용 euDock 메뉴 imagefile [16]

제로보드 XE용 블로그 스킨 Xesta Vivid의 레이아웃에 추가 될 Dock 메뉴입니다. Mac OS의 데스크탑과 같이 화면 하단에 Dock Bar가 위치하며 마우스를 올리면 해당 아이콘이 슬라이드 되면서 확대되는 이펙트를 가지고 있...

  • [레벨:5]Hammer
  • 2008-04-20
  • 조회 수 32579
  • 추천 수 5

4단계 이상 메뉴 minimalism레이아웃 imagefile [25]

1. 절제와 간결함(minimalism)을 모티브로한 연필색 레이아웃입니다. zbxe에 기본으로 탑제된 기본레이아웃에 충실한 레이아웃 입니다. 따라서 "zbxe기본레이아웃" 설정 방법과 동일합니다. 스크롤시 배경이미지가 고정되도록 하였습니다...

  • [레벨:4]필반
  • 2008-04-17
  • 조회 수 39645
  • 추천 수 5

2단계 메뉴 롤오버 메뉴 만들기 imagefile [16]

소마세월님의 "메뉴에 마우스 갖다대면 뜨는 메뉴 만드는법 " ( http://www.zeroboard.com/15977640 )을 Teryboy님의 레이아웃에 적용해 보았습니다. 레이아웃 스킨은 Teryboy님의 것과 동일합니다. 다만 좌측의 2차메뉴와 3차메뉴 부...

  • [레벨:1]tindrum
  • 2008-04-13
  • 조회 수 31987
  • 추천 수 2

2단계 메뉴 톡깽이(Hare) 레이아웃 스킨 (0.1bata) imagefile [1]

톡깽이 레이아웃입니다. 기존에 있는 아방스님의 아방스 레이아웃 0.5버전과 funny4u님의 xe_manual_se0.1병합하여 만든 레이아웃 스킨입니다. 배포를 허락해주신 아방스님과 funny4u님께 감사합니다. =========================...

  • [레벨:5]톡깽이
  • 2008-04-13
  • 조회 수 27385
  • 추천 수 1

4단계 이상 메뉴 윈도시작메뉴 레이아웃 단계 확장 imagefile [20]

v0.2 에서 수정된 사항 : * 메인 메뉴가 3차에서 6차로 확장되었습니다. * IE7에서 글쓰기 폼 등에서 메뉴가 깜빡거리던 문제 해결하였습니다. * 마우스가 벗어날 시 사라지던 메뉴가 마우스가 떠나도 사라지지 않고, 여백을...

  • [레벨:3]myham
  • 2008-04-10
  • 조회 수 30527
  • 추천 수 7

3단계 메뉴 hawaiblomst imagefile

하와이블롬스트라는 템플릿이 http://www.free-css-templates.com/에 있는데 그게 원래 블로그 형식인디 마음에 들길래 제로보드로 함 올려봤습니다. 참고로 레이아웃에 똑디님의 배너위젯껴넣었습니다. 빼고 싶으신 분은 직접빼시고요.....

  • [레벨:3]burster
  • 2008-04-09
  • 조회 수 36477
  • 추천 수 1



XE Login

OpenID Login