현재 소마세월님에 제공해주신 졸졸이 애드온은 상당히 많은 분들이 사용을 하고 계실것이다.
이 졸졸이 애드온을 이용하여 우측에 퀵메뉴를 만들어 사용하는것을 해보자.
퀵메뉴는 아래에 있는 이미지와 같다.
위와 같은 이미지를 사용한다고 했을때..
/zbxe/addons/alway_stalker/alway_stalker.lib.php 파일에서 15번째 줄정도에 아래와 같은 소스가 있을 것이다.
참고로 난 내 서버 홈디렉토리에 img라는 폴더를 따로 만들어서 sider.gif 이미지를 넣어 두었다.
위 이미지에 홈, top, 포토폴리오, 배경이미지 부분을 이미지맵으로 처리해서 링크를 걸것이다.
그렇담 아래와 같이 소스를 변경해서 사용하면 된다.
이미지맵은 나모나 드림위버에서 사용하는 법을 아실것이라 보고 설명을 한다.
여기서 중요한것은
이미지맵 링크 정보를 또다른 <div>를 하나 만들어서 사용해야 에러없이 돌아 간다는 것이다.
팁이라고 해봐야 별것 아니지만...
그래도 <div> 따로 만들어서 처리하면 된다는걸 알아냈음..ㅋㅋㅋ
위의 내용은 잡다한 몽상백과의 똑띠님의 팁입니다.
이 졸졸이 애드온을 이용하여 우측에 퀵메뉴를 만들어 사용하는것을 해보자.
퀵메뉴는 아래에 있는 이미지와 같다.
위와 같은 이미지를 사용한다고 했을때..
/zbxe/addons/alway_stalker/alway_stalker.lib.php 파일에서 15번째 줄정도에 아래와 같은 소스가 있을 것이다.
참고로 난 내 서버 홈디렉토리에 img라는 폴더를 따로 만들어서 sider.gif 이미지를 넣어 두었다.
<!-- 이부분을 꾸며서 넣으시기 바랍니다. ^^; -->
<DIV id='alwayStalker' style='position:absolute;z-index:9;'> <a href='#' onclick='this.blur();'><img src='/img/sider.jpg'></a> </div>
위 이미지에 홈, top, 포토폴리오, 배경이미지 부분을 이미지맵으로 처리해서 링크를 걸것이다.
그렇담 아래와 같이 소스를 변경해서 사용하면 된다.
<!-- 이부분을 꾸며서 넣으시기 바랍니다. ^^; -->
<DIV id='alwayStalker' style='position:absolute;z-index:9;'> <img src='/img/sider.gif' border='0' usemap='#ImageMap3'> </div> <div> <map name='ImageMap3'> <area shape='rect' coords='1,1,40,35' href='https://moonhouse.co.kr/zbxe' onfocus='this.blur()'> <area shape='rect' coords='40,1,73,35' href='#' onfocus='this.blur()'> <area shape='rect' coords='6,50,70,84' href='https://moonhouse.co.kr/zbxe/folio' onfocus='this.blur()'> <area shape='rect' coords='5,84,69,117' href='https://moonhouse.co.kr/zbxe/xeimg' onfocus='this.blur()'> </map> </div>
이미지맵은 나모나 드림위버에서 사용하는 법을 아실것이라 보고 설명을 한다.
여기서 중요한것은
이미지맵 링크 정보를 또다른 <div>를 하나 만들어서 사용해야 에러없이 돌아 간다는 것이다.
팁이라고 해봐야 별것 아니지만...
그래도 <div> 따로 만들어서 처리하면 된다는걸 알아냈음..ㅋㅋㅋ
위의 내용은 잡다한 몽상백과의 똑띠님의 팁입니다.
허락을 받지 않고 올리는데 이해해 주시겠죠, 그리고 우측에 있는 이미지 psd파일로 올리니 알아서 편집해서 사용하세요.
<area shape="rect" coords="1,1,40,35" href="#"> //변경전
이렇게 작업되는데 " " 이부분을 ' ' 이렇게 바꾸어 주어야 되더라고요.
<area shape='rect' coords='1,1,40,35' href='#'> //변경후