[제로보드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

신고

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

  1. 이전 댓글 더보기
  2. Blog Icon
    이태우

    아까 외부페이지 출력 문제로 문의를 드렸던 사람입니다.
    그 문제는 해결했는데, 한가지의 더 문제가 생기더군요
    html 페이지로 따로 볼때는 문제없이 출력되는것이
    외부 페이지로 출력을 하면 원본과는 다르게 출력이 되더군요
    이미지같은 경우는 절대경로를 넣어줘야하는건지,
    원본과 다르게 출력되는 까닭이 html 태그의 문제인지
    한번 봐주셨으면 합니다.
    http://user.chol.com/~puisse/zbxe/?mid=analysis
    아참, 그리고 레이아웃에서 실제로 내용이 출력되는 곳의 너비는 몇px인가요?

  3. 백짱구님..스킨 잘사용하고 있습니다.
    근데 한가지 문의좀 하려구요..
    최상단 로그인 회원가입 고객센터등이 잇는데요..
    로그인 앞에다가 현재 접속자와 카운터를 넣고 싶거든여..
    이건 어떻게 해야할지 모르겠네용...
    위치를 못잡겠네요...카운터는 넣겠는데 로그인 앞쪽에 위치를 잡아보려고 하는데
    그리고 현재 접속자 : 명 |전체 : 100명 오늘 : 100명 어제 : 100명 로그인 회원가입 ....
    이런식으로 넣고 싶거든여
    이것좀 추가해주심 안되나영?

  4. 접속자현황 같은 경우 저도 자세히 모릅니다. 죄송합니다.

  5. 이 웹페이지 중앙에 "New product / New Thchnology" 와 "Market Research and Expert Analysis"가 아래 위로 되어 있는데
    이 두개의 위젯을 너비를 반반씩 줄여서 각각 왼쪽과 오른쪽에 위치할수 있도록 반으로 나누는 방법을 가르쳐 주시면 감사하겠습니다.

    http://www.multiwindow.com/Main

  6. 모든건 css에서 수정을 해야하며, 어떻게해야 어떻게 된다라는 정답이 없습니다.

  7. Blog Icon
    김미림

    제가 진짜 초보라서 그러는데요.
    위와같이 다 했는데도 홈페이지에 변화가 없거든요? 혹시 관리 페이지에서 뭘 설정해줘야 하나요? 설명부탁드려요 ㅡ.ㅡ

  8. 어떤 변화를 말씀하시는건가요?

  9. 더이상 이스킨에 대해서 질문을 받지 않겠습니다.
    이미 스킨메뉴얼에 설명이 다되어있으며, 제로보드사이트 스킨배포한곳 댓글을 보시면 문제가 있는부분에 대한 답이 있습니다.
    기타 스킨레이아웃이나 추가되는 부분은 css를 수정하셔야하며, 그외 관리자부분에 관한건 제로보드 메뉴얼을 꼼꼼히 읽어보시기 바랍니다.

  10. Blog Icon
    미리미

    제가 진짜 초보라서 그러는데요.
    위와같이 다 했는데도 홈페이지에 변화가 없거든요? 혹시 관리 페이지에서 뭘 설정해줘야 하나요? 설명부탁드려요 ㅡ.ㅡ

    댓글남겨주셨길래 다시 글남겨요 변화란것은 메뉴에변화를말하는건데요..기존에 제 메뉴바가 그냥 검은색배경이거든요..위에 메뉴바를 삑짱구님말씀대로 설치하면 푸르스름하게 변해야 하는거 아니에요? 근데 제가 위에 말대로만 하고 따로 다른과정은 안밟아서요..어디가서 또 설정을 해줘야 하는게 있나해서 물어보는거에요..

  11. 관리자 레이아웃설정에서 배경이미지가 등록되어있나확인해 보시고, 등록되어있다면 삭제해주세요.

  12. 구글 크롬 브라우저에서 웹미니 레이아웃이 망가집니다.
    http://www.multiwindow.com/Main

  13. http://web.webmini.net 어디가 망가진다는거죠? -.-

  14. 안녕하세요, 웹미니 레이아웃 잘 사용하고 있습니다!!

  15. 저는 졸졸이 스토커에 대해 어떤구조로 되어있는지 모릅니다. 해당 위젯제작자분께 문의해보세요.

  16. Blog Icon
    바이오맨

    안녕하세요!! 빽짱구님... 웹미니 질문있습니다. 좋은 스킨 설치다하고..테스트 하는데요.. 님께서 올려주신 샘플은 중앙 페이지부분이 쭈~~~~욱하고 길게 연결 되있던데... 전 탭방식 최근문서 3개 집어 넣고 1개더 넣을려고 하니 페이지를 찾을수 없습니다 라고 에러메세지가 나오네여...이건 제로보드가서 물어봐야 하나요?

  17. 호스팅 업체에 물어보세요.

  18. Blog Icon
    앤서니

    백짱구님 위의 댓글이랑 설명글 주욱 읽었거든요. 바쁘겠지만 그래도 꼭 답변 좀 주세요. 위에 상단 좌우가 어긋나는 현상을 관리자 설정에서 바꿔보라고 했는데 관리자 설정에서 뭘 바꾸라는지 잘 몰라서요..-.-

  19. 관리자설정에서 layout.html 소스를 다시 붙히고 확인눌러보세요.

  20. Blog Icon
    윤순환

    먼저 멋진 레이아웃 공개 해 주셔서 감사드립니다. 설치는 잘 하였는데 로고이미지를 클릭하면 "404페이지를 찾을 수 없습니다" 라는 문구가 자꾸 뜨는군요.
    레이아웃 설정에서도 주소를 올바로 넣었는데 어디에서 수정을 해야할지
    남감합니다. 도움부탁드립니다.

  21. layout.html 에서 logo.gif를 찾아보시고, 클릭시 이동하는 주소를 넣어주세요. <a href="/"> 이런식으로 되어있을겁니다.

  22. Blog Icon
    윤순환

    다운받은 webmini_skin 속에 있는 레이아웃 html을 말씀 하는 것인지요.
    그것들을 보니 이상한 문자들만 나열되어 있더군요. 보는 방법이 따로 있는지
    진심으로 감사드리며 부탁드립니다. 아님 레이아웃 편집에서 찾아야 하는지...

  23. Blog Icon
    윤순환

    어리석은 질문이이었네요 해결하였습니다. 감사합니다.
    언제나 좋은일만 있으시기를...

  24. Blog Icon

    비밀댓글입니다

  25. Blog Icon
    김감독

    http://yunguda.oranc.co.kr/zbxe/?mid=MAIN

    스킨을 적용했는데 배경이미지하고 레이아웃하고 맞질않네요..
    어디서 수정하는지 좀 알려주세요..^^;

  26. Blog Icon
    임진영

    웹미니 배포해주신점 정말 감사합니다.
    질문 하나 해도 될지요...
    중앙 상단에 검색창이요 검색을 해봐도 글이 안뜨네요.
    애드온 같은걸 활성화 해야 하는지요?

  27. Blog Icon
    저기요

    레이아웃의 폴더에 있는
    layout.html 파일의 소스중에
    27줄쯤에 /images/button/btn_mini_off.gif
    이 부분을 제 이미지 경로에 맞춰서 xp/images/button/btn_mini_off.gif
    라고 수정했더니

    Parse error: syntax error, unexpected '&' in /web/home/haro123/html/xe/classes/template/TemplateHandler.class.php(431) : eval()'d code on line 25

    이런 에러가 뜨네요. 어떻게 해야 하죠?

  28. 님의 레이아웃 너무이뻐서 잘쓰고있습니다 ...
    그런데 한가지 안되는게 있어서 질문드립니다 ..게시판에 글쓰기 하면 제목 윗부분이 짤려서 나오는데 어떻게 해야되는지 초보적인 질문입니다 ..부탁드립니다

    http://hwo.ll0.kr 한번확인부탁드립니다

  29. Blog Icon
    조영철

    한가지만 물어볼려구그럼니다^^
    저 위에 검색란 없에고 싶은대 어떻게 하나요?

  30. 빽짱구님 안녕하세요. 제 블로그에 빽짱구님 스킨 배포 링크연결 해놨습니다. 혹시 문제되면 말씀주세요. 그리고 배포해주셔서 정말 감사합니다. ( http://hanstory.tistory.com/10 )