웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
메뉴에 이미지 버튼 사용하기 팁이요~ 이미지첨부!
2008.07.05 03:20
한참 헤매다가 정낙훈님이 쓰신글 보고 이제 무슨말인지 알겠네요 ^^
사실 무슨말인지 헤매다가 겨우 적용했네요.. ㅎㅎ
저처럼 초보자를 위해 조금이라도 도움이 됬으면 해서 이미지 첨부해서 올립니다~
1. 계정이든지 어디든 이미지를 올립니다.
![](http://www.zeroboard.com/zbxe_user_tip/files/attach/images/121/682/015/017/tip_01.gif)
2. 메뉴 설정에 보면 메뉴명 넣는 부분에 원래는 메뉴명을 넣으셨을 텐데요,
메뉴 명 대신에 올려놓았던 이미지 파일의 절대 경로를 적어놓습니다.
![](http://www.zeroboard.com/zbxe_user_tip/files/attach/images/121/682/015/017/tip_02.gif)
3. 자 이제 레이아웃에서 소스를 약간 변경할 차례에요~
기존에는 소스가 이렇게 되어있죠 ^^
![](http://www.zeroboard.com/zbxe_user_tip/files/attach/images/121/682/015/017/tip_03.gif)
{$val['text']} 이부분을 아래 그림처럼 <img src={$val['text']}> 이렇게 바꿉니다.
![](http://www.zeroboard.com/zbxe_user_tip/files/attach/images/121/682/015/017/tip_04.gif)
원래는 메뉴명에 해당한 텍스트를 그냥 출력하는 것인데 이미지 경로를 넣어서 이미지로 뿌려주는거죠.. ^^
정낙훈님 정말 감사드립니다 ㅜ_ㅜ 흑흑-
사실 무슨말인지 헤매다가 겨우 적용했네요.. ㅎㅎ
저처럼 초보자를 위해 조금이라도 도움이 됬으면 해서 이미지 첨부해서 올립니다~
1. 계정이든지 어디든 이미지를 올립니다.
![](http://www.zeroboard.com/zbxe_user_tip/files/attach/images/121/682/015/017/tip_01.gif)
2. 메뉴 설정에 보면 메뉴명 넣는 부분에 원래는 메뉴명을 넣으셨을 텐데요,
메뉴 명 대신에 올려놓았던 이미지 파일의 절대 경로를 적어놓습니다.
![](http://www.zeroboard.com/zbxe_user_tip/files/attach/images/121/682/015/017/tip_02.gif)
3. 자 이제 레이아웃에서 소스를 약간 변경할 차례에요~
기존에는 소스가 이렇게 되어있죠 ^^
![](http://www.zeroboard.com/zbxe_user_tip/files/attach/images/121/682/015/017/tip_03.gif)
{$val['text']} 이부분을 아래 그림처럼 <img src={$val['text']}> 이렇게 바꿉니다.
![](http://www.zeroboard.com/zbxe_user_tip/files/attach/images/121/682/015/017/tip_04.gif)
원래는 메뉴명에 해당한 텍스트를 그냥 출력하는 것인데 이미지 경로를 넣어서 이미지로 뿌려주는거죠.. ^^
정낙훈님 정말 감사드립니다 ㅜ_ㅜ 흑흑-