@마고 로비

[설타자]

웹피 실제크기 : 360 X 640

배경 실제크기 : 1280 X 853 - 전광판은 투명 처리된 상태입니다

이 플레이어는 크롬화면에 최적화 되어있습니다

그리운 날은 그림을 그리고..     쓸쓸한 날은 음악을 들었다..     그리고도 남는 날은..     너를 생각해야만 했다....

마고 로비 이미지 다운받기

마고 로비.7z

1.42MB

투명 오디오 소스

투명 오디오.txt

580B

전체 소스를 적용한 후,,,,,오디오 소스만 바꿔주세여

마고 로비 플레이어.. <div style="display:flex; justify-content:center; padding:40px 0;"> <div style="background:#000;"> <!-- 캔버스 --> <div style="position:relative; width:1280px; height:853px; overflow:hidden; background:#000;"> <!-- 오디오 컨트롤 --> <style> audio::-webkit-media-controls-enclosure{ background: transparent !important; box-shadow: none !important; } </style> <!-- 웹피 --> <img src="웹피 주소" style="position:absolute; left:790px; top:110px; width:310px; height:551px; object-fit:cover; z-index:1; pointer-events:none;"> <!-- 배경 이미지 --> <img src="이미지 주소" style="position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:2; pointer-events:none;"> <!-- 텍스트 --> <div style="position:absolute; left:796px; top:580px; width:304px; height:42px; overflow:hidden; z-index:4; color:#ffffff; font-family:'Apple SD Gothic Neo','Malgun Gothic','Noto Sans KR',Arial,sans-serif; font-size:14px; font-weight:500; line-height:42px; letter-spacing:1.1px; white-space:nowrap; text-shadow: 0 0 2px rgba(255,255,255,0.6), 0 0 5px rgba(255,255,255,0.25), 0 2px 5px rgba(0,0,0,0.85); pointer-events:none; "> <marquee direction="left" scrollamount="3" style="display:block; width:100%;"> 그리운 날은 그림을 그리고..     쓸쓸한 날은 음악을 들었다..     그리고도 남는 날은..     너를 생각해야만 했다.... </marquee> </div> <!-- 오디오 --> <div style="position:absolute; bottom:100px; left:73.7%; transform:translateX(-50%); z-index:5;"> <div style="display:flex;align-items:center;background:#fff;padding:4px 2px;border-radius:1px;box-shadow:0 6px 12px rgba(0,0,0,0.08);width:360px;transform:scale(0.75);transform-origin:center center;"> <audio controls autoplay loop style="flex:1;outline:none;height:36px;filter:brightness(1.1) contrast(1.1);border-radius:6px;"> <source src="음악 주소"> </audio> </div> </div> </div> </div> </div>

ⓒ Aaha Cafe

[설타자]

6월 10일 수요일 아침인사 🌿
좋은 아침입니다.
오늘도
늘 웃음과 행운이 함께하는 6월 10일 되세요. ☀️🌸
"행복은 멀리 있지 않습니다. 오늘을 감사하는 마음속에 있습니다."
즐겁고 활기찬 하루 보내세요!