이 자료실은 공식 자료실에 포함될 예정이며 신규 등록되지 않습니다.
자료를 올려주셨던 분들은 공식 자료실에 다시 올려주시면 매우 감사하겠습니다.

XE 1.0.0 KBSGAG.NET 스킨

3단계 메뉴 조회 수 30673 추천 수 2 2008.01.27 04:47:03
라이센스 :  
기타 라이센스 :  
적용 버전 :  
프로젝트 URL :  

1.0.0 에 맞게 재패치 했습니다
XE 1.0.0 에 맞게 레이아웃은 제로님이 노가다 수정해주신듯 하구요 ^^ 감사 합니당~

로그인 파일은 밀리는것은 잡아 놨는데요..
0.2.9 기본 로그인 스킨을 수정한것이라 버젼에 따른 오류가 있을 가능성이 있습니다..
발견시 말씀해주세요 ^^
그리고 뉴스티커는 수정을 않해서 어지될지 모릅니다.. 이상이 있으면 말씀 주세용 ^^


## 상단 텍스트 메뉴를 이미지로 교체하실분들은 레이아웃 소스를 수정하시면 됩니다..
val['text'] 부분을 val['link'] 로 수정

             <!-- main_menu 1차 시작 -->
            <!--@foreach($main_menu->list as $key => $val)--><!--@if($val['text'])-->
                <!--@if($val['selected'])-->
                    {@ $menu_1st = $val }
                <!--@end-->

                <li <!--@if($val['selected'])-->class="on"<!--@end-->><a href="{$val['href']}" <!--@if($val['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->>{$val['text']}</a></li>

            <!--@end--><!--@end-->
            <!-- main_menu 1차 끝 -->





#######################################################################

기존의 스킨과 크게 달라진건 없구요 오류등 몇가지 사항들만 수정했습니다
우측에 뉴스티커를 넣었더니 메뉴가 많아지면 좀 그렇더라구요..
그래서 중앙으로옮겼어요 ^^
그리고 중앙 좌우측 2개 배너 수정및 제작이 힘드신것같아서 조금 쉽게 변형 했어여..
일단 레이아웃 설정에서 업로드 하심되구요
투명 GIF 로 만드시면 스킨색상에 영향을 받지 않으실거에여 ^^


휴~~~ 이것 저것 부족한게 많은데 XE 적용 사례 소개에 소개 되니 좀 민망해 지드라구용..
그래서 급 수정해서 조금 오류 적게 해서 올려봅니당 ^^;;;
IE7 , IE6, FF 에서는 이상없이 테스트 했습니다


적용 예제 : http://www.kbsgag.net

* 이 스킨은 xe 버젼 기본 레이아웃을 조금씩만 수정한 기본에 충실된 레이아웃 입니다.
* 좌측메뉴를 180 으로 줄였기에 로그인스킨도 같이 첨부 합니다.
* 뉴스티거가 들어 있어서 수정된 뉴스티거도 같이 첨부 합니다.


압축을 푸시면

1. 레이아웃
2. 로그인 스킨
3. 뉴스티거

이렇게 들어 있습니다.
각각 해당 폴더에 업로드 하시면 됩니다.

레이아웃 : layouts/kbsgag_layout
로그인스킨 : widgets/login_info/skins/kbsgag_login
뉴스티거 : widgets/newest_document/skins/kbsgag_news_ticker

기본 XE 스킨과 비교할때 변경사항은 다음과 같습니다.

1. 배경 및 기타 이미지파일 수정
2. 상단 좌우측에 3,2 개의 사이트 링크 추가
3. 상단 메뉴박스내 좌 우측 사이트 배너 2개 추가
4. 중앙에 1줄짜리 뉴스티커 추가
5. 좌측 메뉴 넓이 수정 (180px 로 줄였습니다.)
6. 좌측 넓이에 맞게 4가지 컬러셋 로그인스킨 추가 수정
7. 좌측 각각 메뉴마다 배경 이미지 추가 (마우스 오버시 변경)

01.png02.png03.png04.png







레이아웃 수정방법 입니다..

1. 좌측 상단 사이트 링크 3 개

- 아래에 "#" 부분 링크 수정해서 쓰시면 됩니다.없애실려면 걍 삭제하심 되구요.
- 이미지는 레이아웃폴더 IMAGES 에 들어 있습니다 새로만드셔서 덮어 씌우세요.

<div id="sitelink">
<a href="#"" target="_top" ><img src="/images/sub_01.gif"></a>
<a href="#"" target="_top" ><img src="/images/sub_02.gif"></a>
<a href="#"" target="_top" ><img src="/images/sub_03.gif"></a>
</div>

 

 

2. 우측 상단 사이트 링크 2 개


- 아래에 "#" 부분 링크 수정해서 쓰시면 됩니다.없애실려면 걍 삭제하심 되구요.
- 이미지는 레이아웃폴더 IMAGES 에 들어 있습니다 새로만드셔서 덮어 씌우세요.


<div id="sitelink2">
<a href="#"" target="_top" ><img src="/images/sub_04.gif"></a>
<a href="#"" target="_top" ><img src="/images/sub_05.gif"></a>
</div>




3. 상단 좌,우측 사이트 배너 수정

- 레이아웃에서 수정할수 있도록 고쳤습니다..
- 이미지업로드 하시고 링크 입력해주시면 됩니다. 
- 스킨 색상에 영향을 받지 않으려면 투명 GIF 로 제작 하시면 좋습니다.

05.png




5. 상단 1줄 뉴스티커 출력 수정방법

kbsgag _news_ticker스킨으로 전광판(뉴스티커) 위젯을 생성하십시오
코드 생성하신다음  해당 레이아웃 스킨의 <div id="notice1"> 과 </div>  사이에 덮어 씌우시면 됩니다.

<div id="notice1">

<img width="100%" height="100" src="http://www.kbsgag.net/bbs/common/tpl/images/widget_bg.jpg" class="zbxe_widget_output" style="clear:both;" widget="newest_document" body="" skin="kbsgag_news_ticker" colorset="none" widget_cache="0" title="" order_target="list_order" order_type="desc" list_count="" duration_new="" subject_cut_size="" mid_list="board_media_news" widget_sequence="6081" />

 </div> 




6. 카피라잇 수정

- 아래 문구들을 수정하시면 됩니다.

<a href="http://www.kbsgag.com">KBS 희극인극회</a>

<font color="#808080" style="font-size: 8pt">150-790 서울특별시 영등포구 여의도동 18번지 KBS 신관 희극인실 Copyrights 2007 KBS 희극인실 All Right Reserved...</font>





이상 끝 입니다..

좋은하루 되세용~~~~







PS..

XE 가 0.2.9 로 업데이트 되면 이미지 메뉴가 구현될듯 한데요..(맞나요? ㅋ)
지금은 부족한것두많고 해서 테스트만 열심히 하고 있는 레이아웃이 있는데요..
메뉴 이미지 업로드 지원되면 지금 제작중인 레이아웃 올릴께용..
메뉴들을 노가다로 해도 상관 없는데 관리 작업을 편하게 할려고 이미지 업로드 기능 지원될때까지 기다리고 있네용 ㅋㅋ
아래 그림은 나름 후속작?? 인데요..
포털 사이트 느낌나는 레이아웃 입니다.(혼자만의 생각 ㅋㅋ)

00.png


[레벨:8]☜ TeRy ☞

2008.03.06 17:45:29
*.177.113.67

1.0 으로 수정해서 올렸으니 새로받으시면 됩니당 ^^

[레벨:1]가을조타

2008.03.06 10:14:55
*.5.210.174

좋은 자료 고생하셔서 올려 주셔 감사 합니다 ^ ^

제로보드 초보 인데요

위의 내용 처럼 폴더에 설치해 보았는데

레이아웃변경후 완전 백지상태로 화면에 나오던 것도 보이지 않습니다?

잘못된것이 있나요

기본제로 레이아웃,스킨적용전에는 화면이 나왔었습니다.emoticon

조언 부탁드립니다 ^ ^;;

[레벨:8]☜ TeRy ☞

2008.03.06 17:47:11
*.177.113.67

레이아웃 등록후 페이지나 게시판을 레이아웃에 연결해주셨나요?
기본 모듈 설정은 잘되었나요?
레이아웃스킨을 따로 수정하셨나요?
확인해주세요 ^^

[레벨:1]가을조타

2008.03.07 10:16:01
*.5.210.174


 넵 ^ ^

님께서 하시라고 하는 대로 폴더에 다 업로드 하고
게시판 을 제로보드용 선택하라고 하는 내용대신

TERYBOY 님께서 만드신 내용의 레이아웃을 선택하면 화면이 안보입니다.
기존의 레이아웃을 선택하면 보입니다 ^ ^emoticon

놓친것이 있는지 알려주십시요 ^ ^;; 꾸벅

[레벨:4]을지부대

2008.03.06 10:46:31
*.62.171.232

^^;; 화면이 백지로 나옵니다.

[레벨:1]투키

2008.03.06 17:42:13
*.155.86.35

이곳-안되는데-어찌하면-되나.gif안녕하세요..

문의 사항이 있어 글 드립니다..

라이센스를 구입해야 하는지  구입하려면 얼마인 궁금하고요

연습을 하는 중인데  잘안되는 부분이 있어서 그럽니다..

메인 페이지  바탕을 깔려고 해도 그럽니다.

로그인 하단에 어떤것을 설치 하려고 해도 안되내요..

알려 주시면 감사하겠습니다..

첨부파일 빨간 라인그려진 부분입니다...
첨부

[레벨:8]☜ TeRy ☞

2008.03.06 17:49:47
*.177.113.67

xe 는 공개이며 라이센스를 따로구입하지 않아도 됩니다..
제가 올린 스킨 역시 공개라서 라이센스 걱정을하지 않으셔도 됩니다..
로그인 하단에 다른 컨텐츠를 넣기 원하시면 코드를 생성해서 넣어주시면 됩니다..
코드 삽입 위치는 레이아웃 스킨   <div id="columnRight"> 요 윗부분즈음 일겁니다 ^^

xe 메뉴얼을 읽어 보세요 ^^ 동영상도 있고 좋은 내용이 아주 많습니다..
기초에 필요한 거의 모든 내용들이 있죠 ^^

[레벨:4]을지부대

2008.03.07 13:34:58
*.62.171.218

레이아웃 첨부파일에 일부파일이 누락된 것 같습니다. ^^

확인해주시면 감사하겠습니다.

[레벨:8]☜ TeRy ☞

2008.04.17 17:30:41
*.138.49.224

어떤파일이 누락됬는지 좀 자세히 말씀해주세용 ^^

[레벨:1]비스무리

2008.03.21 14:59:02
*.28.129.95

님의 레이아웃을 고맙게 사용하고 있습니다.

갑자기 3차메뉴를 추가하니 메뉴하단에 under라인이 하나 더생기는데,
도무지 원인을 알수 없군요. 초보가...
 Layout 파일을 덮어씌어도 계속생기는데 어떻게 하면 해결 할 수 있는지요.

http://www.obmate.com/zbxe/sub2ss1
(삼성OB-->전자관계사-->경사/조사 메뉴부분의 하단 under라인 입니다)

좋은 주말 되시길...
http://www.obmate.com

[레벨:8]☜ TeRy ☞

2008.04.17 17:30:22
*.138.49.224

답변이 늦어서 죄송합니다 스킨이 바뀌셔서 파악이 불가능하네용 ^^;;

[레벨:11]때이

2008.04.12 00:57:21
*.144.116.176

레이아웃 잘사용하고 있습니다:) 항상 감사한마음!
제로보드XE 처음접하고 계속해서 이 레이아웃만 쓰고 있어요..!!

이번에 홈페이지주제를 확 바꾸기로 해서..
로고타이틀을 바꾸려고 하는중입니다. 사이즈를 변경해도 잘려서 나오네요..ㅠㅠ
뭐가 문제인지 봐주세요.. Black 스킨사용중이고.. Black폴더안에 Css파일 수정도 했구요.. 로고도 정상적으로 업로드 되어있습니다.
http://www.tooz.kr
noT-T.jpg

첨부

[레벨:8]☜ TeRy ☞

2008.04.17 17:26:29
*.138.49.224

로고 높이가 바뀌면 아래부분들을 수정하시면 됩니다..

메인 레이아웃 상단 높이 조정
#bodyWrap { margin:3.5em  }
배너 위치 조정
#header h1 { top:-30px; left:300px;}
가로값고 세로값 두가지 값을 조정하시면 됩니다.. ^^

[레벨:11]때이

2008.04.17 17:42:30
*.144.116.176

성공!! 감사합니다 :)

