오른쪽 고정자리에 떠있는 배너
페이지 정보
본문
<!-- /* 떠다니는 배너 (Floating Menu) */ -->
</style>
#floatdiv {
position:fixed; _position:absolute; _z-index:-1;
width:210px; /* 가로폭 조절*/
overflow:hidden;
right:50%;
top:65%; /* 이미지 높이 조절 */
background-color: transparent;
margin-right: -710px; /* 좌우측 여백 조절 */
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="<?php echo G5_URL ?>/images/poster2.jpg"/></a>
</ul>
</div>
관련링크
- 이전글오른쪽우측에 스크롤되는 배너 18.09.04
- 다음글道不同不相爲謀 18.08.17
댓글목록
등록된 댓글이 없습니다.