사이트좌우측에 고정배너
<style>
/* 떠다니는 배너 (Floating Menu) */
#floatdiv {
position:fixed; _position:absolute; _z-index:-1;
width:160px; /* 가로폭 조절*/
overflow:hidden;
right:50%;
top:17%; /* 이미지 높이 조절 */
background-color: transparent;
margin-right: -730px; /* 좌우측 여백 조절 */
padding:0;
}#floatdiv ul { list-style: none; }
#floatdiv li { margin-bottom: 2px; text-align: center; }
#floatdiv a { color: #5D5D5D; border: 0; text-decoration: none; display: block; }
#floatdiv a:hover, #floatdiv .menu { background-color: #5D5D5D; color: #fff; }
#floatdiv .menu, #floatdiv .last { margin-bottom: 0px; }
</style>
<div id="floatdiv">
<ul>
<a href='이미지 링크주소' target='_blank'>
<img src="이미지주소" /></a>
</ul>
</div>
/* 떠다니는 배너 (Floating Menu) */
#floatdiv {
position:fixed; _position:absolute; _z-index:-1;
width:160px; /* 가로폭 조절*/
overflow:hidden;
right:50%;
top:17%; /* 이미지 높이 조절 */
background-color: transparent;
margin-right: -730px; /* 좌우측 여백 조절 */
padding:0;
}#floatdiv ul { list-style: none; }
#floatdiv li { margin-bottom: 2px; text-align: center; }
#floatdiv a { color: #5D5D5D; border: 0; text-decoration: none; display: block; }
#floatdiv a:hover, #floatdiv .menu { background-color: #5D5D5D; color: #fff; }
#floatdiv .menu, #floatdiv .last { margin-bottom: 0px; }
</style>
<div id="floatdiv">
<ul>
<a href='이미지 링크주소' target='_blank'>
<img src="이미지주소" /></a>
</ul>
</div>
|
댓글을 작성하시려면 로그인이 필요합니다.
댓글 8개