플로팅배너코드원본

관리자
2024-01-18
조회수 87

<!-- 플로팅 배너 CSS --> <style> /* PC 배너1 스타일 */ .floBanPc1 {  position: fixed;  top: 128px; /* 윗쪽 끝에서부터의 거리 */  right: 0;  z-index: 99; }
/* PC 배너2 스타일 */ .floBanPc2 { position: fixed; top: 204px; /* 윗쪽 끝에서부터의 거리 */ right: 0; z-index: 99; }
/* 모바일 배너1 스타일 */ .floBanMob1 { position: fixed; bottom: 130px; /* 아래 끝에서부터의 거리 */ right: 0; /* 오른쪽 끝에서부터의 거리 */ z-index: 99; }
/* 모바일 배너2 스타일 */ .floBanMob2 { position: fixed; bottom: 80px; /* 아래 끝에서부터의 거리 */ right: 0; /* 오른쪽 끝에서부터의 거리 */ z-index: 99; }
</style>
<!-- 플로팅 배너 HTML --> <!-- PC 배너1 --> <div class="floBanPc1 hidden-md hidden-sm hidden-xs">  <a href="링크주소" target="_blank">    <img src="배너이미지주소" width="가로길이px" height="세로길이px">  </a> </div> <!-- PC 배너2 --> <div class="floBanPc2 hidden-md hidden-sm hidden-xs">  <a href="링크주소" target="_blank">    <img src="배너이미지주소" width="가로길이px" height="세로길이px">  </a> </div> <!-- 모바일 배너1 --> <div class="floBanMob1 hidden-lg">  <a href="링크주소" target="_blank">    <img src="배너이미지주소" width="가로길이px" height="세로길이px">  </a> </div> <!-- 모바일 배너2 --> <div class="floBanMob2 hidden-lg">  <a href="링크주소" target="_blank">    <img src="배너이미지주소" width="가로길이px" height="세로길이px">  </a> </div>

0 0