이곳은 zbxe를 사용하면서 홈에 적용된 소스, Tip, 위젯, 모튤, 스킨 및 업뎃 방법에 대하여 설명 및 자료가 있는 게시판입니다. 궁금한 점이나 질문사항,요청사항이 있으시면 댓글에 질문을 남겨 주시길 바랍니다. 손님 나눔실 --> 질문게시판에(비공개) 질문을 남겨 주시면 성의있는 답변을 약속 드립니다^^ 자료 다운로드는 회원가입 하셔야 다운로드 됩니다. *^_^*
e~세상쉼터
지금 보시고 계시는 홈 상단에 플래시 파일 적용을 설명 드립니다.
소스 응용은 http://jcas.co.kr/zbxe/ moon house 님 소스를 응용 했습니다.
1.적용순서
= 스위시나 플래쉬로 자신만의 플래쉬를 만드세요(만드시면서 해당 게시판에 이동 스크립트 명령을 mid값을 주소로 입력)
== 이것은 프로그램을 다룰줄 아시면 스크립트 소스 편집 창에서 메뉴 별 하나씩 정확하게 하셔야 합니다.
2.완료가 되셨으면 해당 프로그램에서 충분히 테스트를 실행해서 오류가 있나 확인을 하세요.
3. 오류나 수정 부문이 없을 때 작업 된 파일을 본인 계정에 업을 하고 주소화 합니다.
== 예 /files/img/menu.swf 이렇게 됩니다...
4.자신이 사용중인 레이아웃 (Ex : xe_official) , (제가 사용중인 레이 아웃은 기본 탑재 레이아웃과 틀립니다.)
1. layout.html를 에디터기로 엽니다.(아래 소스를 보시고 직접 자신의 레이아웃에 맞게 수정을 하시길 바랍니다)
[변경전] - 23줄부터
<div id="header">
<h1><a href="./{$layout_info->index_url}"><!--@if(!$layout_info->logo_image)--><img src="./images/{$layout_info->colorset}/zeroBoardXE.png" alt="ZeroBoard™ XE" class="iePngFix" /><!--@else--><img src="./{$layout_info->logo_image}" alt="logo" border="0" class="iePngFix" /><!--@end--></a></h1>
<ul id="gnb">
<!-- main_menu 1차 시작 -->
<!--@foreach($main_menu->list as $key => $val)--><!--@if($val['link'])-->
<!--@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['link']}</a></li>
<!--@end--><!--@end-->
<!-- main_menu 1차 끝 -->
</ul>
<!--//GNB-->
[변경후] - 빨간색 부분 추가 (플래시메뉴 추가하는 소스)
<h1><a href="./{$layout_info->index_url}"><!--@if(!$layout_info->logo_image)--><img src="./images/{$layout_info->colorset}/zeroBoardXE.png" alt="ZeroBoard™ XE" class="iePngFix" /><!--@else--><img src="./{$layout_info->logo_image}" alt="logo" border="0" class="iePngFix" /><!--@end--></a></h1>
<h2><script type="text/javascript">displayMultimedia("/img/flash.swf", "980","100",false);</script></h2>
[변경후] - 녹색 부분 제거 (기존의 메뉴부분 삭제, 다 지우면 왼쪽 2차메뉴 생성이 안됩니다)
<ul id="gnb">
<!-- main_menu 1차 시작 -->
<!--@foreach($main_menu->list as $key => $val)--><!--@if($val['text'])-->
<!--@if($val['selected'])-->
{@ $menu_1st = $val }
<!--@end-->
<!--@end--><!--@end-->
<!-- main_menu 1차 끝 -->
</ul>
<!--//GNB-->
2. 해당 칼라의 css를 엽니다. (Ex : default.css)
15줄
#header h1 { position:absolute; top:32px; left:25px;}
아래에
#header h2 { position:absolute; top:75px; right:0px;}
를 추가해 줍니다.
top:75px; right:0px; 도 자신의 스킨에 맞게 변경하세요.
이상 이렇게 하면 메뉴가 플래시로 바뀝니다.
바꾸기전에 자신의 메뉴가 확립된 상태에서 하는 것이 좋을 것입니다.
아니면 메뉴가 바뀔때마다 플래시메뉴를 편집해야 합니다.
별 것도 아니지만 혹시나 필요한 분이 있을까봐 올려봅니다.(일부 글은 moon house 님 글 소스응용)
적용된사이트보기
- [2008/06/23] Xpress Engine Tip zbxe 1.0.4버젼패치 (1429) *1
먼저 레이아웃 설정에서 로그이미지에 플래시파일을 넣는 것은 아닙니다.
먼저 플래시 파일을 로고로 사용할 레이아웃에서 편집을 누룹니다.
| 19~21줄쯤에 보면은 <div id="bodyWrap"> <div id="header"> <h1><a href="{$layout_info->index_url}"><!--@if(!$layout_info->logo_image)--><img src="/zbxe/images/{$layout_info->colorset}/zeroBoardXE.png" alt="ZeroBoard™ XE" class="iePngFix" /><!--@else--><img src="{$layout_info->logo_image}" alt="logo" border="0" class="iePngFix" /><!--@end--></a></h1> |
빨간색 부분을 아래와 같이 바꾸면 됩니다.
| <div id="bodyWrap"> <div id="header"> <h1><a href="{$layout_info->index_url}"><!--@if(!$layout_info->logo_image)--><!--@else--><embed src="/img/logo.swf" alt="logo" width="210" height="60" border="0" class="iePngFix" /><!--@end--></a></h1> |
여기서 /img/logo.swf 의 경로는 자신이 플래시파일을 저장한 경로와 파일명을 적으시면 됩니다. 참고로 /img/logo.swf는 루트에 img란 방을 만들어서 logo.swf란 파일을 ftp로 먼저 업해 놓은 것입니다.
![[레벨:10]](http://myshelter.kr/zbxe/modules/point/icons/default/10.gif "포인트:10580point (83%), 레벨:10/30"){kind=icon}
첫사랑™설명을 조금 보완 합니다.
1.본문글에서 css 파일은 수정을 하지 않습니다.
= layout.html 파일에 소스를 입력하면 됩니다.
==== 제경우 소스
= 탑 플래시 <script type="text/javascript">displayMultimedia("files/attach/images/4824/6680/lee-2008-7.swf", "980","200",false);</script>
=== 앞, 뒤로 <h1></h1> 제거된 모습으로 레이아웃 편집창에서 보여져야 합니다
= 메뉴 플래시
<script type="text/javascript">displayMultimedia("files/attach/images/1793/067/020/flash.swf", "980","60",false);</script>
=== 앞, 뒤로 <h2></h2> 제거된 모습으로 레이아웃 편집창에서 보여져야 합니다
=====================
레이아웃 편집창에서 보여져야 할 소스의 위치
레이아웃 특성에 따라 조금 위치는 틀릴 수 있슴.
1.탑 플래시
이상 생략.......
<div id="header">
<h1><a href="{$layout_info->index_url}"><script type="text/javascript">displayMultimedia("files/attach/images/4824/6680/lee-2008-7.swf", "980","200",false);</script>
<!--@if($layout_info->logo_image)--> 이하 생략....
2.메뉴 플래시
이상생략.....
<div id="menuArea">
<!-- (2) main_menu 1차 ( main menu 1次 ) -->
<div class="menuArray"><script type="text/javascript">displayMultimedia("files/attach/images/1793/067/020/flash.swf", "980","60",false);</script>
<ul >
<!--@foreach($main_menu->list as $key => $val)-->
<!--@if($val['link'])-->
<!--@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['link']}</a></li>
<!--@end-->
<!--@end-->
</ul>
</div>
<!--@if($layout_info->login_use == "icon_login")-->이하 생략.......
= <script type="text/javascript">displayMultimedia("files/attach/images/4824/6680/lee-2008-7.swf", "980","200",false);</script>입니다.
적색 표기부문 소스를 얻을려면........아랫글 참고 하세요^^
적용순서
1.탑 플래시나 메뉴 플래시를 만들었으면 먼저 홈 게시판에 플래시 파일을 첨부하여 삽입을 합니다.
= 이때 삽입된 컴포넌트를 더블 클릭 하면 창이 뜹니다.
= 그 창에서 보이는 플래시 주소가 바로 위에 소스로 입력될 주소 입니다. 이것을 메모장에서 붙혀넣기 하시고 소스를 편집 하세요^^
2. 또 다른 방법
= 플래시 파일을 첨부해서 글을 쓰신후에 수정 ...html 버튼을 누루시면 <img~~~~~~~>이미지로 시작 되는 소스중에서
files로 시작되는 소스를 추출 합니다.그래서 역시 메모장에서 소스를 편집 하세요^^
xe에 플래쉬 삽입소스
<script type="text/javascript">displayMultimedia("이미지 경로", "가로크기","세로크기",false);</script>
이런식으로 넣어주시면 됩니다.