웹미니 ver 4.5

2단계 메뉴 조회수 21177 추천수 16 2008.09.29 22:28:30
라이센스 : GPL2 
기타 라이센스 :  
적용 버전 : 정식버전(1.0이후) 

안녕하세요.

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

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

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

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

다운로드 - webmini_skin.zip

질문은http://www.webmini.net/387 에서 해주세요.

login.jpglogout.jpg

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

webmini_out.jpg

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

webmini_in.jpg

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

webmini_sub.jpg

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' 이부분을 자신의 홈페이지 주소와 제목으로 수정해주시면 됩니다.

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

10월 2일 오후 6시 26분 이전에 받으신분들과 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]공병철

2009.02.26 20:20:16
*.222.101.186

스킨 적용은 잘 되었는데... 제가 뭘 잘못했는지...

상단 메뉴에 메뉴를 만들어서 적용 시켰는데요...

2차메뉴가 전혀 나오질 않네요... 마우스도 올려보고 클릭도 해보고 했는데...

1차 메뉴는 나오는데... 2차 메뉴는 절대 안나오네요.... 뭔가 더 해야 하는건가요............................
List of Articles
번호 제목 글쓴이 날짜 조회수 라이센스 기타 라이센스 적용 버전

3단계 메뉴 WTA Mini Blog imagefile [23]

IntroductionWTA Blog는 게시판보다는 블로깅을 주로 하는 분들을 위해 디자인 한 3단 레이아웃입니다. 티스토리나 테터툴즈, 워드프레스등의 전문 블로그 툴로 운영되는 여러 한국 블로그 사이트를 보면서 제로보드XE에서도 ...

  • [레벨:4]Hammer
  • 2008-10-25
  • 조회수 20327

라이센스 기타 

기타 라이센스 설명문 최하단 라이센스 참조 

적용 버전 정식버전(1.0이후) 

3단계 메뉴 문하우스 레이아웃스킨입니다.(v1.1로 수정) imagefile [28]

제 홈페이지상단에 플래시메뉴를 사용하다가 메뉴추가의 번거로움도 있고, 플래시의 자체적인 문제도 있는 것 같아서 이미지메뉴로 갈아타면서 만든 레이아웃스킨을 소스정리해서 올립니다. 아쿠아블루, 그린, 흰색 3가지의 칼라로 구...

  • [레벨:9]id: 팔공산
  • 2008-10-23
  • 조회수 21507

라이센스 GPL2 

기타 라이센스  

적용 버전 정식버전(1.0이후) 

3단계 메뉴 WTA Everest imagefile [6]

Introduction WTA Everest는 산악 관련 동호회나 클럽에서 사용 할 수 있는 제로보드XE용 레이아웃 입니다. 멋지게 펼쳐진 에베레스트 산을 배경으로 여러가지 정보들을 올려 보세요. Discovery 채널의 에베레스트 등정 다...

  • [레벨:4]Hammer
  • 2008-10-22
  • 조회수 15563

라이센스 기타 

기타 라이센스 본문 하단 라이센스 참조 

적용 버전 정식버전(1.0이후) 

2단계 메뉴 Jungbok Style V2,2 (콘텐츠 출력 수정) imagefile [32]

### 2009.2.16일자 수정 익스플로어 6.0에서 메뉴및 레이아웃 깨져보이는 현상 수정 완료. 기존에 받으셨던 분들은 layout 파일을 새로 받아서 업데이트 하시길 바랍니다. 아래 Jungbok V2.1의 레이아웃의 콘텐츠 출력부분이 좁다 ...

라이센스 GPL2 

기타 라이센스  

적용 버전 정식버전(1.0이후) 

tohn_layout (舊 hena_layout) ver 0.2 [간단 수정판] imagefile [3]

안녕하세요 ^^ ~ TOHN입니다 . 제가 예전에 올렸던 스킨에서 왼쪽2~3차 메뉴 디자인 변경판입니다 . 굳이 설명같은걸 보시려면, 여기를 클릭하셔서 보세요 ^^ ; (사실 설명같은거 귀차니즘입니다 ㅋㅋ) 1차 메인 버튼이 이미지...

  • [레벨:15]id: TOHN
  • 2008-10-18
  • 조회수 9413

라이센스 GPL2 

기타 라이센스  

적용 버전 정식버전(1.0이후) 

