zbXE 레이아웃 스킨 - [업데이트] 애플 스타일(?) 레이아웃 v1.0 -- v1.05 새로 업데이트 됐습니다.

레이아웃 스킨

글수 162

[업데이트] 애플 스타일(?) 레이아웃 v1.0 -- v1.05 새로 업데이트 됐습니다.

http://www.zeroboard.com/16309149

2007.12.23 03:44:12 (*.53.90.189)

25027

7 / 0

3단계 메뉴

라이센스	GPL2
기타 라이센스
적용 버전	베타버전(1.0이전)

업데이트 2008년 9월 30일 : 제로보드 v.105와 호환되는 버젼을 업데이트 했습니다.
아래링크에서 다운로드 받으세요.

http://www.zeroboard.com/17308195

로그인 스킨을 기본스킨으로 바꿨습니다. 다시 다운로드받으세요. 200년 12월 23일 22시 52분(한국시간) - 수정내용 아래참고 ^^

메리 크리스마스 !!!

그동안 제가 올렸던 최근댓글, 최근글 그리고 최근 이미지 스킨에 어울리는 레이아웃입니다.
기본 XE 레이아웃에서 약간 변형된 레이아웃이고, 하얀 배경에 적당할 거 같습니다.

로그인과 최근글,댓글, 이미지위젯 스킨은 중복을 피하기 위해서 같이 올리지 않고 이곳 위젯 스킨 자료실에서 다운로드 하실수 있을실 겁니다.

스크린샷 :
Picture 1.png

테스트중인 웹

현재 적용중인 웹

설치:
sound4u_a.zip 화일을 /layouts/ 아래에 압축을 풀록 사용하시면 됩니다. (자세한 설치법은 zbxe메뉴얼을 참조해주세요.)
압축을 푸시면 _MACOSX 라는 폴더가 생기는데 이것은 그냥 지워주시면 됩니다.

참고사항:
혹시 1차메뉴 (스크린샷에서 '홈',메뉴2,메뉴3)가 많아서 검색메뉴까지 겹치시는 분은
sound4u_a/css/ 폴더안에 white.css 화일을 열어서 아래라인(약 37라인)에서 숫자를 80px 에서
약 50px나 그보다 적은 숫자로 사이트에 많게 고쳐서 저장하시면 됩니다.

#isSearch { position:absolute; top:80px; right:15px; width:214px; text-align:right;}

그럼 즐거운 하루되세요.

### 수정내용 ###
2007년 12월 23일 22시 52분 (한국시간)
로그인 위젯 스킨을 기본스킨으로 바꿔서 다시 화일 올립니다.
위의 스크린샷에는 제가 위젯 스킨자료실에 올린 '애플스타일 로그인위젯 스킨'이 적용된것입니다. 처음 레이아웃을 받으시는 분은 제로보드 기본위젯 스킨이 설정될것입니다.

이 게시물을..

엮인글 주소 : http://www.zeroboard.com/16309149/7be/trackback

2007.12.23 08:29:14 (*.141.129.51)

뉴키즈

아~ 깔끔하고 제 스타일입니다~^^
이런 좋은 스킨 올려주셔서 정말로 감사드려요~

2007.12.23 08:30:43 (*.141.129.51)

뉴키즈

헉..방금 받아보니 압축화일이 손상되었다고 나오네요.. 재업좀 부탁드려도 될까요?

2007.12.23 09:14:31 (*.79.86.21)

히히히힛

정확한경로에 업로드해도 적용시키면 안된다는..?

2007.12.23 22:32:58 (*.137.103.125)

음... 좀더 정확하게 말씀해주시면..
안된다는것이, 레이아웃설정에 안나타난다는 것인지, 아니면 나타나서 설정해도 화면에 안뿌려진다는건지... 등등.
알려주세요. ^^

2007.12.23 15:05:02 (*.131.94.168)

옥린이

좋은자료 감사합니다~
다운로드후 Home 페이지 한장만 우선 적용시켜 보았으나..
좌측 2차메뉴??인가요? 로그인정보와 기타메뉴 표시되는곳... 그곳이 비었습니다~
그리고 검색란이 1차메뉴?위치로 내려와 있다보니 현제 제 메뉴 6개의 경우 마지막 메뉴와 겸쳐지는 상황이 발생하는군요?
다소 수정등이 필요한듯 싶습니다~

2007.12.23 22:41:46 (*.137.103.125)

