제로보드XE - 레이아웃 스킨
| 라이센스 | GPL2 |
|---|---|
| 기타 라이센스 | |
| 적용 버전 | 정식버전(1.0이후) |
스킨을 올리면서 항상 느끼는 것이지만 설명을 어떻게 해야 할지가 난감하군요...
이번 버전은 제 홈페이지 http://www.uyano.com/ 에서 사용하는 레이아웃과 99%동일한 것입니다.
그리고 제가 레이아웃에 첨가해 사용하는 위젯 몇가지를 패키지 처럼 묶었으니 참고하시기 바랍니다.
제가 생각하는 이번 버전의 핵심은 메인메뉴의 롤오버기능인데..
이 부분은 블루게이트님의 홈페이지에 사용되는 자바스크립트를 활용하여 제 레이아웃에 맞게 수정한것입니다.
특징이라면 메인메뉴의 1차메뉴의 위치와 함께 움직인다는 것이며,
메뉴관리에서 관리자 체크가 되어 있더라도 오류를 일으키지 않습니다.
또한 메인메뉴의 2차메뉴 css수정도 보다 용이하리라 생각됩니다.(소마세월님의 팁을 기준으로한 주관적 견해입니다.)
공개 및 수정을 허락해 주신 블루게이트님께 진심으로 감사드립니다.!!
머릿말이 너무 길었네요.. 이제 레이아웃에 대해 간략히 설명해 드리겠습니다.

메인 레이아웃입니다. v1.0과 달라진 부분은 문두에 밝힌것 처럼 롤오버 메뉴가 지원된다는 것이고
하늘색에서 그린으로 색상을 변경하였습니다.
로그인은 일부러 가로로그인(KK_Login_karo 로그인을 수정한것) 과 우측편 박스 로그인(기본로그인을 수정한것) 2개를 넣어놓았습니다.
압축을 푸시면 패키지로 들어가 있으니 참고하시기 바라며.. 필요하시것만 남겨서 쓰시면 될듯합니다.

서브레이아웃입니다.
메인메뉴나 로그인부분에 대한 설명은 메인메뉴의 것과 동일하며, 전체적인 구성은 v1.0과 동일합니다.
전체 레이아웃이 좌측, 가운데, 우측으로 구분되어 있으니 참고하시기 바랍니다.
v1.0에 비해 가장 변화가 없는 서브레이아웃 되겠습니다.
참고로 v1.0과 마찬가지로 게시판에 분류기능을 활성화 시켜 놓으신 경우 카테고리와 달력위젯이 출력됩니다.
필요없으신분은 과감히 삭제해주시면 됩니다.

새롭게 공개하는 갤러리 레이아웃입니다.
심하게 충동적으로 뚝딱 만든 레이아웃인지라 문제가 좀 있어보이긴 합니다만.. 그래도 요청하신분도 있고 해서 같이 올립니다.
메인메뉴 이외에도 메인메뉴 바로 아래에 2차메뉴가 출력되게 메뉴 박스를 하나 더 넣었습니다.
어두운 배경에 맞게 메인메뉴의 색상도 블랙으로 잡았고, 스샷에는 없습니다만.. 하단의 copyright 출력부분도 검은색 배경으로 만들었습니다.
이상 레이아웃에 대한 간략한 설명이었습니다.
설치법을 질문하시는 분이 간혹 계신데..
이번에는 압출을 푸시고 그대로 zbxe 폴더에 올려주시면 됩니다.
그러면 laouts폴더속에 uyano_main,uyano,sub,uyano_gallery 세개의 폴더가 만들어 집니다.
이제 관리자 화면에서 3개의 레이아웃을 모두 사용하시려면 각각 하나씩 모두 생성시켜 주면 됩니다.
그리고 적용을 원하는 모듈에 각각의 생성된 레이아웃을 연결하시면 되겠네요..
(말로 하려니 무지 어렵습니다. ㅡ.ㅡ;;)
나름대로 충분한 테스트를 거친후 올리는 것이지만.. 문제가 발생할경우 혼자 해결 마시고.. 꼭 알려주셨으면 합니다.
그리고 마지막으로 다시 한번 자바스크립트 사용을 허락해주신 블루게이트님께 감사드립니다.