3단계 메뉴 WTA Grunge Paper imagefile [5]

Introduction WTA Grunge Paper는 WTA 스킨 시리즈 중 하나로서 2008년 후반부터 CSS 웹 트랜드로 해외에서 많이 사용되는 Grunge 풍의 제로보드XE용 통합 스킨입니다. Slavovia.tv를 Reform 한 스킨으로서 빈티지나 그...

  • [레벨:4]Hammer
  • 2008-10-16
  • 조회수 14893

라이센스 기타 

기타 라이센스 Common Creative Korea (게시물 하단 추가 기재) 

적용 버전 정식버전(1.0이후) 

3단계 메뉴 WTA White Glossary 3단 레이아웃 imagefile [19]

기존에 올린 WTA White Glossary 레이아웃의 3단 형태입니다. 이 레이아웃은 layout.html과 info.xml 단 두개의 파일로만 구성되어 있습니다. 이미 2단 레이아웃에 이 3단 레이아웃에 사용 된 CSS 코드까지 모두 넣어져 있...

  • [레벨:4]Hammer
  • 2008-10-15
  • 조회수 15771

라이센스 기타 

기타 라이센스 Creative Common Korea 

적용 버전 정식버전(1.0이후) 

3단계 메뉴 WTA White Glossary imagefile [40]

Introduction WTA White Glossary는 WTA 무료 스킨 시리즈 중 하나로서 2008년부터 웹 트랜드로 자리잡은 Glossary Style의 제로보드XE용 레이아웃 스킨입니다. Nintendo 사이트에서 많은 영감을 얻어 제작했으며 푸른색...

  • [레벨:4]Hammer
  • 2008-10-15
  • 조회수 20380

라이센스 기타 

기타 라이센스 Creative Common Korea 

적용 버전 정식버전(1.0이후) 

3단계 메뉴 3단계 기본 레이아웃 스킨 imagefile [8]

CSS 연습하면서... 개인 홈페이지 준비하면서 잡아본 레이아웃 스킨입니다. 기본 3단메뉴 구성이구요. 위의 스킨은 "제로보드 기본 레이아웃"을 토대로 변형하여 제작하였습니다. 컨텐츠 영역에 있는 "탭형식 최근 문서 출력" 위젯...

  • [레벨:2]id: maxtabby
  • 2008-10-12
  • 조회수 9138

라이센스 GPL2 

기타 라이센스  

적용 버전 정식버전(1.0이후) 

2단계 메뉴 셋트로 wowbj올립니다, imagefile [59]

많은 분들의 요청으로 와우 베이징 wowbj레이아웃및 스킨 공개합니다, 이번엔 레이아웃이랑 모든 스킨은 한 게시물에 올립니다, 아~ 그중에 전에 올렸었던 두 스킨은 다시 올리지 않겠습니다, 맘에 드시면 추천&댓글 부탁드릴...

라이센스 GPL2 

기타 라이센스  

적용 버전 정식버전(1.0이후) 

블로그 형태 그냥 단순하게 보이도록 수정한 블로그입니다. - 아래 iTheme imagefile [16]

아래, 배워서남준다 님께서 올려주신, iTheme 블로그를 수정해 보았습니다. 사실 단순하게 그냥 무작정 지우는 형태로 만들었구요. 일반 공개용 블로그에 적당하도록 수정을 해보았습니다. 일단, 레이아웃은 iTheme를 기반으로 하...

라이센스 GPL2 

기타 라이센스  

적용 버전 정식버전(1.0이후) 

2단계 메뉴 웹미니 ver 4.5 imagefile [101]

안녕하세요. 제로보드XE를 사용하다가 텍스트큐브로 옮기면서 기존에 사용하던 웹미니4.5 버전 스킨을 배포합니다. 레이아웃스킨과 로그인 스킨 총 두개입니다. 수정할 부분이 있어서 다소 햇갈린 부분이 있지만, 이미지에 대한 경로 수정...

라이센스 GPL2 

기타 라이센스  

적용 버전 정식버전(1.0이후) 

2단계 메뉴 개인 홈페이지용 스킨입니다. Jungbok Style V2.1 imagefile [29]

### 2009.2.16일자 수정 익스플로어 6.0에서 메뉴와 레이아웃 깨져보이는 현상 수정 완료. 기존에 받으셨던 분들은 layout 파일을 새로 받아서 업데이트 하시길 바랍니다. 오랜만에 기존(jungbok V2)의 레이아웃을 업그레이드 했습니다...

