알림
뒤로

마케팅 소식

코드 : 웹사이트 배너 만들기

마케팅소식
2024-04-26
조회수 127

<!-- 플로팅 배너 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>

코드 : 줄간격 코딩 코딩 : 이미지 간격없애기
목록

접수 및 고객 안내 센터

코즈컨설팅그룹은 경영 관리 디딤돌로 경영 안정화를 위해 최선의 노력으로 한계를 극복하기 위해 최선을 다하고 있습니다.
질문, 상담, 문의, 진행, 불만 사항이 있다면 언제든지 남겨 주세요.