1. 예, 제가 로그인을 따로 올렸는데, list.html을 적용된것으로 올려서 그런현상이 발생하는군요.
화일을 다시 올리도록 하겠습니다. 임시적으로
list.html에 있는 
<img src="./images/blank.gif" class="zbxe_widget_output" widget="login_info" skin="xe_official" colorset="{$layout_info->colorset}" />

2. 1차메뉴와 검색메뉴가 겹치는것은, 제가 메뉴를 많이 안써서 그렇게 올렸는데, 이건 간단하게 고칠수 있습니다.
white.css 화일을 열어서 아래라인(약 37라인)에서 숫자를 80px 에서 약 50px나 그보다 적은 숫자로 사이트에 많게 고쳐서 저장하시면 됩니다.

#isSearch { position:absolute; top:80px; right:15px; width:214px; text-align:right;}

2007.12.23 19:25:30 (*.132.111.164)

저도 로그인메뉴가 안보이네요......
로그인 스킨이 별도로 있으신가요 있으시면 따로좀 올려주세요...

2007.12.23 19:51:22 (*.131.94.168)

옥린이

로그인 스킨을 따로 올려두신것이 있는데....
완전 초보인 제 생각에는 스킨은 스킨일뿐... 그것이 없더라도 기본 로그인 스킨으로 표시가 되어야 하는데..
그 표시가 전혀 없다는것은 레이아웃 파일중 어느 파일의 구문에서 좌측구문이 빠진것이 아닐까 합니다~
올리주신 분께서 미국인지 서쪽 국가에 계신듯하니..
이제야 아침이겠구나 하는 생각에 기다려봅니다~_~;;

2007.12.23 21:46:53 (*.215.193.243)

멋집니다.

당장 설치해 봐야 겠네요.

애플을 보고 탐만 내고 있던 디자인인데...깜끔쌈박

2007.12.23 22:42:48 (*.137.103.125)

감사합니다. 많이(?) 쓰세요. ^^

2007.12.24 06:27:02 (*.201.47.6)

css

수고하셨습니다
좌측메뉴위에 마우스를 올리면 버튼느낌을 강조하기위하여
글씨간격이 약간씩 줄어들게하는 효과를 주셨는데
white.css내부에서 이 효과부분에 해당되는 위치는 어느곳인지 알고 싶군요.
글간격을 지금보다 약간만 줄이려고 합니다.

2007.12.24 15:24:53 (*.137.103.125)

IE6를 쓰시나요? 지금 확인해보니 그런 비슷한(?) 효과가 있네요. (저도 몰랐슴. ㅡ,.ㅡ, FF에서는 그렇게 안보이네요)
그효과(?)는 마우스오버전에는 bold 이고, 마우스 오버후에는 regular 글씨체 또는 그 반대 이기때문에 생기는 효과입니다.
여튼, 저도 글자간격을 줄이는 정확한 코드와 라인을 모르고, white.css중
#lnb li 이후의 라인들을 만지셔야 할것입니다. (죄송하네요 저도 초보라 자세한것은 말씀을 못드리겠군요. ㅡ,.ㅡ)

2007.12.24 20:25:25 (*.201.47.121)

css

초보라니요. 수준 이상이신데요..... 겸손의 말씀을...
전~
IE7버전을 사용하고 있습니다.
Firefox/2.0.0.11에서도 마찬가지 효과를 확인했습니다.
win xp시스템이구요.

2007.12.24 22:59:50 (*.145.0.22)

아레테

1차 메뉴가 9개 인데 3개는 어디로 사라지고 마는 군요. 검색은 위에 기록한대로 하니 겹치는 것은 해결이 되는군요.

2007.12.25 02:04:05 (*.201.124.159)

초보입니다. 잘설치해서 요모조모 수정도 해보고 많이 도움되고 있습니다.

헌데 좌측 서브메뉴가 안보이는데 해결방법좀 부탁합니다.

관리모드 메뉴관리에서 2차서브메뉴는 미리 구성해 놓았거든요

2007.12.25 02:08:36 (*.201.124.159)

윗분 아레테님 질문에 대한 의견입니다.

저도 초보인데요 아래처럼 해보세요
레이아웃중 white.css (기본스킨으로 설정되어있음)의 내용중 주메뉴에 해당하는 다음부분중 padding 부분을

고쳐보세요 padding:5px 20px 0 20px; 로 되어 있는 부분중 상우하좌 순이니 우 좌 해당하는 수치를 조정하시면

전체메뉴가 다보입니다.

