묻고답하기
상단메뉴 플래시로(예제 파일 첨부)
2010.04.06 00:06
찾아보지않고 질문하는건 아닙니다..밑에 나온것으로 했는데 안되길래..혹시 제가 잘못한것이 있나해서
질문드립니다...
첨부한 플래시 파일정도의 크기와 비슷한 형식으로 상단메뉴를 적용하고 싶습니다 우선 만들고 못만들고를 떠나서
적용이 안되는군요..밑에 형식의 제생각에는 거의 100%로 따라했다고 생각합니다.
swf 파일의 위치도 정확하게 기제하고 서버에 올렸다고 생각합니다 그런데 안되니 아주 답답합니다
4일쨰 문제 해결을 못하고 있습니다.
뭐가 문제인지 모르겠군요..다른방법이나 있으면 꼭 부탁좀 드립니다 ^^
p.s 예제파일을 첨부합니다..부탁드립니다 ^^
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
이 팁은 메뉴를 플래시로 바꾼다고 해서 플래시를 배경으로 하고 그위에 메뉴가 자동으로 나타나게 하는 것이 아니라 ,
플래시를 만들때 메뉴를 직접 넣어서 만들어야 합니다.
실력이 미천하여 플래시를 배경으로 하고 그위에 메뉴가 구현되게 하기는 역부족입니다.
먼저 플래시파일을 제작해야겠죠(Flash Mx 나 Swish Max 사용)
제작된 플래시파일을 자신이 선택한 폴더에 업로드합니다.(Ex : /img/flash.swf)
자신이 사용중인 레이아웃 (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" />< <!--GNB-->
<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" /><<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-->
여기까지가 layout.html를 편집하는 부분입니다.
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; 도 자신의 스킨에 맞게 변경하세요.
이상 이렇게 하면 메뉴가 플래시로 바뀝니다.
바꾸기전에 자신의 메뉴가 확립된 상태에서 하는 것이 좋을 것입니다.
아니면 메뉴가 바뀔때마다 플래시메뉴를 편집해야 합니다.
별 것도 아니지만 혹시나 필요한 분이 있을까봐 올려봅니다.
적용된사이트보기
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
댓글 2
-
klaist
2010.04.06 03:11
-
chohee
2010.04.06 15:10
저도 팔공산님의 홈페이지에 나와있는 팁 그대로 해서, 지금 플래쉬메뉴를 사용하고 있습니다.
팁을 그대로 따라하면 적용된다고 말씀드리고 싶네요~^^
제가 성공했으니까요~
그리고, 질문글을 읽어서는 정확히 어느 부분이 안되는지 이해가 안되네요~
플래쉬가 아예 안뜨는지, 아니면 링크가 안되는건지...정확히 표현하시면 답변글을 얻으시기 좋을거에요~^^
어떠한 팁을 보시고 적용을 하신것인지 모르겠습니다. 적용된사이트에 가보아도 플래시 메뉴는 없는데요.
결정적으로 단순히 레이아웃 상에 메뉴 호출 되는 부분에 플래시(별도로 제작한 플래시메뉴 ) 호출하는 코드를 넣는다고 해서 제로보드에서 메뉴설정을 변경하면 플래시 메뉴도 변경되진 않습니다.
관련된 팁이라면 http://www.xpressengine.com/15933015 또는 http://www.xpressengine.com/tip/16467165 이정도 일텐데 지금 별도로 제작한 플래시 메뉴를 저 팁을 참고로 수정을 해 주셔야 겠지요...