[레벨:1]킁킁킁

2008.04.22 00:32:33
*.41.100.251

좌측메뉴가 180으로 되있는것을 수정할려면 어떻게 해야 하나요 . 한 190이나 200으로 수정가능한가요?

[레벨:8]☜ TeRy ☞

2008.04.22 17:15:35
*.138.49.224

예.. 가능합니다..
해당 css 파일을 수정하시면 됩니다

아래 항목중 좌측 넓이가 바뀜에 따라 상대적으로 값을 고쳐주셔야 하는것들이 있습니다.
xe 디폴트 레이아웃의 css 를 비교해가며 수정히시면 됩니다.

좌측 구역
#columnLeft
#columnLeft .mask
#lnb

컨텐츠구역 (늘이 만큼 상대적으로 줄이세요)
#columnRight
#visualArea

[레벨:3]줄루™

2008.04.24 21:09:49
*.122.207.6

3차메뉴가 접혀있는 상태로 되어서 해결이 안되네요..
제작자님께 문의 드려도 답도 없구요..

http://asgk.gamepeople.net

에에소프트건 클릭하면 2차 메뉴만 나옵니다.

3차 게시판을 직접 열면
http://asgk.gamepeople.net/?mid=a_aeg

3차 메뉴도 나오는데 해당 모듈이 잇는 2차 메뉴만 열립니다..