/* 주메뉴 위치*/
#gnb { position:absolute; top:72px; left:8px; height:37px; overflow:hidden; white-space:nowrap; margin-bottom:10px;}
#gnb li { list-style:none; float:left; background:url(../images/white/bgGnbVr.gif) no-repeat right center; padding-right:1px; position:relative; right:1px; white-space:nowrap;}
/* 주메뉴 사이간격*/
#gnb li a { display:block; float:left; padding:5px 20px 0 20px; height:25px; font-weight:bold; color: #333333; white-space:nowrap; text-decoration:none; font-family:"굴림","돋움", Dotum, Gulim, AppleGothic, Sans-serif;}
#gnb li a:hover,
#gnb li a:focus {font-weight:bold; color:#ffffff; background:url(../images/white/bgGnbOver.gif) no-repeat center top; position:relative; right:1px; white-space:nowrap;}
#gnb li.on a { font-weight:bold; color:#ffffff; background:url(../images/white/bgGnbOn.gif) no-repeat center top; position:relative; right:1px; white-space:nowrap;}

2007.12.25 13:53:53 (*.144.231.149)

아레테

아 그렇군요. 세심한 배려에 감사드립니다.
좋은 크리스마스 보내십시오.

2007.12.25 23:14:41 (*.160.12.222)

연못골

Telnet이 안되는 이들을 위한 가이드가 없네요. ㅠㅠ.ㅠㅠ 제가 paran의 웹호스팅으로 새롭게 홈피를 꾸미는데. 이런
telnet이 안되어서 그림의 떡..

2008.01.10 08:27:19 (*.53.90.189)

telnet이 아니라 ftp 를 사용해서 화일을 업로드하셔야 할텐데요?

2007.12.25 23:51:20 (*.169.161.149)

하늘03

와아 +_+ 넘 예쁘네요 ^^
영문 사이트에도 소개하고 싶은데; 옮겨서 올려도 될까요? :)

2008.01.07 00:36:53 (*.137.103.125)

저야 감사하죠. 쪽지 드렸었습니다.

2007.12.26 11:09:55 (*.235.53.228)

배경

적용중인사이트처럼 로고뒤에 배경은어떻게하나요 레이아웃설정에서적용하면 옆으로쭉삐져나오던데..

2008.01.10 08:29:39 (*.53.90.189)

적용중인 사이트는 로고가 있는 배경과 1차 메뉴바가 하나로 만들어져 있습니다. 따로 설정하는것은 안해봐서 모르겠네요.
나중에 한번 해보고 버젼 2.0 을 올리죠. ^^;;

2007.12.26 19:13:02 (*.132.98.111)

너무 예쁩니다~~

2008.01.12 08:28:48 (*.53.90.189)

감사합니다.

2007.12.27 09:23:45 (*.117.3.218)

coko2007

홈에 검은색 부분 조정안되나요? 중간으로 와버렸는데

2008.01.10 08:30:08 (*.53.90.189)

배경과 1차메뉴바가 하나의 이미지로 작업했습니다.

2008.01.03 18:45:29 (*.47.222.13)

WhiteCoder

저기요 레이아웃설정에서 상단로고배경에 적용시키면 중간으로 정렬이안되고 바둑판배열처럼 2개로 보이네요.
또 상단배경넣는곳 width랑 height 좀 수정가능할까요?

2008.01.04 22:54:10 (*.150.183.246)

화랑^^;;

잘 사용하겠습니다... 되게 마음에 드네요.. ^^

2008.01.10 17:09:07 (*.226.193.68)

오투감자

sound4u 님~~ 스킨 너무 좋구 감사합니다..!

그런데요.. 서브메뉴1 쪽 메뉴를 도데체 어떻게 만드는건지 모르겠습니다.

"메뉴" 에서 하나더 만들어서 리스트 해도, 홈에 맨 밑 하단으로 붙습니다. 아시는분 자세한 설명좀 부탁드릴꼐요!! ㅠ. ㅜ

2008.01.11 17:50:02 (*.128.226.253)

권민경627

로고가 이상하게 위치합니다.ㅠㅠ
http://loveweb.kr

어디를 수정해야되는지를 모르겠어요~그림넣으면 중간에 껴버리고..ㅠㅠ
해결방법좀 알려주세요.ㅠㅠ
그리고 배경에 그림넣는 방법도 좀 알려주세요.ㅠㅠ 부탁드립니다.

2008.01.17 04:56:25 (*.129.26.186)

박수현

음.... 좀 말도 안되는 질문인거 같은데요. 메뉴를 적용했을 경우 저는 전부 mid를 연결해서 사용하고 있습니다.

그런데 해당 게시판에 새 글이 있을 경우에 글 옆에 새글 아이콘이 생기는 것 처럼, 메뉴에도 그렇게 새글 아이콘이 생기게

