본문 바로가기
메인메뉴 바로가기
로그인하세요 GO
창닫기
BOS소개
BOS솔루션소개
BOS솔루션특징
웹표준
웹문서최적화
모바일웹
모바일기기 반응형웹
방문통계
데모체험하기
솔루션 시작하기
BOS PG계약
솔루션기능
디자인
플러그인
사용자포럼(Q&A)
매뉴얼
동영상
매뉴얼동영상
자주하는질문
고객센터
PC버전
로그인
사이트 만들기
BOS소개
솔루션기능
디자인
플러그인
사용자포럼(Q&A)
매뉴얼
동영상
자주하는질문
고객센터
동영상
매뉴얼동영상
매뉴얼동영상
HOME
동영상
매뉴얼동영상
보기
3분내에 이미지 맵태그 적용하는 방법
추천
0
반대
0
URL복사
등록
목록
댓글 3
로그인
정원철
동영상 보시면서 적용하기 쉬우시라고 텍스트 부분들 댓글로 입력해보았습니다.^-^
2013-12-20 11:13
댓글
0
0
정원철
팝업창만들기의 경우 에디터의 하단에 html 탭에 입력하는 내용
<p><img src="http://test7.sitecook.kr/images/img_1.jpg" width="800" height="800 border="0" usemap="#고객센터휴무"></p>
<map name="고객센터휴무">
<area shape="rect" coords="564.419,754,461" href="http://test7.sitecook.kr/ab-2955-4" title="고객센터바로가기">
2013-12-20 11:13
댓글
0
0
정원철
헤드 & 메타에 들어갈 맵태그내용
<map name="이름">
<area shape="rect" coords="x1,y1,x2,y2" href="링크주소" title="내용">
<area shape="rect" coords="x1,y1,x2,y2" href="링크주소" title="내용">
</map>
* shape : 링크의 영역 형태.
(사각형=rect, 원=circle, 다각형=poly)
* coords : 이미지 내의 영역별 좌표
<좌표값 입력방법>
사각형(rect): 좌측상단(x1,y1), 우측하단(x2,y2) - ex) coords="x1,y1,x2,y2"
원형(circle): 중심축(x1,y1), 반지름(r) - ex) coords="x1,y1,r"
다각형(poly): 1번좌표(x1,y1), 2번좌표(x2,y2), 3번좌표(x3,y3) - ex) coords="x1,y1,x2,y2,x3,y3"
* href = 클릭시 이동하는 링크 주소
기타속성 - usemap="#이름"
2013-12-20 11:02
댓글
0
0
더보기
매뉴얼동영상
번호
제목
등록자
등록일
216
모바일웹 홈페이지제작 - 스타트업캠퍼스..
조현정
04-27
215
관리자메뉴, 게시판편집 - 스타트업캠퍼..
조현정
04-27
214
쇼핑몰메뉴 - 스타트업캠퍼스, 디지털라..
조현정
04-27
213
홈페이지제작 - 스타트업캠퍼스, 디지털..
조현정
04-26
212
항목편집
조현정
07-06
211
테이블편집
조현정
07-06
210
div편집
조현정
07-06
209
2분내에 게시판 목록페이지에서 특정 분..
박기숙
01-17
208
2분내에 컨텐츠박스 안에 두 개 이상의 div..
박기숙
01-09
207
2분내에 댓글을 닉네임으로 등록하도록 ..
박기숙
01-03
1
2
3
4
5
로그인
회원가입
PC버전
네임서버
BANK. 기업은행 142-177177-04-027
예금주 : (주)오마이사이트
BOS는 유선상으로 기능 문의를 받지 않는 점 양해 바랍니다. 기능 문의는
사용자포럼(Q&A)
게시판을 통하여 문의를 남겨주시길 바랍니다.
(c) bos.kr
l
이용약관
l
개인정보처리방침