사이트좌우측에 고정배너 정보
사이트좌우측에 고정배너
본문
<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>
추천
7
7
댓글 8개
팁 감사합니다.
감사합니다 ...아주 유용하게 쓰일거 같네요 ...
좋은 정보 감사합니다~~
너무 너무 감사합니다.
감사합니다
유용하게 쓸께요!
떠 있는 배너
좋아요..잘쓰겠습니다.감사합니다.