일반적인 기본스킨은...메뉴 구성만 하면 3차까지 다 오던데...
이상하네요.

[레벨:3]줄루™

2008.04.27 21:27:54
*.122.207.6

레이아웃 버그 있습니다.
사용하지 마세요.
제작자님은..답도 없으시네요...
AS를 기대하는건 아니지만...그래도 배포하셨다면 완성도는 있어야 하지 않을까 합니다.

[레벨:2]ZAUZA

2009.05.24 08:56:55
*.145.30.34

T-T.jpg

해결 방법을 부탁드립니다!!!!!!!!!!!!!!!

첨부
List of Articles
번호 제목 글쓴이 날짜 조회 수 추천 수

에존의 Plus 레이아웃 1번제. imagefile [9]

상단이미지에 160px 이미지를 올려주세요.. 실제적용중인 홈페이지 바로가기 : http://wo2.kr/ 다운로드받기 : ezonset_n1.zip (다운받아가시고 리풀남겨주세요 ^^;;) ㅡㅡㅋ

  • [레벨:5]에존
  • 2008-03-10
  • 조회 수 15629
  • 추천 수 1

3단계 메뉴 그냥 레이아웃 V1.5C imagefile [1]

오랜만에 패치되었습니다. 참고 쉬링님에게 허락을 구하지못하였습니다. 죄송합니다. 지난번에 예전에 올린 그냥레이아웃V1의 패치버전 V1.5C버전입니다. 1차메뉴 부분입니다. 2차메뉴 부분입니다. 다운로드받기 : ezonset1.5c.zip

  • [레벨:5]에존
  • 2008-03-09
  • 조회 수 16654
  • 추천 수 0

