[제로보드XE] 웹미니 ver4.5 버전 레이아웃/로그인 스킨배포

2008.09.29 22:19

안녕하세요.

제로보드XE를 사용하다가 텍스트큐브로 옮기면서 기존에 사용하던 웹미니4.5 버전 스킨을 배포합니다.

레이아웃스킨과 로그인 스킨 총 두개입니다.

수정할 부분이 있어서 다소 햇갈린 부분이 있지만, 이미지에 대한 경로 수정이니 설명글을 잘보시고, 설치해보세요.

미리보기 - http://web.webmini.net (당분간만 열어두겠습니다.)

 

webmini_skin.zip

 

질문은 해당글에 댓글로 남겨주세요.

 

 

로그인 스킨부분입니다. 보시는 바와 같이 Daum 스타일풍으로 디자인 되었습니다.

 

 

전체적인 레이아웃 모습입니다.

 

 

로그인 후에 상단에 '마이페이지' 에 마우스 오버시 개인관련 정보가 나타납니다.

 

 

2차메뉴는 위와 같이 보여집니다.

 

다음은 스킨에 대한 간단한 설명입니다. 천천히 따라만 해주세요. 이미지 관련해서 수정사항이 몇군데 있습니다.

 

1. webmini_skin.zip 압축을 풉니다.
2. 압축을 풀면 webmini_main / webmini / images 총 3개의 폴더가 존재합니다.
3. webmini_main (레이아웃스킨) 은 본인의 계정 /layouts/ 에 위치시키시면 됩니다.
4. webmini (로그인스킨) 은 /widgets/login_info/skins/ 에 업로드합니다.
5. images (이미지) 는 로그인시 상단에 보이는 화살표 버튼이니 원하는 곳에 업로드합니다.

 

수정사항

먼저 로그인 스킨의 로그인전의 '아이디/비밀번호' 이미지 입니다.
webmini(로그인스킨) 안의 login_from.html 파일을 여시고, 16~17 쯤에 /widgets/login_info/skins/webmini/images/default/login_id.gif 부분을 찾으셔서 자신의 로그인스킨 경로로 수정해주세요.
만약 제로보드 zbxe 폴더안에 존재한다면 zbxe/widgets/.... 이런식으로 되겠군요...
마찬가지로 그아랫줄에 /widgets/login_info/skins/webmini/images/default/login_pass.gif 부분을 찾으신후 위와 같은 방법으로 자신의 경로로 수정해주세요.

로그인 스킨 이미지는 수정이 되었네요..

 

다음은 레이아웃 관련 상단 로그인후에 미니영역 버튼 이미지 입니다.
webmini_main (레이아웃스킨) 안에 js/webmini.js 파일을 여시고, 72,76줄에 이미지를 맨처음 5번의 images 폴더 안에 있는 이미지 주소로 수정해주세요.

webmini_main(레이아웃스킨) layout.html 파일을 여시고, 27줄쯤에 /images/button/btn_mini_off.gif 를 찾으신후 위와 같은 버튼 이미지 주소로 수정해줍니다.
아래쪽으로 내려와서 39번째쯤에  '웹미니 - 웹속에 작은 공간','http://www.webmini.net' 이부분을 자신의 홈페이지 주소와 제목으로 수정해주시면 됩니다.

 

* 본스킨은 마음데로 수정하셔도 되며, 출처같은건 남기실 필요없습니다. 마음내키시면 웹미니 링크하나 걸어주시면 됩니다.^^

 

IE6/7에서 글자가 짤리시는 분들 보세요.

죄송하지만, 이파일을 해당 레이아웃 css 파일에 덮어씌워주세요.. 레이아웃스킨 안에있는 css 파일 입니다.

default.css


 

참고로 : 오페라, 사파리, ie6/7 , 크롬, 파폭에 맞추었습니다.

 

추가 : 로고부분에 마우스 오버시 alt 가 Webmini 로 뜨는데 이것도 같이 수정해주세요.

layout.html 파일을 여시고 alt="Webmini" title="Webmini" 부분을 찾으셔서 자신의 로고 대체 텍스트명을 적어주세요.

 

3차 메뉴 펼침기능은 아래 링크에 해답이 있습니다. (토리세상)님이 알려주셨습니다. 감사합니다.
http://www.zeroboard.com/?mid=zbxe_user_tip&search_target=title_content&search_keyword=%ED%8E%BC%EC%B9%A8&document_srl=16342642

신고

빽짱구 이야기/사이트 , , , , , ,