올블로그의 태안반도 돕기 배너의 모습은 삼각형입니다.
하지만 클릭하는 영역이 사각형이라 실수로 클릭하게 되어 불편을 느끼시는 분들이 있습니다.
그래서 이미지가 있는 부분만 클릭이 되는 이미지맵 버전의 코드를 만들었습니다.
※ 어제 배포한 소스의 이미지 경로에 문제가 있어서 이미지 경로를 바꿨습니다.
기존 배너가 PNG-8 이미지인줄 알았는데 PNG-24 이미지였습니다. 때문에 IE6에서 제대로 표현되지 않습니다.
좌측상단 배너는 이미지 경로를 GIF로 바꿨고 우측상단 배너는 GIF로 된 이미지가 없습니다.
불편을 드려 죄송합니다.
# 좌측상단 배너
<map name="allblog_corner_banner">
<area target="_blank" href="http://ia.allblog.net/check/?ia=18|1||&u=http://event.allblog.net/index.php?pl=143" coords="0,0,136,0,0,137" alt="올블릿으로 태안반도를 돕습니다" shape="poly"/>
</map>
<img id="allblog_corner_banner" src="http://files.allblog.net/header/images/bnr_allblet_left.gif" border="0" usemap="#allblog_corner_banner">
<style type="text/css">
#allblog_corner_banner {
position: absolute; left: 0; top: 0; z-index: 999;
}
</style>
# 우측상단 배너 - 적절한 이미지가 없어서 사용할 수 없습니다.
<map name="allblog_corner_banner">
<area target="_blank" href="http://ia.allblog.net/check/?ia=18|1||&u=http://event.allblog.net/index.php?pl=143" coords="0,0,136,0,136,137" alt="올블릿으로 태안반도를 돕습니다" shape="poly"/>
</map>
<img id="allblog_corner_banner" src="적절한 이미지가 없습니다." border="0" usemap="#allblog_corner_banner">
<style type="text/css">
#allblog_corner_banner {
position: absolute; right: 0; top: 0; z-index: 999;
}
</style>
하지만 클릭하는 영역이 사각형이라 실수로 클릭하게 되어 불편을 느끼시는 분들이 있습니다.
그래서 이미지가 있는 부분만 클릭이 되는 이미지맵 버전의 코드를 만들었습니다.
※ 어제 배포한 소스의 이미지 경로에 문제가 있어서 이미지 경로를 바꿨습니다.
기존 배너가 PNG-8 이미지인줄 알았는데 PNG-24 이미지였습니다. 때문에 IE6에서 제대로 표현되지 않습니다.
좌측상단 배너는 이미지 경로를 GIF로 바꿨고 우측상단 배너는 GIF로 된 이미지가 없습니다.
불편을 드려 죄송합니다.
# 좌측상단 배너
<map name="allblog_corner_banner">
<area target="_blank" href="http://ia.allblog.net/check/?ia=18|1||&u=http://event.allblog.net/index.php?pl=143" coords="0,0,136,0,0,137" alt="올블릿으로 태안반도를 돕습니다" shape="poly"/>
</map>
<img id="allblog_corner_banner" src="http://files.allblog.net/header/images/bnr_allblet_left.gif" border="0" usemap="#allblog_corner_banner">
<style type="text/css">
#allblog_corner_banner {
position: absolute; left: 0; top: 0; z-index: 999;
}
</style>
# 우측상단 배너 - 적절한 이미지가 없어서 사용할 수 없습니다.
<map name="allblog_corner_banner">
<area target="_blank" href="http://ia.allblog.net/check/?ia=18|1||&u=http://event.allblog.net/index.php?pl=143" coords="0,0,136,0,136,137" alt="올블릿으로 태안반도를 돕습니다" shape="poly"/>
</map>
<img id="allblog_corner_banner" src="적절한 이미지가 없습니다." border="0" usemap="#allblog_corner_banner">
<style type="text/css">
#allblog_corner_banner {
position: absolute; right: 0; top: 0; z-index: 999;
}
</style>




최근 덧글