회원로그인 폼 회원가입 아이디찾기
SIR 디자인몰 바로가기 SIR 반응형웹 강좌 SIR 드로잉 강좌 SIR PHP 강좌

그누4 팁자료실

플래시 1차원 xml 사이드 메뉴

  • 비타주리
  • 작성일시
  • 조회 1,254
  • 댓글 8

첨부파일

side_menu.swf (472.0K) 2012.08.08 21:57:57 29회 다운로드
side_menu.xml (1.5K) 2012.08.08 21:57:57 7회 다운로드
side_menu.psd (20.9K) 2012.08.08 21:57:57 3회 다운로드

본문

측면 메뉴를 xml 에서 통제하는 파일 하나 만들어 보았습니다.

swf 는 반드시 동일명 xml 만을 인식합니다.

즉 aaa.com/bbb/ccc.swf 는 aaa.com/bbb/ccc.xml 만을 호출합니다.

http://cafedb10.godpeople.com/_img_/data2/wittazzurri/WEASFiles/25-11/side_menu.swf
http://cafedb10.godpeople.com/_img_/data2/wittazzurri/WEASFiles/25-11/side_menu.xml

기본옵션은

<defaultOption>
<fontColor titleColor="006600" linkColor="484848" rollColor="79B439"/>
<topUrl src="http://cafedb10.godpeople.com/_img_/data2/wittazzurri/WEASFiles/25-11/top.png"/>
<bodyUrl src="http://cafedb10.godpeople.com/_img_/data2/wittazzurri/WEASFiles/25-11/body.png"/>
<bottomUrl src="http://cafedb10.godpeople.com/_img_/data2/wittazzurri/WEASFiles/25-11/bottom.png"/>
<mouseMenu ment="[ 그누보드 ]" link="http://sir.co.kr/"/>
</defaultOption>

titleColor="006600" // 대메뉴 색상코드
linkColor="484848" // 소메뉴 색상코드
rollColor="79B439" // 소메뉴 롤오버 색상코드
topUrl src="top.png" //상단이미지 경로
bodyUrl src="body.png" //중단이미지 경로
bottomUrl src="bottom.png" //하단이미지 경로
ment="[ 그누보드 ]" //마우스우클릭시 메시지
link="http://sir.co.kr/" //마우스우클릭 메세지 클릭시의 링크이벤트

나머지 옵션들은 파일명 꼬랑지뒤에 page=어쩌구저쩌구 를 swf 의 경로로 걸어주면 됩니다.
옵션은 보면 금방 알 거에요. 타겟은 편의상 _blank 로 주었는데 _self 로 주는 경우가 더 많겠죠.

http://cafedb10.godpeople.com/_img_/data2/wittazzurri/WEASFiles/25-11/side_menu.swf?page=naver
http://cafedb10.godpeople.com/_img_/data2/wittazzurri/WEASFiles/25-11/side_menu.swf?page=daum
http://cafedb10.godpeople.com/_img_/data2/wittazzurri/WEASFiles/25-11/side_menu.swf?page=sir

가로 길이는 180 이고 세로길이는 (소메뉴갯수 x 30) + 70 입니다.

이미지는 psd 를 올려 놓았는데 입맞에 맞춰 바꾼후 상중하를 각기 50-30-20 으로 절단해서 쓰면 됩니다.
  • 이 글을 내 페이스북 계정으로 보내기
  • 이 글을 내 트위터 계정으로 보내기
  • 이 글을 내 미투데이 계정으로 보내기
  • 이 글을 내 구글플러스 계정으로 보내기
  • 좋아요 1
  • 싫어요 0

댓글보기

좌측메뉴를 페이지마다 일일이 만들고 안 만들고의 차이일 것 같아요.

예를 들어서 아래처럼 menu.php 를 만들고... 플래시의 세로길이는 큰 상관이 없으니까...

<?
$part = $_GET[part];
?>
<script>mySwf("side_menu.swf?page=<?="$part";?>",180,600)</script>

페이지주소를 "menu.php?part=sir" 같은 식으로 잡아주면 php 문서도 하나만 만들면 되고 플래시도 한번만 만들면 그만이잖아요.
수정하거나 첨삭할 일이 있으면 fla 가 아닌 xml 만 고치면 되구요.
여튼 이런 방식이 플래시를 많이 다루어 보신 분들은 훨씬 쉽습니다.

로그인 하시면 댓글을 남길 수 있습니다.

그누보드4와 관련된 팁을 여러분들과 함께 공유하세요. 나누면 즐거움이 커집니다.

그누4 팁자료실 내용 검색
TOTAL 3,143 RSS 글쓰기
그누4 팁자료실 목록
번호 제목 작성자 조회 좋아/싫어 날짜
3143 2013년 05월 31일자 우편번호 DB파일입니다. 88 1 / 0 13.06.17
3142 rewrite module을 이용한 www 강제 제거 댓글1 102 1 / 0 13.06.17
3141 디스커스 (Disqus) API 사용하는 방법 댓글4 269 4 / 0 13.06.15
3140 홈페이지 카피라이트 연도 유연하게 자동 출력하기 댓글11 271 3 / 0 13.06.14
3139 카테고리 오늘 올라온 글 갯수 가져오기 116 2 / 0 13.06.14
3138 그누팁은 아니지만 도메인 별로 디렉토리 접속하기 댓글15 244 5 / 0 13.06.13
3137 HTML5 화려한효과들 참고사이트 댓글3 294 3 / 0 13.06.13
3136 깨짐 현상 없이 글씨 자르기 댓글2 153 1 / 0 13.06.13
3135 css 의 keyframe 사용하기 댓글6 167 3 / 0 13.06.13
3134 게시판 스팸 실시간 차단 서비스 댓글5 350 6 / 0 13.06.11
3133 레벨별로 복수 관리자 만들기 댓글3 200 1 / 0 13.06.11
3132 iconv EUC-KR > UTF-8 시 한글잘림현상 댓글5 144 3 / 1 13.06.11
3131 mysql 5.0.x 에서 확장 완성형 한글 문자 입력시, 그 문자 이후 전체 사라지는 문제 해결. 댓글3 119 0 / 0 13.06.10
3130 모바일웹에 괜찮은 이미지 슬라이더 댓글8 764 2 / 3 13.06.04
3129 최근 개발 동향 - jade 댓글8 517 2 / 0 13.06.02
3128 그누 팁은 아니지만 요건만은 알았으면하네요 댓글5 561 2 / 0 13.06.02
3127 구글지도 API 와 날씨 API 를 합쳐서 사용하는 예제 댓글5 464 4 / 0 13.05.31
3126 xampp 에서 그누보드 돌릴때 에러가 보인다면... 댓글4 218 0 / 0 13.05.29
3125 실시간 스타일시트 변동사항 자동반영되는 Vogue라는 것도 있군요... @@ 댓글1 340 1 / 0 13.05.28
3124 frame에서 target=_top 사용하기 댓글3 237 1 / 0 13.05.28
3123 구글에서 웹폰트 호스팅도... - 한글도 있으면 정말로 좋을텐데... ㅜㅜ 댓글4 491 0 / 1 13.05.23
3122 NoSQL mongodb 를 아시는지요? 댓글3 305 0 / 1 13.05.23
3121 전체게시판 최신글 댓글4 244 3 / 1 13.05.22
3120 특정필드 검색시 해당 필드만 완전일치 하는 검색어 출력 댓글3 255 0 / 0 13.05.22
3119 preg_split 이용한 원하는 부분 추출 댓글5 248 0 / 0 13.05.22