만들고 싶은데, 어디를 손대야 할까요. 외부 페이지 연결때문에 그건 힘들까요;

2008.01.19 09:07:43 (*.53.90.189)

... 저의 능력밖의 코딩이군요.. 글적글적

2008.01.17 16:10:32 (*.149.232.35)

초보자

왕초보인데요,
위에 서브메뉴보이게 하는거랑 그리고 위에 홈/메뉴1/메뉴2
이거는 어떻게 하면 나타나는 건가요?
또,위에는 최근 댓글하고 최근 글이 병렬로 나란히 되어있잖아요~
이거는 어떻게 해야하는건가요??
이거땜에 삽질중이랍니다.ㅠㅠㅠ
도와주세요~

2008.01.19 09:10:06 (*.53.90.189)

관리메뉴에서, "메뉴" 옵션을 이용하셔야 합니다. (자세한건 여기 사이트에 검색하면 나옵니다.)

2008.01.23 16:45:33 (*.252.195.53)

잘 사용하고 있습니다.

2008.02.02 19:28:18 (*.86.35.66)

너구리

3차메뉴가 사라지는 현상.. 특이하네요 html 소스를 보면 있는데,, 브라우져로 보이질 않아요...

2008.02.28 19:52:15 (*.148.190.140)

w웅스

1.0 업데이트 이후에, 레이아웃이 제대로 표시가 안됩니다.. ㅜㅜ
다른, 게시글이나 댓글등도 마찬가지네요
ㅜㅜ

2008.03.23 18:44:39 (*.9.232.153)

꿈지락

저도 그런데요

2008.03.16 11:52:54 (*.140.92.20)

축복유통업자

안녕하세요! ^_^
만들어주신 스킨 잘 쓰고 있었습니다.
이번 정식버전 출시되어 업그레이드를 했더니
전체적으로 메뉴가 우측으로 이동하여 레이아웃이 깨져 보입니다.
해결할 방법이 있을까요? 이전버전으로 돌아가려 시도도 해보았지만 버전을 내리는 것은 더 어렵네요...ㅡ_ㅡ;
참고하시라고 캡쳐화면과 레이아웃 소스를 첨부합니다.
http://pw0691.net

2008.03.18 14:49:06 (*.46.71.62)

nkcm

/css/white.css에서

/* White Skin - Start */ 아래에 다음 4줄을 추가해주시면 됩니다.

#selectLang { margin:0; padding:0; }
#gnb { margin:0; padding:0; }
#lnb { margin:0; padding:0; }
#lnb ul { margin:0; padding:0; }

2008.04.06 00:14:50 (*.178.136.103)

모둔치

홈페이지를 오랬동안 만들고 싶어서 만들었는데요. 아직 많이 부족하답니다.
홈페이지 주소는 http://www.mokjang.ch 입니다.

메뉴에 마우스를 올려 놓으면요. 너무 많이 깜빡거려요. 어떻게 안 깜빡거리게 하는 방법이 없나요.
그리구 다른 것두 조언을 부탁드립니다.

2008.04.07 11:24:30 (*.72.120.184)

ttang

안녕하세요 애플 스타일 메뉴가 적용된 둘로스 서버는 한국에 있는 것인가요 아님 미국에 있는 것인가요?
선교사님을 위한 웹페이지를 만들기 위해 미국(뉴욕) 에 있는 서버를 찾고있기에 질문을 드립니다.
물론 여러 저렴한 서버가 있기는 한데 갤러리 사용이나 제로보드를 인스톨하면 이미지들이 모두다
깨어져 나와 질문을 드립니다.

2008.04.18 16:32:46 (*.182.33.103)

그대와영원히

초보라서 아직 부족한게 많은데, 레이아웃 적용은 시켰지만 오른쪽 내용이 아래로 내려가 있습니다.

왼쪽메뉴하고 위젯부분이 떨어져 있어요 위아래로 .. ㅠ (이해가 될런지요)

