포장이사 보관이사 입주청소 한번에

하단 광고

<html lang="ko"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>앵커 광고</title> <style> #anchorAd { position: fixed; bottom: 0; left: 0; width: 100%; background-color: rgba(240, 240, 240, 0.9); /* 반투명 배경 */ padding: 10px; text-align: center; z-index: 1000; box-sizing: border-box; /* padding, border가 width에 포함되도록 */ } #anchorAd a { display: block; /* 링크 전체를 클릭 가능하게 */ color: inherit; /* 부모 요소의 글자색 상속 */ text-decoration: none; /* 밑줄 제거 */ } #anchorAd img { max-width: 100%; height: auto; display: block; /* 이미지 주변 여백 제거 */ margin: 0 auto 5px; /* 중앙 정렬 및 하단 여백 */ } #anchorAd p { margin-top: 0; margin-bottom: 5px; font-size: 14px; } #closeAnchorAdBtn { position: absolute; top: 5px; right: 10px; cursor: pointer; background-color: rgba(0, 0, 0, 0.5); /* 반투명 검정 배경 */ color: #fff; border: none; font-size: 16px; line-height: 1; padding: 0px 6px; border-radius: 5px; min-width: 24px; /* 최소 너비 확보 */ text-align: center; } /* 필요에 따라 PC 환경에 대한 추가 스타일을 여기에 작성할 수 있습니다. */ /* 예시: PC에서 닫기 버튼을 좌측 상단에 배치하고 싶다면 */ @media (min-width: 769px) { #closeAnchorAdBtn { left: 10px; right: auto; } #anchorAd p { font-size: 16px; /* PC에서 글자 크기 약간 키우기 */ } } </style> </head> <body> <div id="anchorAd"> <button id="closeAnchorAdBtn" onclick="closeAnchorAd()">×</button> <a href="https://appu.kr/?i=21412563&gb=5" target="_blank"> <img src="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdna%2FncPLo%2FbtsNnp6qu6u%2FAAAAAAAAAAAAAAAAAAAAADzw-QQhIV78eZV8jMiv9KkAuF-QgmnIcbyF2uuiyXUT%2Fimg.png%3Fcredential%3DyqXZFxpELC7KVnFOS48ylbz2pIh7yKj8%26expires%3D1756652399%26allow_ip%3D%26allow_referer%3D%26signature%3DBqiInXT80zPNMAQodYqqgaJZrPc%253D" alt="즐거운 이사 되세요!"> <p>고객님 즐겁고 행복한 이사 되세요.!</p> </a> </div> <script> function closeAnchorAd() { document.getElementById("anchorAd").style.display = "none"; } </script> </body> </html>

상단광고

<html lang="ko"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>앵커 광고</title> <style> #anchorAd { position: fixed; top: 0; left: 0; width: 100%; background-color: rgba(240, 240, 240, 0.9); /* 반투명 배경 */ padding: 10px; text-align: center; z-index: 1000; box-sizing: border-box; /* padding, border가 width에 포함되도록 */ } #anchorAd a { display: block; /* 링크 전체를 클릭 가능하게 */ color: inherit; /* 부모 요소의 글자색 상속 */ text-decoration: none; /* 밑줄 제거 */ } #anchorAd img { max-width: 100%; height: auto; display: block; /* 이미지 주변 여백 제거 */ margin: 0 auto 5px; /* 중앙 정렬 및 하단 여백 */ } #anchorAd p { margin-top: 0; margin-bottom: 5px; font-size: 14px; } #closeAnchorAdBtn { position: absolute; bottom: 5px; /* 상단에서 하단으로 변경 */ right: 10px; cursor: pointer; background-color: rgba(0, 0, 0, 0.5); /* 반투명 검정 배경 */ color: #fff; border: none; font-size: 16px; line-height: 1; padding: 0px 6px; border-radius: 5px; min-width: 24px; /* 최소 너비 확보 */ text-align: center; } /* 필요에 따라 PC 환경에 대한 추가 스타일을 여기에 작성할 수 있습니다. */ @media (min-width: 769px) { #closeAnchorAdBtn { left: 10px; right: auto; } #anchorAd p { font-size: 16px; } } </style> </head> <body> <div id="anchorAd"> <button id="closeAnchorAdBtn" onclick="closeAnchorAd()">×</button> <a href="https://appu.kr/?i=21412563&gb=5" target="_blank"> <img src="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdna%2FncPLo%2FbtsNnp6qu6u%2FAAAAAAAAAAAAAAAAAAAAADzw-QQhIV78eZV8jMiv9KkAuF-QgmnIcbyF2uuiyXUT%2Fimg.png%3Fcredential%3DyqXZFxpELC7KVnFOS48ylbz2pIh7yKj8%26expires%3D1756652399%26allow_ip%3D%26allow_referer%3D%26signature%3DBqiInXT80zPNMAQodYqqgaJZrPc%253D" alt="즐거운 이사 되세요!"> <p>고객님 즐겁고 행복한 이사 되세요.!</p> </a> </div> <script> function closeAnchorAd() { document.getElementById("anchorAd").style.display = "none"; } </script> </body> </html>

