개인 사용 Roll20 매크로 정리 - BGM 버튼

• 롤꾸하려고 만든 매크로 모음입니다. 지저분하고 여기저기서 따온 것이 많습니다. 
• 편의상+가독성을 위해 매크로는 R 코드블럭으로 올려놓습니다. 클립보드 버튼을 누르면 복사할 수 있습니다. 
• 아래로 내려갈수록 최근 매크로. 상단 쪽에 위치한 매크로는 다크모드가 업데이트 되기 전에 만들어진 게 많아서 다크모드로 볼 경우 이상해집니다. ㅠㅠ
• (24.06.01 추가) 예전에 쓴 글인데 아직 보시는 분들이 많아서 노파심에 몇 줄 더 적습니다. 예전 업데이트 이후로 KoPubWorld돋움체 폰트는 적용되지 않습니다! 대신 Roll20 내장 폰트로 Pretendard가 추가 되었으니 그 쪽을 대체재로 사용하시는 게 좋습니다. font-family: 'kopubworld돋움체'를 font-family: 'Pretendard'로 바꾸시면 됩니다! ^^;

 

 

유튜브 BGM 버튼

 

기본

/desc [　?{BGM제목|20자 이하 추천}](?{URL|BGM 링크} #" style="font-size: 11px; font-family: 'Font Awesome 5 Brands', gulim; color: #ff0c00; background: #ffffff; text-align: center; display: inline-block; padding: 5px 15px; font-style: normal !important; font-weight: normal !important; border-radius: 20px; margin-left: -4px; text-decoration: none; border: 2px outset #ff6f6f; letter-spacing: -1px;)

 

블랙버전

/desc [　?{BGM제목|20자 이하 추천}](?{URL|BGM 링크} #" style="font-size: 11px; font-family: 'Font Awesome 5 Brands', gulim; color: #ff0c00; background: #000; text-align: center; display: inline-block; padding: 5px 15px; font-style: normal !important; font-weight: normal !important; border-radius: 20px; margin-left: -4px; text-decoration: none; border: 2px outset #ff6f6f; letter-spacing: -1px; )

 

 

 

그라데이션 BGM 버튼

 

기본

/desc [♬　     ?{BGM제목|20자 이하 추천}        　▶ ■](?{URL|BGM 링크} #" style="font-size: 12px;  color: #000; text-align: center; display: inline-block; padding: 5px 20px; font-style: normal !important; font-weight: normal !important;border-radius: 20px;font-family: 'kopubworld돋움체', 'RIDIbatang', 'font awesome 5 brands', 'gulim'; margin-left: -4px; text-decoration: none; box-shadow: 0px 0px 3px 0px #8d8d8d; letter-spacing: -1px;background-image: linear-gradient(135deg , #ffffff , #ffffff ))

 

블랙버전

/desc [♬　     ?{BGM제목|20자 이하 추천}        　▶ ■](?{URL|BGM 링크} #" style="font-size: 12px;  color: #fff; text-align: center; display: inline-block; padding: 5px 20px; font-style: normal !important; font-weight: normal !important; border-radius: 20px;font-family: 'kopubworld돋움체', 'RIDIbatang', 'font awesome 5 brands', 'gulim'; margin-left: -4px; text-decoration: none; box-shadow: 0px 0px 4px 0px #1c1c1c; letter-spacing: -1px;background-image: linear-gradient(135deg, #201d1c, #6e6e6e))

 

 

 

무난무난 BGM 버튼

 

기본

/desc [◈   　?{BGM제목|20자 이하 추천} 　◈](?{URL|BGM 링크} #" style="font-size: 11px; font-family: 'Font Awesome 5 Brands', gulim; color: #000; background: #ffffff; text-align: center; display: inline-block; padding: 5px 15px; font-style: normal !important; font-weight: normal !important; border-radius: 20px; margin-left: -4px; text-decoration: none; box-shadow: 0px 0px 5px 0px #747474; letter-spacing: -1px;)

 

블랙버전

/desc [◈   　?{BGM제목|20자 이하 추천} 　◈](?{URL|BGM 링크} #" style="font-size: 11px; font-family: 'Font Awesome 5 Brands', gulim; color: #fff; background: #000; text-align: center; display: inline-block; padding: 5px 15px; font-style: normal !important; font-weight: normal !important; border-radius: 20px; margin-left: -4px; text-decoration: none; box-shadow: 0px 0px 5px 0px #747474; letter-spacing: -1px;)

 

 

심플 BGM 버튼

• 채팅창 크기를 늘리면 아래 사진처럼 변합니다.

 

기본

/desc [      ♬   　?{BGM제목|40자 이하 추천} 　](?{URL|BGM 링크} #" style="font-size: 11px; font-family: 'Font Awesome 5 Brands', gulim; color: #000;background: #fff;text-align: center;padding: 5px 0px;font-style: normal;font-weight: normal;text-decoration: none;letter-spacing: -1px;margin-right: -4px;display: inline-block;width: 172px;) [0:30 ──|────── 3:30](#"style="font-size: 11px;font-family: 'Font Awesome 5 Brands', gulim; color: #000;background: #fff;text-align: center;padding: 5px 15px;font-style: normal;font-weight: normal;text-decoration: none;display: inline-block;margin-right: -4px;width: 142px;)[      ⇄        ◁        II        ▷         ↻      ](#"style="font-size: 11px;font-family: 'Font Awesome 5 Brands', gulim;  color: #000;background: #fff;text-align: center;padding: 5px 25px;font-style: normal;font-weight: normal;text-decoration: none;letter-spacing: 6px;display: inline-block;margin-right: -4px;width: 122px;)

 

블랙버전

/desc [      ♬   　?{BGM제목|40자 이하 추천} 　](?{URL|BGM 링크} #" style="font-size: 11px; font-family: 'Font Awesome 5 Brands', gulim; color: #fff;background: #000;text-align: center;padding: 5px 0px;font-style: normal;font-weight: normal;text-decoration: none;letter-spacing: -1px;margin-right: -4px;display: inline-block;width: 172px;) [0:30 ──|────── 3:30](#"style="font-size: 11px;font-family: 'Font Awesome 5 Brands', gulim; color: #fff;background: #000;text-align: center;padding: 5px 15px;font-style: normal;font-weight: normal;text-decoration: none;display: inline-block;margin-right: -4px;width: 142px;)[      ⇄        ◁        II        ▷         ↻      ](#"style="font-size: 11px;font-family: 'Font Awesome 5 Brands', gulim;  color: #fff;background: #000;text-align: center;padding: 5px 25px;font-style: normal;font-weight: normal;text-decoration: none;letter-spacing: 6px;display: inline-block;margin-right: -4px;width: 122px;)

 

 

 

NOW PLAYING BGM 버튼

 

기본

/desc [NOW PLAYING ────────────](#"style="font-size: 11px;font-family: 'Candal';color: #000;display: block;max-width: 300px;margin: auto;padding: 6px 5px;font-weight: normal;text-decoration: none;text-shadow:0 0 1px #4e4e4e, 0 0 1px #4e4e4e, 0 0 1px #4e4e4e, 0 0 1px #4e4e4e, 0 0 1px #4e4e4e, 0 0 1px #4e4e4e, 0 0 1px #4e4e4e, 0 0 1px #4e4e4e, 0 0 1px #4e4e4e, 0 0 0px #4e4e4e;)[  　?{BGM제목|25자 이하 추천} 　](?{URL|BGM 링크} #" style="font-size: 11px; font-family: 'Font Awesome 5 Brands', gulim; color: #000; background: #fff; text-align: center; display: block;max-width: 300px;margin: auto; padding: 5px 0px; font-style: normal !important; font-weight: normal !important; text-decoration: none; letter-spacing: -1px;border-radius: 10px 10px 0px 0px;text-shadow: 0 0 1px #878787;box-shadow: 1px 0px 4px #cfcfcf;) [0:30 ──|────── 3:30](#"style="font-size: 11px;font-family: 'Font Awesome 5 Brands', gulim; color: #000; background: #fff;text-align: center;display: block;max-width: 300px;margin: auto;padding: 5px 0px;font-style: normal;font-weight: normal;text-decoration: none;text-shadow: 0 0 1px #878787;box-shadow: 1px 3px 4px #cfcfcf;)[      ⇄        ◁        II        ▷         ↻      ](#"style="font-size: 11px;font-family: 'Font Awesome 5 Brands', gulim; color: #000; background: #fff;text-align: center;display: block;max-width: 300px;margin: auto;padding: 5px 0px 11px 0px;font-style: normal;font-weight: normal;text-decoration: none;letter-spacing: 6px;border-radius: 0px 0px 10px 10px;text-shadow: 0 0 1px #878787;box-shadow: 0px 3px 4px #cfcfcf;)

 

블랙버전

/desc [NOW PLAYING ────────────](#"style="font-size: 11px;font-family: 'Candal';color: #000;display: block;padding: 6px 5px;font-weight: normal;text-decoration: none;)[  　?{BGM제목|25자 이하 추천} 　](?{URL|BGM 링크} #" style="font-size: 11px; font-family: 'Font Awesome 5 Brands', gulim; color: #fff; background: #000; text-align: center; display: block; max-width: 300px;margin: auto;padding: 5px 0px; font-style: normal !important; font-weight: normal !important; text-decoration: none; letter-spacing: -1px;border-radius: 10px 10px 0px 0px;box-shadow: 1px 0px 4px #cfcfcf;) [0:30 ──|────── 3:30](#"style="font-size: 11px;font-family: 'Font Awesome 5 Brands', gulim; color: #fff;background: #000;text-align: center;display: block;max-width: 300px;margin: auto;padding: 5px 0px;font-style: normal;font-weight: normal;text-decoration: none;box-shadow: 1px 4px 4px #cfcfcf;)[      ⇄        ◁        II        ▷         ↻      ](#"style="font-size: 11px;font-family: 'Font Awesome 5 Brands', gulim; color: #fff;background: #000;text-align: center;display: block;padding: 5px 0px 11px 0px;font-style: normal;max-width: 300px;margin: auto;font-weight: normal;text-decoration: none;letter-spacing: 6px;border-radius: 0px 0px 10px 10px; box-shadow: 0px 4px 4px #cfcfcf;)

 

 

 

차례대로 반사 어반, 반사 느와르, 반사 느와르+

• 주의사항: 다크모드 없을 때 만든 거라 키면 색 번지고 난리도 아님ㅠㅠ

 

반사 어반

/desc [NOW PLAYING ────────────](#"style="font-size: 11px;font-family: 'Candal'; color: #000;text-shadow: -6px 16px 2px #ffff33 , 0 0 3px #7c7c7c , 0 0 8px #e3e3e3;display: block;max-width: 300px;margin: auto;padding: 6px 5px;font-weight: normal;text-decoration: none;)[  　?{BGM제목|10자 이하 추천} 　](?{URL|BGM 링크} #" style="font-size: 11px; font-family: 'Font Awesome 5 Brands', gulim; color: #fff;background: #000;text-align: center;display: block;max-width: 300px;margin: auto;padding: 5px 0px;font-style: normal;font-weight: normal;text-decoration: none;letter-spacing: -1px;border-radius: 10px 10px 0px 0px;text-shadow:1px 16px 5px #000000, 0px 9px 0px #322f2f, 0 0 3px #000000, 0 0 8px #e3e3e3, 0 0 8px #000000, 0 0 10px #000000, 56px 33px 4px #000000, 0 0 16px #700000, -14px 66px 6px #000000, 0 0 20px #000000, 0 -2px 20px #000000, 0px 33px 8px #000000, 24px 60px 13px #000000, 0px 60px 8px #000000, 0px 60px 8px #000000, -83px 31px 3px #000000, 4px 36px 5px #000000, 11px 69px 5px #000000, 76px 68px 3px #000000, 0px 20px 44px #000000, 72px -7px 32px #fffffe, 72px -7px 32px #ffffff, 72px -7px 32px #95d3ff, 72px -7px 32px #6c2f65, 72px -7px 32px #080fff, 60px 19px 32px #080fff, 60px 40px 20px #08ff76, 60px -1px 24px #00ff72, 46px 0px 15px #ff46c6, 42px 0px 12px #ffeb00, 46px 0px 15px #46bbff, 60px 19px 19px #08f4ff, 60px 16px 45px #08d1ff, 60px 16px 18px #b9dbff, 55px -7px 20px #ffffff, -72px 66px 16px #bbbbbb, -72px 66px 38px #ffffff, -32px 53px 8px #7c7b7b, 84px 73px 20px #ffffff, 79px 73px 15px #ffffff, 76px 64px 1px #000000, 73px 64px 1px #000000, 69px 64px 1px #000000, 77px 74px 5px #c9c9c9, 76px 75px 6px #c7c7c7, -53px 35px 6px #001eb3, -40px 40px 13px #370060, -56px -1px 15px #5cff49, -43px 40px 3px #38072a, -43px 40px 9px #464317, -43px 40px 27px #22111b;background-image: linear-gradient( 90deg , #000000 , black 50% , #080808 , #000000#41;) [0:30 ──|────── 3:30](#"style="font-size: 11px;font-family: 'Font Awesome 5 Brands', gulim; color: #fff;background: #000;text-align: center;display: block;max-width: 300px;margin: auto;padding: 5px 0px;font-style: normal;font-weight: normal;text-decoration: none;background-image: linear-gradient( 90deg , #000000 , black 50% , #080808 , #000000#41;)[      ⇄        ◁        II        ▷         ↻      ](#"style="font-size: 11px;font-family: 'Font Awesome 5 Brands', gulim; color: #fff;background: #000;text-align: center;display: block;max-width: 300px;margin: auto;padding: 5px 0px 11px 0px;font-style: normal;font-weight: normal;text-decoration: none;letter-spacing: 6px;border-radius: 0px 0px 10px 10px;background-image: linear-gradient( 90deg , #000000 , black 50% , #080808 , #000000#41;)

 

반사 느와르

/desc [NOW PLAYING ────────────](#"style="font-size: 11px;font-family: 'Candal'; color: #000;text-shadow: -3px 9px 1px #ffffff, -14px 9px 1px #ffffff, -17px 9px 2px #ffffff, -6px 9px 1px #ffffff, 0px 9px 1px #ffffff, -7px 11px 3px #ffffff, -4px 9px 1px #ffffff, -6px 16px 2px #2a2a2a, 0 0 3px #7c7c7c, 0 0 8px #e3e3e3, 0 0 3px #7c7c7c, 0 0 8px #e3e3e3, 0 0 3px #7c7c7c, 0 0 8px #e3e3e3; display: block;max-width: 300px;margin: auto; padding: 6px 5px; font-weight: normal; text-decoration: none;)[  　?{BGM제목|10자 이하 추천} 　](?{URL|BGM 링크} #" style="font-size: 11px; font-family: 'Font Awesome 5 Brands', gulim; color: #fff; background: #000; text-align: center; display: block;max-width: 300px;margin: auto; padding: 5px 0px; font-style: normal; font-weight: normal; text-decoration: none; letter-spacing: -1px; border-radius: 10px 10px 0px 0px;text-shadow: -3px 10px 1.1px #262626, 0 0 3px #000000, 0 0 8px #e3e3e3, 72px -7px 32px #ffffff, 72px -7px 32px #ffffff, 72px -7px 32px #95d3ff, 72px -7px 32px #6c2f65, 72px -7px 32px #080fff, 55px -7px 20px #ff5959, -72px 66px 16px #9083ff, 79px 76px 4px #ffffff, 85px 79px 5px #ffffff, 87px 78px 5px #ffffff, 111px 78px 5px #ffffff, 144px 78px 5px #ffffff, -80px 53px 20px #9f405f, -80px 53px 78px #ff90b4, -80px 53px 78px #000000, 7px 20px 16px #484848, -95px 8px 16px #484848, -125px 25px 16px #484848; background-image: linear-gradient( 90deg , #000000 , black 50% , #141414 60%, #000000)) [0:30 ──|────── 3:30](#"style="font-size: 11px;font-family: 'Font Awesome 5 Brands', gulim; color: #fff;background: #000;text-align: center;display: block;max-width: 300px;margin: auto;padding: 5px 0px;font-style: normal;font-weight: normal;text-decoration: none;background-image: linear-gradient( 90deg , #000000 , black 50% , #141414 60%, #000000))[      ⇄        ◁        II        ▷         ↻      ](#"style="font-size: 11px;font-family: 'Font Awesome 5 Brands', gulim; color: #fff;background: #000;text-align: center;display: block;max-width: 300px;margin: auto;padding: 5px 0px 11px 0px;font-style: normal;font-weight: normal;text-decoration: none;letter-spacing: 6px;border-radius: 0px 0px 10px 10px; background-image: linear-gradient( 90deg , #000000 , black 50% , #141414 60%, #000000))

 

반사 느와르+

/desc [NOW PLAYING ────────────](#"style="font-size: 11px;font-family: 'Candal'; color: #000;text-shadow: -3px 9px 1px #ffffff, -14px 9px 1px #ffffff, -17px 9px 2px #ffffff, -6px 9px 1px #ffffff, 0px 9px 1px #ffffff, -7px 11px 3px #ffffff, -4px 9px 1px #ffffff, -6px 16px 2px #2a2a2a, 0 0 3px #7c7c7c, 0 0 8px #e3e3e3, 0 0 3px #7c7c7c, 0 0 8px #e3e3e3, 0 0 3px #7c7c7c, 0 0 8px #e3e3e3; display: block;max-width: 300px;margin: auto; padding: 6px 5px; font-weight: normal; text-decoration: none;)[  　?{BGM제목|10자 이하 추천} 　](?{URL|BGM 링크} #" style="font-size: 11px; font-family: 'Font Awesome 5 Brands', gulim; color: #fff; background: #000; text-align: center; display: block;max-width: 300px;margin: auto; padding: 5px 0px; font-style: normal; font-weight: normal; text-decoration: none; letter-spacing: -1px; border-radius: 10px 10px 0px 0px;text-shadow: -5px 10px 1.1px #262626, 0 0 3px #000000, 0 0 8px #e3e3e3, 72px -7px 32px #ffffff, 72px -7px 32px #ffffff, 72px -7px 32px #95d3ff, 72px -7px 32px #6c2f65, 72px -7px 32px #080fff, 55px -7px 20px #ff5959, -72px 66px 16px #9083ff, 79px 76px 4px #ffffff, 85px 79px 5px #ffffff, 87px 78px 5px #ffffff, 97px 71px 14px #ffffff, 116px 74px 12px #ffffff, 55px 36px 4px #000000, 55px 36px 5px #000000, 58px 39px 8px #000000, 20px 34px 2px #000000, 41px 36px 7px #2c2c2c, 53px 36px 4px #976d6d, -80px 53px 20px #cb738f, -80px 53px 20px #7e1a3a, -80px 53px 40px #95fff5, 7px 20px 16px #484848, -95px 8px 16px #484848, -83px 35px 20px #000000, -96px 67px 2px #2a0012, -28px 66px 2px #2e0000, 39px 66px 2px #380000; background-image: linear-gradient( 90deg , #000000 , black 50% , #141414 60%, #000000)) [0:30 ──|────── 3:30](#"style="font-size: 11px;font-family: 'Font Awesome 5 Brands', gulim; color: #fff;background: #000;text-align: center;display: block;max-width: 300px;margin: auto;padding: 5px 0px;font-style: normal;font-weight: normal;text-decoration: none;background-image: linear-gradient( 90deg , #000000 , black 50% , #141414 60%, #000000))[      ⇄        ◁        II        ▷         ↻      ](#"style="font-size: 11px;font-family: 'Font Awesome 5 Brands', gulim; color: #fff;background: #000;text-align: center;display: block;max-width: 300px;margin: auto;padding: 5px 0px 11px 0px;font-style: normal;font-weight: normal;text-decoration: none;letter-spacing: 6px;border-radius: 0px 0px 10px 10px; background-image: linear-gradient( 90deg , #000000 , black 50% , #141414 60%, #000000))

 

 

 

파스텔 BGM 버튼

 

파스텔

/desc [NOW PLAYING ────────────](#"style="font-size: 11px;font-family: 'Candal'; color: #fff; display: block;max-width: 300px;margin: auto; padding: 6px 5px; font-weight: normal; text-decoration: none; text-shadow: 0 0 3px #000000, 0 0 3px #f7f7f7, -3px -2px 3px #ffbcd8, 2px 2px 5px #c3e9ff, -14px 2px 11px #ffbcd8, 4px 1px 12px #a5b8ff;)[  　?{BGM제목|25자 이하 추천} 　](?{URL|BGM 링크} #" style="font-size: 11px; font-family: 'Font Awesome 5 Brands', gulim; color: #000; text-align: center; display: block;max-width: 300px;margin: auto; padding: 5px 0px; font-style: normal; font-weight: normal; text-decoration: none; letter-spacing: -1px; border-radius: 10px 10px 0px 0px; box-shadow: 1px 0px 4px #cfcfcf; 0 0 1px #878787, 0 0 2px #fff0f0, -1px 0px 1px #fff2f7, 3px 1px 2px #e0f4ff; background-image: linear-gradient(90deg, #fff2f2,white, #fff6f6, #f1f3f3#41;) [0:30 ──|────── 3:30](#"style="font-size: 11px;font-family: 'Font Awesome 5 Brands', gulim; color: #000; text-align: center; display: block;max-width: 300px;margin: auto; padding: 5px 0px; font-style: normal; font-weight: normal; text-decoration: none; text-shadow: 0 0 1px #878787; box-shadow: 1px 3px 4px #cfcfcf; background-image: linear-gradient(90deg, #fff2f2,white, #fff6f6, #f1f3f3#41;)[      ⇄        ◁        II        ▷         ↻      ](#"style="font-size: 11px;font-family: 'Font Awesome 5 Brands', gulim; color: #000; text-align: center; display: block;max-width: 300px;margin: auto; padding: 5px 0px 11px 0px; font-style: normal; font-weight: normal; text-decoration: none; letter-spacing: 6px; border-radius: 0px 0px 10px 10px; text-shadow: 0 0 1px #878787; box-shadow: 0px 3px 4px #cfcfcf; background-image: linear-gradient(90deg, #fff2f2,white, #fff6f6, #f1f3f3#41;)

 

 

파스텔+

/desc [NOW PLAYING ────────────](#"style="font-size: 11px;font-family: 'Candal'; color: #fff; display: block;max-width: 300px;margin: auto; padding: 6px 5px; font-weight: normal; text-decoration: none; text-shadow: 0 0 3px #000000, 0 0 3px #f7f7f7, -3px -2px 3px #ffbcd8, 2px 2px 5px #c3e9ff, -14px 2px 11px #ffbcd8, 4px 1px 12px #a5b8ff;)[  　?{BGM제목|25자 이하 추천} 　](?{URL|BGM 링크} #" style="font-size: 11px; font-family: 'Font Awesome 5 Brands', gulim; color: #fff; text-align: center; display: block;max-width: 300px;margin: auto; padding: 5px 0px; font-style: normal; font-weight: normal; text-decoration: none; letter-spacing: -1px; border-radius: 10px 10px 0px 0px; box-shadow: 1px 0px 4px #cfcfcf; text-shadow: 0 0 1px #ffe5e5, 0 0 1px #362020, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 5px #ffebeb, 0 0 3px #a78687, 0 0 2px #fff0f0, -1px 0px 1px #fff2f7, 3px 1px 2px #e0f4ff; border: 1px groove #ffffff; border-bottom: none; background-image: linear-gradient(90deg, #fff2f2,white, #fff6f6, #f1f3f3)) [0:30 ──|────── 3:30](#"style="font-size: 11px;font-family: 'Font Awesome 5 Brands', gulim; color: #fff; text-align: center; display: block;max-width: 300px;margin: auto; padding: 5px 0px; font-style: normal; font-weight: normal; text-decoration: none; box-shadow: 1px 3px 4px #cfcfcf; text-shadow: 0 0 1px #ffe5e5, 0 0 1px #362020, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 5px #ffebeb, 0 0 3px #a78687, 0 0 2px #fff0f0, -1px 0px 1px #fff2f7, 3px 1px 2px #e0f4ff; border: 1px groove #ffffff; border-top: none; border-bottom: none; border-left: #ffffff solid 1px;background-image: linear-gradient(90deg, #fff2f2,white, #fff6f6, #f1f3f3))[      ⇄        ◁        II        ▷         ↻      ](#"style="font-size: 11px;font-family: 'Font Awesome 5 Brands', gulim; color: #fff; text-align: center; display: block;max-width: 300px;margin: auto; padding: 5px 0px 11px 0px; font-style: normal; font-weight: normal; text-decoration: none; letter-spacing: 6px; border-radius: 0px 0px 10px 10px; text-shadow: 0 0 1px #878787; text-shadow: 0 0 1px #ffe5e5, 0 0 1px #362020, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 5px #ffebeb, 0 0 3px #a78687, 0 0 2px #fff0f0, -1px 0px 1px #fff2f7, 3px 1px 2px #e0f4ff; box-shadow: 0px 3px 4px #cfcfcf; border: 1px groove #ffffff; border-top: none; background-image: linear-gradient(90deg, #fff2f2,white, #fff6f6, #f1f3f3))

 

TV 노이즈 BGM 버튼 / 차례대로 도시, 글리치, 검은 화면 1, 2

• TV 사진은 무료 이미지 가공해서 imgur에 업로드했던 것들입니다. 사이즈 조절 잘못해서 커지면 엄청 커져요... (1152px) 조심!
• 아래 재생바 시작 시간, 종료 시간도 매크로로 입력 가능. 재생바는 따로 움직여줘야 합니다.
• <CATCH BUNNY 777> 시나리오에 갔을 때 사용한 매크로라 관련 디자인이 되어있습니다. ^^;

 

도시

/desc [bgm도시](https://i.imgur.com/MiM57H8.png)[      ♬   　?{BGM제목|20자 이하 추천} 　](?{URL|BGM 링크} #" style="font-size: 11px; font-family: 'Font Awesome 5 Brands', gulim; color: #fff; max-width:1152px; margin:auto;background: #000;text-align: center;padding: 5px 0px;font-style: normal;font-weight: normal;text-decoration: none;letter-spacing: -1px;display: block;text-shadow: -1px -1px 0px #004848, 1px 1px 0px #340034, -1px -1px 2px #00ffff, 1px 1px 2px #ff00ff;) [?{시작시간|0:30} ──|────── ?{종료시간|3:30}](#"style="font-size: 11px;font-family: 'Font Awesome 5 Brands', gulim; color: #fff; max-width:1152px; margin:auto;background: #000;text-align: center;padding: 5px 0px;font-style: normal;font-weight: normal;text-decoration: none;display: block;)[      ⇄        ◁        II        ▷         ↻      ](#"style="font-size: 11px;font-family: 'Font Awesome 5 Brands', gulim;  color: #fff; max-width:1152px; margin:auto;background: #000;text-align: center;padding: 5px 0px;font-style: normal;font-weight: normal;text-decoration: none;letter-spacing: 6px;display: block;)

 

 

글리치

/desc [bgm글리치](https://i.imgur.com/6Q7OK3y.png)[      ♬   　?{BGM제목|20자 이하 추천} 　](?{URL|BGM 링크} #" style="font-size: 11px; font-family: 'Font Awesome 5 Brands', gulim; color: #fff; max-width:1152px; margin:auto;background: #000;text-align: center;padding: 5px 0px;font-style: normal;font-weight: normal;text-decoration: none;letter-spacing: -1px;display: block;text-shadow: -1px -1px 0px #004848, 1px 1px 0px #340034, -1px -1px 2px #00ffff, 1px 1px 2px #ff00ff;) [?{시작시간|0:30} ──|────── ?{종료시간|3:30}](#"style="font-size: 11px;font-family: 'Font Awesome 5 Brands', gulim; color: #fff; max-width:1152px; margin:auto;background: #000;text-align: center;padding: 5px 0px;font-style: normal;font-weight: normal;text-decoration: none;display: block;)[      ⇄        ◁        II        ▷         ↻      ](#"style="font-size: 11px;font-family: 'Font Awesome 5 Brands', gulim;  color: #fff; max-width:1152px; margin:auto;background: #000;text-align: center;padding: 5px 0px;font-style: normal;font-weight: normal;text-decoration: none;letter-spacing: 6px;display: block;)

 

 

검은 화면 1

/desc [bgm검은화면1](https://i.imgur.com/8MRRlTy.png)[      ♬   　?{BGM제목|20자 이하 추천} 　](?{URL|BGM 링크} #" style="font-size: 11px; font-family: 'Font Awesome 5 Brands', gulim; color: #fff; max-width:1152px; margin:auto;background: #000;text-align: center;padding: 5px 0px;font-style: normal;font-weight: normal;text-decoration: none;letter-spacing: -1px;display: block;text-shadow: -1px -1px 0px #004848, 1px 1px 0px #340034, -1px -1px 2px #00ffff, 1px 1px 2px #ff00ff;) [?{시작시간|0:30} ──|────── ?{종료시간|3:30}](#"style="font-size: 11px;font-family: 'Font Awesome 5 Brands', gulim; color: #fff; max-width:1152px; margin:auto;background: #000;text-align: center;padding: 5px 0px;font-style: normal;font-weight: normal;text-decoration: none;display: block;)[      ⇄        ◁        II        ▷         ↻      ](#"style="font-size: 11px;font-family: 'Font Awesome 5 Brands', gulim;  color: #fff; max-width:1152px; margin:auto;background: #000;text-align: center;padding: 5px 0px;font-style: normal;font-weight: normal;text-decoration: none;letter-spacing: 6px;display: block;)

 

 

 

검은 화면 2

/desc [bgm검은화면2](https://i.imgur.com/LrWgeBt.png)[      ♬   　?{BGM제목|20자 이하 추천} 　](?{URL|BGM 링크} #" style="font-size: 11px; font-family: 'Font Awesome 5 Brands', gulim; color: #fff; max-width:1152px; margin:auto;background: #000;text-align: center;padding: 5px 0px;font-style: normal;font-weight: normal;text-decoration: none;letter-spacing: -1px;display: block;text-shadow: -1px -1px 0px #004848, 1px 1px 0px #340034, -1px -1px 2px #00ffff, 1px 1px 2px #ff00ff;) [?{시작시간|0:30} ──|────── ?{종료시간|3:30}](#"style="font-size: 11px;font-family: 'Font Awesome 5 Brands', gulim; color: #fff; max-width:1152px; margin:auto;background: #000;text-align: center;padding: 5px 0px;font-style: normal;font-weight: normal;text-decoration: none;display: block;)[      ⇄        ◁        II        ▷         ↻      ](#"style="font-size: 11px;font-family: 'Font Awesome 5 Brands', gulim;  color: #fff; max-width:1152px; margin:auto;background: #000;text-align: center;padding: 5px 0px;font-style: normal;font-weight: normal;text-decoration: none;letter-spacing: 6px;display: block;)

 

 

 

간단심플 BGM바

• 시나리오 성격에 따라 앞에 아이콘 바꿔서 넣어주면 귀엽습니다.

/desc [📦　?{BGM제목|20자 이하 추천}](?{URL|BGM 링크} #" style="font-size: 12px; font-family: 'Font Awesome 5 Brands', gulim; color: #000; background: #ffffff; text-align: center; display: inline-block; padding: 5px 15px; font-style: normal !important; font-weight: normal !important; border-radius: 20px; margin-left: -4px; text-decoration: none; box-shadow: 0px 0px 5px 0px #747474; letter-spacing: -1px;)

 

 

 

차례대로 흰색, 오렌지시안, 레드, 공포

다크모드에서는 이런 느낌

• font-family를 KoPubWorld돋움체로 설정해놔서 그 폰트를 소지하고 계신 분이라면 Roll20 내장 폰트말고 저런 식으로 보여집니다. 반대로 없으신 분은 내장 폰트로 나오기 때문에 사진과는 다르게 보일 수 있어요.

흰색

/desc [♬　     ?{BGM제목|20자 이하 추천}        　▶ ■](?{URL|BGM 링크} #" style="text-decoration: none;font-style: normal;text-align: center;display: inline-block;color: #000;letter-spacing: -1px;font-family: 'kopubworld돋움체' , 'ridibatang' , 'font awesome 5 brands';border-radius: 20px;padding: 5px 15px;margin-left: -4px;background: #ffffff;text-shadow: 0px 0px 2px #9a9496, 0px 0px 1px #18362a, 0px 0px 3px #ffffff;box-shadow: inset 1px 3px 1px 0px #ffffff, inset 0px 0px 1px 0px #2e2e2e, inset 0px 0px 1px 0px #2e2e2e, inset 0px 1px 0px 0px #a2a9bd, inset -4px -1px 13px 0px #dce5f1, inset 1px -1px 3px 0px #a8c6eb, inset 1px 2px 4px 0px #c9c9c9, 0px 0px 3px 0px #b9b9b9;)

 

 

오렌지시안

/desc [♬　     ?{BGM제목|20자 이하 추천}        　▶ ■](?{URL|BGM 링크} #" style="text-decoration: none;font-style: normal;text-align: center;display: inline-block;color: #ffffff;letter-spacing: -1px;font-family: 'kopubworld돋움체' , 'ridibatang' , 'font awesome 5 brands';border-radius: 20px;padding: 5px 15px;margin-left: -4px;background: #742d30;text-shadow: 0px 0px 2px #234e3d, 0px 0px 2px #0f2a1f;box-shadow: inset 0px 0px 6px 0px #e9d2c7, inset 0px 0px 3px 0px #a18686, inset 0px 1px 0px 0px #fff6d4, 0px 0px 4px 0px #7c7c7c;background-image: linear-gradient(263deg , #b8ddc4 , #f18949))

 

 

레드

/desc [♬　     ?{BGM제목|20자 이하 추천}        　▶ ■](?{URL|BGM 링크} #" style="text-decoration: none;font-style: normal;text-align: center;display: inline-block;color: #ffffff;letter-spacing: -1px;font-family: 'kopubworld돋움체' , 'ridibatang' , 'font awesome 5 brands';border-radius: 20px;padding: 5px 15px;margin-left: -4px;background: #742d30;text-shadow: 0px 0px 2px #0f2a1f, 0px 0px 2px #0f2a1f;box-shadow: inset 0px 0px 6px 0px #704a4a, inset 0px 0px 3px 0px #343434, inset 0px 1px 0px 0px #e59cc1,  0px 0px 2px 0px #1c1c1c;background-image: linear-gradient(263deg , #8d0033 , #990303 ))

 

 

공포

/desc [♬　     ?{BGM제목|20자 이하 추천}        　▶ ■](?{URL|BGM 링크} #" style="text-decoration: none;font-style: normal;text-align: center;display: inline-block;color: #ff0000;letter-spacing: -1px;font-family: 'kopubworld돋움체' , 'ridibatang' , 'font awesome 5 brands';border-radius: 20px;padding: 5px 15px;margin-left: -4px;background: #000;text-shadow: 0px 0px 2px #234e3d, 0px 0px 2px #0f2a1f;box-shadow: inset 0px 0px 6px 0px #521b1b, inset 0px 0px 4px 0px #301717, inset 0px 1px 0px 0px #ffb2d9, 0px 0px 2px 0px #1c1c1c;)

 

 

추가 색. 차례대로 분홍, 하늘

 

분홍

/desc [♬　     ?{BGM제목|20자 이하 추천}        　▶ ■](?{URL|BGM 링크} #" style="text-decoration: none;font-style: normal;text-align: center;display: inline-block;color: #ffffff;letter-spacing: -1px;font-family: 'kopubworld돋움체' , 'ridibatang' , 'font awesome 5 brands';border-radius: 20px;padding: 5px 15px;margin-left: -4px;background: #742d30;text-shadow: 0px 0px 2px #4e233d, 0px 0px 2px #2e3a25;box-shadow: inset 0px 0px 6px 0px #d9c1c1, inset 0px 0px 3px 0px #e3e6e9, inset 0px 1px 0px 0px #ffffff, 0px 0px 4px 0px #a36363;background-image: linear-gradient(263deg , #f09897 , #ff958f))

 

 

하늘

/desc [♬　     ?{BGM제목|20자 이하 추천}        　▶ ■](?{URL|BGM 링크} #" style="text-decoration: none;font-style: normal;text-align: center;display: inline-block;color: #ffffff;letter-spacing: -1px;font-family: 'kopubworld돋움체' , 'ridibatang' , 'font awesome 5 brands';border-radius: 20px;padding: 5px 15px;margin-left: -4px;background: #742d30;text-shadow: 0px 0px 2px #234e3d, 0px 0px 2px #0f2a1f;box-shadow: inset 0px 0px 6px 0px #c1d6d9, inset 0px 0px 3px 0px #e3e6e9, inset 0px 1px 0px 0px #ffffff, 0px 0px 4px 0px #46625f;background-image: linear-gradient(263deg , #5abfbf , #81bccb))