웹마스터 팁
메뉴에 이미지버튼 사용하기
2007.11.29 19:48
그냥 사용자 팁입니다. 제로님께서는 메뉴에 일반,마우스오버 거기에 http:// 로 하면 된다 하셨지만
안되더라고요~~~~~~~~~~~~~
layout.html 파일 36번째 줄,
원래는 초록색 글자 부분인데 그냥 그 아래 똑같이 추가되어 있는 부분으로 교체하시면 됩니다. 빨간색 부분만 첨가하시면 되요
그리고 메뉴명에다가 http://를 적어주세요.
만약에 메뉴가 원래는 게시판 이었다면 게시판에 해당하는 이미지 주소를 메뉴명 적는 곳에 넣어주셔야해요.
안되더라고요~~~~~~~~~~~~~
layout.html 파일 36번째 줄,
<!--GNB-->
<ul id="gnb">
<!-- 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>
<li <!--@if($val['selected'])-->class="on"<!--@end-->><a href="{$val['href']}" <!--@if($val['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->><img src={$val['text']}></a></li>
<!--@end--><!--@end-->
<!-- main_menu 1차 끝 -->
</ul>
<!--//GNB-->
<ul id="gnb">
<!-- 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>
<li <!--@if($val['selected'])-->class="on"<!--@end-->><a href="{$val['href']}" <!--@if($val['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->><img src={$val['text']}></a></li>
<!--@end--><!--@end-->
<!-- main_menu 1차 끝 -->
</ul>
<!--//GNB-->
원래는 초록색 글자 부분인데 그냥 그 아래 똑같이 추가되어 있는 부분으로 교체하시면 됩니다. 빨간색 부분만 첨가하시면 되요
그리고 메뉴명에다가 http://를 적어주세요.
만약에 메뉴가 원래는 게시판 이었다면 게시판에 해당하는 이미지 주소를 메뉴명 적는 곳에 넣어주셔야해요.
XE에서 사용가능한 다양한 소스를 판매하고 있습니다.
댓글 11
-
똑디
2007.11.30 01:04
음..잡다한템플릿 레이아웃엔 이미지 버튼을 이용할수 있도록 기능 구현해서 배포중입니다.
http://jobdahan.net/management 여기 좌측 메뉴가 관리자페이지에 이미지 경로를 적어서 처리하는 형태로 구현을 했구요.
방법은 정낙훈님과 동일합니다.
제로님이 이전부터 이미지 버튼 관련 변수를 처리해 두셨는데...그것을 레이아웃에 단지 불러들이지 않았을뿐이더군요.
관리자페이지에서 일반,마우스오버,선택시 이미지들의 경로를 적어 주면 됩니다. -
제로님은 그 변수가 뭔지 좀 적어두시지;; 그 변수 찾느라 애먹었는데 비나무님께서 알려주시네요. ^^
-
따라하기
2007.12.02 04:49
설명 내용중에 메뉴명에다가 http://를 적어주세요라고 하셨는데
좀더 구체적으로 부탁을 드립니다.예를 들어
설명내용처럼 사용중인 스킨의 layout.html파일을 수정하고
메뉴 관리페이지에 있는 메뉴명에다
http://domain.com/zbxe/image/mouse.jpg라고 적고
일반/마우스오버/선택부분에는 원하는 이미지주소를 넣은후 테스트한 결과는
메뉴에 아무것도 나타나지 않는 결과가 생기군요.
제가 잘못 따라한 것인가요? -
Bok-e
2007.12.05 13:37
<!-- left_menu 시작 -->
<ul id="dnb">
<!--@foreach($left_menu->list as $key => $val)-->
<li><a href="{$val['href']}"
<!--@if($val['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->>
<img src="{$val['normal_btn']}" alt="{$val['text']}" class="dnbi"/></a></li>
<!--@end-->
</ul>
<!-- left_menu 끝 -->
저렇게 소스를 넣고
메뉴에는
메뉴명 원래대로 넣고
보통이미지에다가 http://이미지주소 넣어주면 됩니다~
그런데 전 넣어줬더니
이미지 아래 공간이 생겨버려서 고민중입니다...ㅠㅠ
(아..태그들 붙여버리기 하니 사라지네요ㅡㅡㅋㅋ) -
Bok-e
2007.12.06 14:47
#dnb img {vertical-align:top}
이러면 li 사이의 간격이 없어지네요 -_-ㅋㅋㅋ
아 2일 고생하고 해결;;; -
너른벌판
2008.01.06 15:00
정말 뻘짓해서 이미지 버튼은 겨우 보이게 됐습니다.
헌데 마우스오버 이미지는 죽어도 보이지가 않네요. 제가 무얼 잘못했는지 도대체 마우스를 아무리 올려놔봐도 변함이 없습니다.
혹시 수정하거나 더 첨가해야할 부분이 있다면 지도 부탁드리겠습니다.
어제 거의 날밤 새면도 별짓을 다해봤는데 안되네여...ㅜㅜ -
박태무
2008.01.24 13:22
안내대로 해봤는데도 안되는데...뭐가문제인지...머리아푸네요... -
이런남
2008.02.27 16:37
도저히 이해가 안가는 이미지 메뉴 넣기...
상식적으로 이미지 버튼 만들어서 관리자 모드에서 등록시키면 보여져야하는게 정상 아닌지요?
왜 배꼽표시에다 오른쪽버튼 눌러보니 경로도 생기다 만 것 처럼...
이미지 버튼 포기하고 그냥 TEXT로만 작업 해야 겠네요. -
#dnb img {vertical-align:top}
이것때문에 엄청 고생했는데..
여기에 나와있군요..ㅡㅡ;;; -
Zzini.net
2008.07.05 03:21
엄청 고생했네요 ㅜ_ㅜ 감사합니다~!!
| 제목 | 글쓴이 | 날짜 |
|---|---|---|
| 좌측 메뉴 하단에 애드센스를 탑재해 보자! [5] | migojarad.myid.net | 2007.08.13 |
4차 서브메뉴 사용하기!!
[4]
[1]  | 럭키587 | 2007.08.17 |
|
서브 메뉴 배경색 바꾸기
[4]
| Chang-Jo(창조) | 2007.08.17 |
| 각 메뉴 옆에 게시물 갯수 표시하기 [6] | coolsushi | 2007.08.19 |
| 페이지 수정시 메뉴들 가지런히 놓이게 하기 [3] | 팔공산 | 2007.08.21 |
| 상단메뉴 개수를 지정한 만큼만 보여주고자 할 경우 [9] | 똑디 | 2007.08.23 |
|
여러 개의 메뉴를 달아보자!
[5]
| 고라리 | 2007.08.23 |
| 플래시메뉴 사입방법 [4] | urhow1 | 2007.08.29 |
|
회원 단축 메뉴 보여주기
| Simulz | 2007.08.30 |
| 메뉴와 연결된 xe의 page에 iframe을 사용해서 제로보드4 게시판을 불러들였습니다 [2] | 바람처럼.. | 2007.09.14 |
|
2차,3차 메뉴가 좌측으로 일렬로 되어있어 구분이 잘 안됩니다,이럴 때~
[7]
| *제트* | 2007.09.16 |
| 주메뉴와 하위메뉴 구분이 잘 안되시는 분들께... [2] | 다케루 | 2007.10.12 |
| 상단에 로그인 회원가입 등 메뉴 넣기 (id/pw찾기 추가) [7] | mireu | 2007.10.16 |
|
메뉴에 플래시 적용하기
[7]
| 지허 | 2007.10.23 |
| 메뉴에 "회원 정보 보기" 걸기. [4] | font | 2007.11.03 |
| 메뉴에 마우스 갖다대면 뜨는 메뉴 만드는 방법 [25] | 소마세월 | 2007.11.07 |
|
"이 게시물을..." 추천/비추천/신고 메뉴를 버튼으로
[28]
| xe촙5 | 2007.11.08 |
| MSN로그인 상태를 홈피좌측 메뉴에 삽입하는 방법 [9] | 팔공산 | 2007.11.27 |
| 메뉴에 이미지버튼 사용하기 [11] | 정낙훈(xynex) | 2007.11.29 |
|
top 메뉴를 만들어보자 - layout에서 topmenu 항목만들기
[6]
| SensePlus1 | 2007.12.11 |
진작에 이 캡쳐글을 다른 분들에게 공개를 했어야 하는데... ㅡㅡ;;;
11월 23일에 잠깐 시간이 나서 제로님과 메신져로 이미지 메뉴 버튼에 관한 이야기를 나누었습니다.
이미지 버튼 메뉴를 사용하시려는 분에게 도움이 될 듯 해서요...
캡쳐글 그대로를 댓글로 옮겨드립니다.
어떤 분이든 이 글을 참고하셔서 레이아웃을 샘플로 공개하신다면 다른 분들이 많은 참고가 되리라 생각합니다.