3단계 메뉴 Kurokuma 자유설정형Layout Ver. 1.3 - 한국어설명 imagefile [30]

#kurokuma자유설정형Layout Version 1.3 사용방법: 처음설치 : 아래의 압축화일을 해제한후 레이아웃 스킨폴더에 넣어주세요. 자세한사항은 1.0을 읽어보시기 바랍니다. 업데이트 : 1.0을 설치한 곳에 새버젼의 화일로 바꾸어주세요. 1...

3단계 메뉴 Kurokuma 自由設置型Layout Ver. 1.3 - 日本語説明 imagefile

●Kurokuma 自由設置型Layout Version 1.3   ※ Version1.0をインストールしたフォルダに上書きして下さい。   1.アップデート内容     (1)レイアウト全体の幅、主本文・補助本文の幅を設定画面で調整できるように機能追加   ...

3단계 메뉴 XE Manual SE ver 0.1 imagefile [29] [1]

스킨제작 센터를 통해 만들어진 첫번째 스킨입니다. 제가 처음으로 디자인을 올린 덕분에 퍼블리싱과 ZE코딩은 제로님이 직접해주셨고, (참고 링크: http://www.zeroboard.com/16573853 ) 더불어 그 과정을 메뉴얼에 자세하게 설명...

  • [레벨:2]funny4u
  • 2008-03-07
  • 조회 수 24514
  • 추천 수 6

3단계 메뉴 Kurokuma 自由設置型Layout Version 1.0 - 日本語説明 imagefile [3]

●レイアウト適用例 ●レイアウト設定画面 ●レイアウトの説明 1.設定方法   ゼロボードXEが設定されているフォルダの ./layoutsフォルダへアップロードして下さい。   設置後、何も設定を行ってない場合はシンプルで簡単なレイアウトになりますの...

3단계 메뉴 Kurokuma 자유설정형Layout Version 1.0 - 한국어설명 imagefile [27]

<1> 레이아웃 적용례 <2> 레이아웃 설정화면 <3> 레이아웃 설명 1.설치 방법 제로보드XE가 설치된 곳의 ./layouts 디렉토리에 업로드 하시면 됩니다. 처음 설치를 하고 아무런 설정을 하지 않으면 아주 심플하고 볼품없는...

2단계 메뉴 엉성하지만... imagefile [5]

아랫 글 작성자의 엄청난 포스에 엉성한 레이아웃 올리기에 거시기하나 BlueB 사이트에 자바스크립트 메뉴가 맘에 드는것이 있어 (http://www.blueb.co.kr/bbs.php?table=JS_03&where=ALL&search_step=1&category=메뉴&q...

  • [레벨:1]쫑득이
  • 2008-03-06
  • 조회 수 19199
  • 추천 수 2

블로그 형태 [수정1] round house 블로그 레이아웃 ver 0.1 imagefile [28]

아래 round house 레이아웃을 블로그 형태로 해보았습니다. 상/하단 메뉴 지원되고 상단 메뉴는 2단계까지 지원됩니다. 본문을 줄이고 우측에 프로필과 각종 위젯을 추가할 수 있습니다. 그리고 제일 위의 이미지는 넣고 싶음 ...

  • [레벨:30]zero
  • 2008-03-04
  • 조회 수 26500
  • 추천 수 0

2단계 메뉴 round house ver 0.1 imagefile [28]

위와 같은 레이아웃입니다. round_house.zip 압축파일을 풀고 나오는 round_house라는 디렉토리를 zbXE의 ./layouts 에 올려 놓으시면 됩니다. 상/ 하단 2개의 메뉴를 제공하고 상단 메뉴는 2단계까지만 지원합니다. 최대한 심플하...

  • [레벨:30]zero
  • 2008-03-04
  • 조회 수 26172
  • 추천 수 1

3단계 메뉴 트리 메뉴 구성 (xe초보 제작) imagefile [25]

XE 초보라 많이 엉성합니다. ㅠㅠ 다른 모듈 다룰줄도 모르면서 무식하게에 레이아웃 스킨 도전해 봤는데 (소스코드 한줄 지우고 살렸다하면서 기능파악함 -단순무식ㅋㅋ) 생각보다 뿌듯한 결과가 나와 고수님의 수정을 받고자 ...

  • [레벨:1]쫑득이
  • 2008-03-01
  • 조회 수 16879
  • 추천 수 5

3단계 메뉴 rssm ver 1 레이아웃 imagefile [11]

안녕하세요. 드디어 올려봅니다. rssm ver 1 형태의 레이아웃이 필요해서 만들었습니다. 그리고 공개를 하는것은 제가 할 수 없는 더욱 멋진 레이아웃이 나오길 기대하면서 공개해 봅니다. 압축파일에 포함되어있는 로그인스킨과 함...

  • [레벨:6]moonsoo
  • 2008-03-01
  • 조회 수 16251
  • 추천 수 1

3단계 메뉴 아방스 레이아웃 4번째 ^^; imagefile [33]

설치 방법 제로보드XE가 설치된 곳의 ./layouts 디렉토리에 업로드 하시면 됩니다. 처음 설치를 하고 아무런 설정을 하지 않으면 제로보드 기본 레이아웃과 다른점이 없습니다 ^^; -업데이트 내역 - Ver 0.4 - 제로보드 1.0버...

  • [레벨:2]아방스
  • 2008-02-29
  • 조회 수 24701
  • 추천 수 9

3단계 메뉴 [XE1.0] TeRyBoY 포털 스타일 레이아웃 스킨 V2 imagefile [110]

TeRyBoY 포털 스타일 레이아웃 스킨 V2 수정 정보 # 08/03/06 레이아웃 재등록 - 하단 카피라잇 배너2개 생성, 카피라잇문구 입력 가능 ########################################################################### 코드만 수정하느라 테스트를...

3단계 메뉴 [수정1] (정식버전 사용가능) TPSon.net - Sky 레이아웃 0.1 입니다. imagefile [52]

수정1 layout.html에 로그인 위젯부분이 잘못되었습니다. 로그인 아래위가 잘 안뜨시는 분은 아래를 수정해주세요. (2월 25일 11시 10분 이후에 다운받으신분은 안하셔도 됩니다.) layout.html 에서 89번째줄에 <!-- 로그인 위젯 -->...

1단계 메뉴 Haojilin 레이아웃 imagefile [3]

다운받은 파일을 압축을 해제후 /layouts 디렉토리에 업로드 하시면 됩니다. 好吉林信息网

  • [레벨:2]eiken
  • 2008-01-28
  • 조회 수 22850
  • 추천 수 0

3단계 메뉴 JaeHee 사이트 레이아웃 ver 0.1 (jaehee_01) imagefile [5]

처음으로만든 레이아웃 스킨입니다 ~ 정말 고생해서 만들었네요 ㅋㅋ 잘 써주세요~ 라이센스 Copyright © JaeHee 2008. //// 이부분은 수정가능 Design By Ben Swift @ Toralda/Autonomouse Design. ///이부분은 수정불가 Power...

  • [레벨:6]jaehee_91
  • 2008-01-27
  • 조회 수 30375
  • 추천 수 0

3단계 메뉴 XE 1.0.0 KBSGAG.NET 스킨 imagefile [119]

1.0.0 에 맞게 재패치 했습니다 XE 1.0.0 에 맞게 레이아웃은 제로님이 노가다 수정해주신듯 하구요 ^^ 감사 합니당~ 로그인 파일은 밀리는것은 잡아 놨는데요.. 0.2.9 기본 로그인 스킨을 수정한것이라 버젼에 따른 오류가 있...

3단계 메뉴 아방스 레이아웃 3번째 업데이트 ^^; imagefile [19]

설치 방법 : 제로보드XE가 설치된 곳의 ./layouts 디렉토리에 업로드 하시면 됩니다. 설치하시고 나서 바로 테스트 해볼수 있게 예제 이미지도 첨부해두었습니다. bac_menu.gif <--메뉴배경 Untitled-1.gif <--상단 배경 -업데이트 ...

  • [레벨:2]아방스
  • 2008-01-20
  • 조회 수 18835
  • 추천 수 2

3단계 메뉴 아방스의 두번째 레이아웃 ^^ imagefile [27]

설치 방법 : 제로보드XE가 설치된 곳의 ./layouts 디렉토리에 업로드 하시면 됩니다. 설치하시고 나서 바로 테스트 해볼수 있게 예제 이미지도 첨부해두었습니다. bac_menu.gif <--메뉴배경 Untitled-1.gif <--상단 배경 -스킨 기능...

  • [레벨:2]아방스
  • 2008-01-14
  • 조회 수 18077
  • 추천 수 0


XE Login

OpenID Login