아래 소스 코드를 적당히 수정하셔서
HTML 코드가 있는 곳에 붙여넣기 해서 적용해보세요
ex. <BODY>태그 바로 밑 등
---플로팅배너[Floating Banner: 떠다니는 배너] 소스 시작---
<style>
/* Floating Banner: 떠다니는 배너*/
#floatdiv {
position:fixed; _position:absolute; _z-index:-1;
width:160px; /* 이미지 가로폭 조절*/
overflow:hidden;
right:45%;
top:24%; /* 이미지 높이 조절 */
background-color: transparent;
margin-right: -530px; /* 좌우측 여백 조절 */
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 Banner: 떠다니는 배너] 소스 끝---
'WEB:IT > HTML:CSS:스크립트' 카테고리의 다른 글
| google-site-verification (0) | 2020.11.25 |
|---|---|
| [HTML:CSS:스크립트] <p>와 <td>태그 style 활용 이미지(img) 가운데 정렬하는 방법 (0) | 2020.09.25 |