라이센스 GPL2 

기타 라이센스  

적용 버전 정식버전(1.0이후) 

블로그 형태 톡깽이(Hare) 블로그 레이아웃(0.5beta) imagefile

톡깽이 블로그 레이아웃 입니다. 제로님의 round_house_blog와 저의 네이버 블로그를 섞어서 좀 색다른 레이아웃을 만들어 봤습니다. 이번 버전은 버그 패치만 했습니다. 관심을 갖여주시는분들이 잇어서... 언능 패치했네요.... 현...

라이센스 GPL2 

기타 라이센스  

적용 버전 정식버전(1.0이후) 

3단계 메뉴 3단계 메뉴 레이아웃 스킨 imagefile [7]

3단계 메뉴로 구성된 기본 레이아웃 스킨입니다.브라우져 테스트는 오페라 9.60 Beta, 파이어폭스 3.0.1, 사파리 3.1.2에서 해 봤는데 깨지지는 않네요.아래 풋터 부분이 본문 내용과 상관없이 항상 아래쪽에 위치하도록 하고 싶었...

  • [레벨:2]id: maxtabby
  • 2008-09-26
  • 조회수 10104

라이센스 GPL2 

기타 라이센스  

적용 버전 정식버전(1.0이후) 

3단계 메뉴 wowbj레이아웃 imagefile [15]

오렌지 레이아웃, 제가 항상 좋아하던 색상이죠 ㅎㅎ,, 잔말말고,~ 일단 적용이미지부터 봅시다, 일단은 제가 중국어 사이트 운영때 적용하던 레이아웃입니다, 어딘가에 아마 중국어로 돼는 주석이라던가 단어가 쫌 있을겁니다,,, ...

라이센스 GPL2 

기타 라이센스  

적용 버전 정식버전(1.0이후) 

2단계 메뉴 화이트데이:미궁 커뮤니티형 레이아웃 imagefile [9]

안녕하세요?? 예전에 화이트데이 게임 스타일의 레이아웃 디자인을 올린적이 있던 매실茶입니다. 이전 레이아웃이 사실 개인 블로그 느낌을 살려 만든거라 커뮤니티 사이트를 구축하기에는 조금 제약이 있는 것 같아서 대충 손좀 ...

라이센스 GPL2 

기타 라이센스  

적용 버전 정식버전(1.0이후) 

3단계 메뉴 애플스타일(?) 레이아웃 스킨 v1.05 by sound4u imagefile [57]

애플스타일(?) 레이아웃 스킨 v1.05 by sound4u 안녕하세요. 지난해 애플스타일(?) 레이아웃 스킨 1.0을 올린후 근 1년만에 버젼 1.05를 업데이트 합니다. ^^; 그동안 여러분들이 요청하셨는데, 이러저런 개인사정으로 인하야 겨우 ...

  • [레벨:3]id: sound4u
  • 2008-09-24
  • 조회수 13170

라이센스 GPL2 

기타 라이센스  

적용 버전 정식버전(1.0이후) 

4단계 이상 메뉴 심플한 4단계 메뉴 레이아웃 스킨 imagefile [6]

간결하게 정리한 4단계 메뉴 레이아웃 스킨입니다. 사이즈는 1024해상도에 맞춰 가로폭 980픽셀로 제작되었구요.크로싱 브라우져는 맥용 오페라 9.60 Beta, Firefox 3.0.1, 사파리 3.1.2에서 확인해 보았습니다.제 컴퓨터 에서는 ...

  • [레벨:2]id: maxtabby
  • 2008-09-24
  • 조회수 6042

라이센스 GPL2 

기타 라이센스  

적용 버전 정식버전(1.0이후) 

블로그 형태 톡깽이(Hare) 블로그 레이아웃(0.1bata) imagefile [11]

톡깽이 블로그 레이아웃 입니다. 제로님의 round_house_blog와 저의 네이버 블로그를 섞어서 좀 색다른 레이아웃을 만들어 봤습니다. 아직 약간의 버그가 있을 수 있습니다. 그러므로 댓글로 많은 제보 부탁드립니다. 레이아웃을 ...

라이센스 GPL2 

기타 라이센스  

적용 버전 정식버전(1.0이후) 




XE Login

OpenID Login