웹마스터 팁
메뉴에 이미지버튼 사용하기
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
엄청 고생했네요 ㅜ_ㅜ 감사합니다~!!
| 제목 | 글쓴이 | 날짜 |
|---|---|---|
댓글 수정/ 대댓글 달시에 댓글 공지 넣는법
[8]
 | 불금 | 2015.06.17 |
| 위젯 복사 팁 - 이걸 왜 이제야 알았을까.. | socialskyo | 2015.06.17 |
| 댓글에 대댓글 달리면 수정 불가능하게 하기 [8] | 불금 | 2015.06.17 |
| 원하는 그룹에게 아이피를 전부다 표시해주기 [1] | 불금 | 2015.06.16 |
| SSL의 정석 (아파치 & nginx) [13] | 기진곰 | 2015.06.16 |
| 확장변수 검색시 범위 설정해서 검색하는 팁. [2] | 키다리아저씨2 | 2015.06.16 |
|
네이버 날씨 위젯 입니다
| codlllle | 2015.06.15 |
|
페이스북 공유할 때 모바일에서는 이미지 안뜨는 증상
| silhwang | 2015.06.14 |
|
XE 에 무료 채팅방 설치하기
[6]
| 김동재4af45 | 2015.06.14 |
|
자동 저장되었습니다에 초단위 추가
| 불금 | 2015.06.13 |
|
무료 오픈 api가 많은 사이트 [유용]
[3]
| 김동재4af45 | 2015.06.13 |
|
Font Awesome 메뉴바에 적용하기
| 불금 | 2015.06.13 |
|
상단바 (navbar) 고정 레이아웃 알림센터 close시 밀려나는 현상 해결법
[2]
| 불금 | 2015.06.13 |
|
Uchat 에서 XE 프로필 이미지 불러오게 수정하는법
| 불금 | 2015.06.10 |
| MARIADB or MYSQL 의 INNODB로 엔진 변경 PHP스크립트 | 간장게장같은남자 | 2015.06.10 |
|
포인트 복권 모듈 관리자 페이지 1.7이상에 맞게
[10]
| 착한악마 | 2015.06.10 |
| 간단한(?) 해시태그 소스.. [18] | Ikoo | 2015.06.10 |
| 트래픽 차단된 이미지들 보는 방식 만들었네요. | SeungXE | 2015.06.10 |
| 해당 그룹 or 관리자는 애드온 실행 안되게 하기 [3] | 불금 | 2015.06.10 |
| 1.8.3 통합 검색시 제목+내용 으로 하기 | 불금 | 2015.06.09 |
진작에 이 캡쳐글을 다른 분들에게 공개를 했어야 하는데... ㅡㅡ;;;
11월 23일에 잠깐 시간이 나서 제로님과 메신져로 이미지 메뉴 버튼에 관한 이야기를 나누었습니다.
이미지 버튼 메뉴를 사용하시려는 분에게 도움이 될 듯 해서요...
캡쳐글 그대로를 댓글로 옮겨드립니다.
어떤 분이든 이 글을 참고하셔서 레이아웃을 샘플로 공개하신다면 다른 분들이 많은 참고가 되리라 생각합니다.