제로보드XE - 레이아웃 스킨
![[레벨:3]](./modules/point/icons/default/3.gif "포인트:1055point (73%), 레벨:3/30"){kind=icon}
myham| 라이센스 | GPL2 |
|---|---|
| 기타 라이센스 | |
| 적용 버전 | 정식버전(1.0이후) |
v0.2 에서 수정된 사항 :
* 메인 메뉴가 3차에서 6차로 확장되었습니다.
* IE7에서 글쓰기 폼 등에서 메뉴가 깜빡거리던 문제 해결하였습니다.
* 마우스가 벗어날 시 사라지던 메뉴가 마우스가 떠나도 사라지지 않고, 여백을 클릭하면 사라지게 변경하였습니다.
* 가변적이던 메뉴 판 크기가 150px로 고정되었습니다. (따라서, 메뉴 이름이 너무 길면 보기 흉해집니다..;)
* 기타 코드 수정.. (그러나 여전히 조잡.. ㅠㅠ)
이번 업데이트는... 그냥 제 고집입니다. ㅡㅡㅋ;
미리보기 : http://myham.net/bbs/layout_myham2
내려받기 : myham2v0.2.zip (04.11. 00:38 에 수정되었습니다.)
myham
오 이런.. default.css 파일의 9번째줄 #language {position:absolute; top:-15px; right:0; z-index:100;} 에서 z-index를 1001로 바꿔주면 해결됩니다..^^;
우측 바를 좌측으로 옮기는 것 자체는 간단합니다만.. 제가 로그인 위젯을 오른쪽으로 배치한 이유가, 로그인 위젯의 아이디/비밀번호 입력 박스의 커서가 메뉴 위에서 반짝거리는 현상이 나타나서입니다..
색상관련 설정은 모두 css파일에서 했기 때문에 색상 수정도 용이할겁니다. ^^;
그리고 마지막 질문은 잘 이해가 안되네요;;
![[레벨:4]](./modules/point/icons/default/4.gif "포인트:1970point (87%), 레벨:4/30"){kind=icon}
잘사용하겠습니다.
수고가 많았습니다
이상없이 잘됩니다.
배경 없애고 폭좀 조절하고 하니..제가 원하던 형태가 나오네요. 여러가지 색상대로 제작해보면 아주 좋은
스킨 선택이 되겠습니다. 이제 제로보드 스킨이 한 발 더 앞으로 나가는 순간으로 여겨지는군요.
검은색으로 변경해봤습니다.
아 그리고 게시판 설정 부분에서 마지막 스킨 부분 선택하시면 창 전체가 우측으로 밀린듯이 보입니다.
사실은 밀린 것이 아니라 게시판 색상 선택에서 스크린 샷이 보통 한 줄에 두개씩 나오는데 여기는
세개씩 나오면서 마지막 그림이 창이 모자라서 반이 잘려 보이고 맨밑에 오케이 부분이 한참 우측으로 밀려 있습니다.
또 한가지 문제점은 익스 6에서 메뉴가 카테고리나 검색 밑으로 나타난다는 것입니다. 위로 나타나야 되는데...
레이어가 아래로 나타납니다.
테스트
첫번째 질문에 대해서: 지금 메뉴 상태는 원래 기본 제로보드 메뉴에서 변경된 상태입니다. 그러니까 제로보드 기본 메뉴의 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을 원하는 숫자로 넣어주세요. 이상입니다.
imsilc
#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 한번 봐 주시기 바랍니다.
지금 어느 정도까지 줄였는지 모르겠습니다만은 아무튼 좌측과 우측의 합이 젼체 폭보다는 넓어서는 안되겠지요?
그러니까 넓이부분을 좀 줄여주세요.contentWrap부분에 아마 .left가 있을텐데 그 넓이를 줄여가면서 로그인 창이 제대로
올라오는지 관찰해보세요. 제대로 올라오면 그 선에서 제일 적합한 크기를 맞추세요. 아마 로그인창의 크기도 좀 줄여야 할지 모릅니다. 게시판 창이 너무 적으면 불편할 수가 있을테니까요. 로그인창을 줄일려면 위젯 로그인포에 가셔서 해당 로그인 스타일을 찾아서
그곳에서 크기를 줄여주세요.
![[레벨:1]](./modules/point/icons/default/1.gif "포인트:170point (47%), 레벨:1/30"){kind=icon}
뮤직윤
미리보기를 통해 구경 잘 했습니다. 한가지 궁금점 있어 글 남깁니다.
마우스를 가져가면 자동으로 펼쳐지는데..마우스가 그곳에 혹은그 펼져진 가장자리에라도 머물러 있을때 펼침이고
커서가 그 반경에서 벗어나면 자동으로 튀어 나왓던 2차나 3차의 메뉴들이 다시 자동으로 제자리로 찾아 들어가는
그 기능은 어디서 조절해야합니까.
* 진입하고 자동으로 펼쳐질때까지는 상당히 편리하지만 그대로 펼쳐져 있는 상태라면
2차 혹은 3차 메뉴들이 5가지 이상이라면 밑으로 화면을 다 가려버려서 그렇습니다.
* 노래 가사 하나 생각납니다.
오실땐 단골손님 안오실땐 남인데 무엇이 안타까워 기다려지나
달콤한 그말씀도 달콤한 그말씀도 오실때는 좋았지만 안오시면
외로워지는 안오시면 외로워지는 아~아~ 단골손님 그리워라 단골손님..
skylark.idtail.com
혹시 CSS로 하셨다면 이미지는 최대한 배제 하신겁니까? 그렇다면 개인적으로 매우 마음에 들거같은 스킨인데 말입니다..
![[레벨:2]](./modules/point/icons/default/2.gif "포인트:370point (45%), 레벨:2/30"){kind=icon}
엄기철981
언어 선택해보세요 ^^; 버그네요 ;.....
질문이 몇가지 있습니다.
1. 서브메뉴바가 우측으로 있는것을 왼쪽으로 가도록 조정 가능한지...
2. 전반적인 색상 수정이 용이한지...
3. 상단과 하단 이미지를 쉽게 삽입가능한지....
궁금하구요 상당히 깔끔하고 이쁩니다. 관심 많은데 요위에 질문내용들이 궁금하네요....초보라....소스로 고치라 하시면 대략 ㅡㅡ; 어렵습니다.