나의 zbXE 홈페이지
http://www.uyano.com/
내가 만든 스킨들을 공휴합니다. 놀러오세요^^*
우야노님 수고하셨습니다.
드디어 제가 바라던 메뉴스크립트가 나왔네요.
히든메뉴도 적용되고 하부메뉴도 따라 다니고,
이게 적용이 안되어 플래시메뉴로 갔는데 이제 메뉴부분 변경해야 겠네요.
그리고 저도 블루게이트님 홈피에 자주 가는데 이런 스크립트 못 본 것 같은데, 어떻게 찾았데요?????
추천 꽝!!!!!!1
우야노님~
다짜고짜 이상하다고해서 죄송합니다...ㅎㅎ
xe접한 얼마 안되서 떵, 오줌 구분을 못하는거 같습니다..ㅜ.ㅡ;;
테스트 게시판은 요깁니다
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
http://lovesan1004.cafe24.com/zbxe/photo_portrait
모듈스킨을 블랙으로 갈아 입혀야한다는 말을 잘 모르겟네요
어디서 선택해야하나요?
이정도면 구태여 플래시 메뉴를 쓸 필요가 없을것 같습니다.(스킨을 잘 디자인 한다는 가정하에서요.)
저는 이미 소마세월님의 팁을 이용해서 홈페이지를 만들고 있으니, 제것을 바꾸기는 힘들것 같고 주위의 다른분들중에
새로 홈페이지를 만드는 분이 있으면 이 레이아웃 스킨을 추천하겠습니다. 고맙습니다.
Fatal error: Call to a member function on a non-object in /free/home/saengsu/html/classes/widget/WidgetHandler.class.php on line 28
잘 만들어 주신 스킨 감사히 잘 쓰겠습니다. ^^
http://imno1.com/zbxe/?mid=gallery_Landscape
갤러리에서 위 처럼 나오는데 해결 방법이 없을까요?
훌륭하십니다
한가지 질문
메뉴 윗부분 즉 로고 나오는 부분의 높이가 좀 좁은 것 같은 느낌인데
그 폭을 늘리려면 어떻게 수정해야 할까요?
다 좋은데..서브메뉴가 많을 경우 검색폼 밑으로 짤린다는 게... 좌측메뉴 박스 너비, 본문 너비는 어케 수정하는지...
css 수정을 하시면 됩니다.
/* Site Layout - #columnLeft */
#columnLeft { position:relative; float: left; width: 120px; }
#sidenav { position:relative; clear:both; width: 120px; background:#f4f4f4 url(../images/default/submenu_middle.gif) repeat; display:block; }
#sidenav .sub_title { background:url(../images/default/submenu_title.gif) no-repeat; height:45px; }
#sidenav .sub_title h1 { margin:0; padding-top:15px; width:120px; text-align:center; font-weight:bold; font-family:Tahoma; font-size:16px; color:#ffffff; }
#sidenav .sub_bottom { background:#ffffff url(../images/default/submenu_bottom.gif) no-repeat; height:7px; }
좌측메뉴 css 입니다. 님의 홈페이지에 맞게 width값을 조정하세요
물론 서브메뉴 출력부분인 lnb도 width 수정을 해주셔야 합니다.
본문너비 조성 부분은 제 홈페이지 질문&답 게시판을 참고해주세요..
제가 디자인 실력이 없어서 이런건 영...
좀 가져다 쓰겠습니다. ^^
http://www.startpda.kr 로 프로포즈를 다시 만들고 있는중입니다.
이번주 내에는 완성시킬예정이니 나중에 구경오세요. ^^
안녕 하세요. 우야노님 감사히 쓰고 있습니다..
위에 베너 때문에 날짜가 짤리고 우측위 Write Management Setup LayoutModify ... 이 영어는 어디서 삭제 할수 있나요.
좋은저녁 되세요....
레일아웃 편집에서 날씨 밑에
<ul id="nav">
<!--@if(!$is_logged)--><li><a href="{getUrl('act','dispMemberLoginForm')}">Login</a></li>
<li><a href="{getUrl('mid',$layout_info->target_mid,'act','dispMemberSignUpForm')}">Join</a></li>
<!--@else-->
<!--@if($grant->is_admin)-->
<li><a href="{getUrl('mid', $layout_info->target_mid, 'act','dispBoardWrite','document_srl','')}">Write</a></li>
<!--@end-->
<!-- 최고관리자이면 관리자 페이지 버튼 출력 -->
<!--@if($logged_info->is_admin == 'Y')-->
<li><a href="{getUrl('','module','admin')}" onclick="window.open(this.href); return false;">Management</a></li>
<!--@end-->
<!--@if($grant->is_admin)-->
<li><a href="{getUrl('act','dispBoardAdminBoardInfo')}">Setup</a></li>
<li><a href="{getUrl('','mid',$layout_info->target_mid,'act','dispLayoutAdminModify','layout_srl',$layout_info->layout_srl)}">LayoutModify</a></li>
<li><a href="{getUrl('','mid',$layout_info->target_mid,'act','dispLayoutAdminEdit','layout_srl',$layout_info->layout_srl)}">LayoutEdit</a></li>
<!--@end-->
<li><a href="{geturl('act','dispMemberInfo')}">MemberInfo</a></li>
<li><a href="{getUrl('act','dispMemberLogout')}">Logout</a></li>
<!--@end-->
</ul>
삭제를 하시면 없어집니다. ^^









감사합니다~~