번호		글쓴이	조회수	추천수	날짜
162	3단계 메뉴 XE 레이아웃 통합 템플렛 v1.3(파폭 문제 해결) 43		2774	5	2008-11-30
162	Xpreess Engines Skin Templet v1.3Using License 1. 사용의 권한 - 이 템플릿은 무료 버전이므로 누구든지 사용이 가능합니다. 회사 및 여러곳에서도 사용이 가능하며 사...
161	2단계 메뉴 투명 레이아웃 - dicasajin_layout 4	하하호호33	1505	1	2008-11-29
161	dicasajin_layout ver1.1.1========================= 저번에 올린 버전의 업글이라 생각하시면 됩니다.현재 1.1.1 패치2에서 정상으로 돌아갑니다. 검정색을 포함하고,하얀색 및 투명(랜덤칼라)을 제공합니다.더욱이 바탕은 70여개에 ...
160	Habile's Layout v0.3 // 8		6135		2008-11-16
160	Habile 레이아웃입니다 ..^^ ;레이아웃 이름이 자주 바껴서 죄송합니다 ..(원래는 TOHN 레이아웃입니다 ...크헉)v0.2 에 이어 이번엔 v0.3 입니다. 일단 업로드 폴더는 XE폴더/layouts/입니다. v0.3에서 바뀐점 상단 1~2차 메뉴바를 직각...
159	2단계 메뉴 WTA Metalic Glossary 16	Hammer	7405	7	2008-11-13
159	IntroductionWTA Metal Glossary 레이아웃은 3단 접이식 레이아웃입니다. 일전에 WTA에서 회원분들과 잠깐 Shop Composition의 3단 접이 구동을 스터디 한 적이 있었는데, 그때의 결과로 제작 된 프로젝트 레이아웃 입니다. 총...
158	2단계 메뉴 mootools를 이용한 final_tj v.0.1 레이아웃. 14	burster	6690	2	2008-11-09
158	final_tj라는 이름하에 레이아웃을 배포합니다.제가 남개대한국학생회 홈페이지를 거의 무료에 가깝게 만들어주고 있는데요.중국 천진 남개대 학생도 아닌것이 취미삼아 만들다보니 이렇게 레이아웃까지 배포합니다.이전에도 제로보드에 ...
157	블로그 형태 pil blog layout v1.0 Rosepink 7	Hanbyeol	5628	1	2008-11-02
157	YEUM 님께서 올려주신 pil_blog 를 로즈핑크 버젼으로 편집해봤습니다.(원본게시물 : http://www.zeroboard.com/zbxe_layout_skin/17231404/page/2 )소스 상으로 달라진 부분은 레이아웃 및 위젯의 CSS 파일 부분과 레이아웃 html 파일...
156	3단계 메뉴 WTA Mini Blog 22	Hammer	9648	10	2008-10-25
156	IntroductionWTA Blog는 게시판보다는 블로깅을 주로 하는 분들을 위해 디자인 한 3단 레이아웃입니다. 티스토리나 테터툴즈, 워드프레스등의 전문 블로그 툴로 운영되는 여러 한국 블로그 사이트를 보면서 제로보드XE에서도 조...
155	3단계 메뉴 문하우스 레이아웃스킨입니다.(v1.1로 수정) 21		10441	1	2008-10-23
155	제 홈페이지상단에 플래시메뉴를 사용하다가 메뉴추가의 번거로움도 있고, 플래시의 자체적인 문제도 있는 것 같아서이미지메뉴로 갈아타면서 만든 레이아웃스킨을 소스정리해서 올립니다.아쿠아블루, 그린, 흰색 3가지의 칼라로 구성되...
154	3단계 메뉴 WTA Everest 5	Hammer	6618	5	2008-10-22
154	Introduction WTA Everest는 산악 관련 동호회나 클럽에서 사용 할 수 있는 제로보드XE용 레이아웃 입니다. 멋지게 펼쳐진 에베레스트 산을 배경으로 여러가지 정보들을 올려 보세요. Discovery 채널의 에베레스트 등정 다큐멘...
153	2단계 메뉴 Jungbok Style V2,2 (콘텐츠 출력 수정) 32	백정복	5485	3	2008-10-21
153	아래 Jungbok V2.1의 레이아웃의 콘텐츠 출력부분이 좁다 하시는 분들이 있어오른쪽 위젯 출력 부분을 포함하여 넓게 사용할 수 있도록 약간 수정 하였습니다. 요청하신분들은 다운 받아 사용하세요. * 테스트 환경 : 익스플로워7.0...
152	tohn_layout (舊 hena_layout) ver 0.2 [간단 수정판] 3		4533		2008-10-18
152	안녕하세요 ^^ ~ TOHN입니다 .제가 예전에 올렸던 스킨에서 왼쪽2~3차 메뉴 디자인 변경판입니다 .굳이 설명같은걸 보시려면, 여기를 클릭하셔서 보세요 ^^ ; (사실 설명같은거 귀차니즘입니다 ㅋㅋ)1차 메인 버튼이 이미지로 하...
151	3단계 메뉴 WTA Grunge Paper 3	Hammer	6894	4	2008-10-16
151