웹마스터 팁
메뉴에 이미지버튼 사용하기
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
엄청 고생했네요 ㅜ_ㅜ 감사합니다~!!
| 제목 | 글쓴이 | 날짜 |
|---|---|---|
팁이라긴.. 약하지만;; Trac을 이용한 최신버전을 다운로드 받자!!
[3]
 | 동균84 | 2007.11.26 |
| MSN로그인 상태를 홈피좌측 메뉴에 삽입하는 방법 [9] | 팔공산 | 2007.11.27 |
| google base 사용기. | font | 2007.11.29 |
| 메뉴에 이미지버튼 사용하기 [11] | 정낙훈(xynex) | 2007.11.29 |
| (포인트) 선물하기 [9] | Simulz | 2007.11.30 |
|
위젯배경이미지방 오픈했습니다.
[2]
| 팔공산 | 2007.12.03 |
| 날씨배너입니다. [4] | LooK782 | 2007.12.03 |
|
움직이는 이모티콘 모음입니다.
[4]
| 범피디 | 2007.12.04 |
| 외부페이지에서 매개변수 사용가능하도록 하는 방법 [12] | 라르게덴 | 2007.12.05 |
| XE 설치 진행 후 다시 첫 화면으로 넘어갈때 [2] | longkee | 2007.12.06 |
|
익명게시판 - 문제가 아직 많습니다. (다시 수정)
[11]
| 올챙이 | 2007.12.06 |
| 배경이미지 만드는 방법입니다. | 팔공산 | 2007.12.06 |
|
그림자 박스 만들기..
[3]
| 소마세월 | 2007.12.07 |
|
음악플레이기 3종세트 설치 방법(수정)
[25]
| 팔공산 | 2007.12.10 |
|
top 메뉴를 만들어보자 - layout에서 topmenu 항목만들기
[6]
| SensePlus1 | 2007.12.11 |
|
로그인 안되서 files 폴더 지우셨던 분들!!
[3]
| 율랑 | 2007.12.11 |
| 외부페이지 사용법 [8] | 길치객 | 2007.12.11 |
| 외부페이지에서 위젯사용하지 않고 로그인 정보 다루기. [5] [1] | 길치객 | 2007.12.12 |
|
Layout.html 화일의 SEC(순서도)도를 그려봤습니다.
[9]
| SensePlus1 | 2007.12.14 |
|
ㅎㅎ, 이곳에도 Html 적용이 되네요.
[3]
| 눈과비 | 2007.12.14 |
진작에 이 캡쳐글을 다른 분들에게 공개를 했어야 하는데... ㅡㅡ;;;
11월 23일에 잠깐 시간이 나서 제로님과 메신져로 이미지 메뉴 버튼에 관한 이야기를 나누었습니다.
이미지 버튼 메뉴를 사용하시려는 분에게 도움이 될 듯 해서요...
캡쳐글 그대로를 댓글로 옮겨드립니다.
어떤 분이든 이 글을 참고하셔서 레이아웃을 샘플로 공개하신다면 다른 분들이 많은 참고가 되리라 생각합니다.