상단 깜빡깜박

<!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>앵커 광고</title> <style> #anchorAd { position: fixed; top: 0; left: 0; width: 100%; background-color: rgba(240, 240, 240, 0.9); /* 반투명 배경 */ padding: 10px; text-align: center; z-index: 1000; box-sizing: border-box; /* padding, border가 width에 포함되도록 */ } #anchorAd a { display: block; /* 링크 전체를 클릭 가능하게 */ color: inherit; /* 부모 요소의 글자색 상속 */ text-decoration: none; /* 밑줄 제거 */ } #anchorAd img { max-width: 100%; height: auto; display: block; /* 이미지 주변 여백 제거 */ margin: 0 auto 5px; /* 중앙 정렬 및 하단 여백 */ animation: blinker 1s infinite alternate; /* 깜박임 애니메이션 적용 */ } #anchorAd p { margin-top: 0; margin-bottom: 5px; font-size: 14px; } #closeAnchorAdBtn { position: absolute; bottom: 5px; right: 10px; cursor: pointer; background-color: rgba(0, 0, 0, 0.5); /* 반투명 검정 배경 */ color: #fff; border: none; font-size: 16px; line-height: 1; padding: 0px 6px; border-radius: 5px; min-width: 24px; /* 최소 너비 확보 */ text-align: center; } /* 필요에 따라 PC 환경에 대한 추가 스타일을 여기에 작성할 수 있습니다. */ @media (min-width: 769px) { #closeAnchorAdBtn { left: 10px; right: auto; } #anchorAd p { font-size: 16px; } } /* 깜박임 애니메이션 정의 */ @keyframes blinker { from { opacity: 1; } to { opacity: 0.2; } } </style> </head> <body> <div id="anchorAd"> <button id="closeAnchorAdBtn" onclick="closeAnchorAd()">×</button> <a href="https://appu.kr/?i=21412563&gb=5" target="_blank"> <img src="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdna%2FncPLo%2FbtsNnp6qu6u%2FAAAAAAAAAAAAAAAAAAAAADzw-QQhIV78eZV8jMiv9KkAuF-QgmnIcbyF2uuiyXUT%2Fimg.png%3Fcredential%3DyqXZFxpELC7KVnFOS48ylbz2pIh7yKj8%26expires%3D1756652399%26allow_ip%3D%26allow_referer%3D%26signature%3DBqiInXT80zPNMAQodYqqgaJZrPc%253D" alt="즐거운 이사 되세요!"> <p>고객님 즐겁고 행복한 이사 되세요.!</p> </a> </div> <script> function closeAnchorAd() { document.getElementById("anchorAd").style.display = "none"; } </script> </body> </html>

LIST

저작자표시 비영리 변경금지 (새창열림)

'자격증인강' 카테고리의 다른 글

포장이사 원룸이사 사무실이사 (0)	2025.04.18
인강으로 준비하는 관세사 시험과목 및 일정 (0)	2023.03.26
인강으로 준비하는 공인노무사 시험과목 및 일정 (0)	2023.03.24
인강으로 준비하는 감정평가사 시험과목 및 일정 (0)	2023.03.16
인강으로 준비하는 건축기사 시험과목 및 일정 (0)	2023.03.10