3:57 PM
Do it all the time

Data/ETC.

[21.03.12] Roll20 css 모음집

2021. 3. 11. comment

 

무언가 쓸만한 걸 만들었을 때마다 천천히 업데이트합니다.
폰트가 적용된 경우에는 사용자 환경에 따라 다르게 출력될 수 있습니다.
응용법이 무궁무진하니 자유롭게 써주시면 되나 개조 후 업로드하실 때 출처 한 번만 남겨주세요~!

 

 

 

 

하얀색 말풍선

[?{내용}](#" style="color:black; padding-top: 5px; background: white; border-radius: 10px 10px 10px 0; padding: 15px; line-height: 180%; box-shadow: 1px 1px 1px 1px #97A9B9; display: inline-block; ) [?{:|오후|오전}](#" style="color:black; font-size:6px;) [?{시간}](#" style="color: black; font-size:6px;)​

노란색 말풍선

[?{내용}](#" style="color:black; padding-top: 5px; background: #FFEB33; border-radius: 10px 10px 10px 0; padding: 15px; line-height: 180%; box-shadow: 1px 1px 1px 1px #97A9B9; display: inline-block; ) [?{:|오후|오전}](#" style="color:black; font-size:6px;) [?{시간}](#" style="color: black; font-size:6px;)

 

참고: twitter.com/kibkibe_trpg/status/1369960468303863813

 

 


 

 

생각풍선

[ ](#" style="background: white; font-size: 1px; border-radius: 10px; box-shadow: 1px 1px 1px #97A9B9;") [ ](#" style="background: white; font-size: 13px; width: 15px; height: 13px; border-radius: 10px; box-shadow: 1px 1px 1px #97A9B9") [?{내용}](#" style="color:black; padding-top: 5px; background: white; border-radius: 20px; padding: 10px; display: inline-block; box-shadow: 1px 1px 1px #97A9B9" )

 

 


 

 

네온사인

[?{내용}](#" style="font-family: Georgia, serif; font-weight: bold; font-style: italic; color: white; text-shadow: 0 0 2px white, 0 0 3px deeppink, 0 0 10px deeppink, 0 0 15px deeppink;" )

네온사인 배경

[?{내용}](#" style="font-family: Georgia, serif; font-weight: bold; font-style: italic; color: white; text-shadow: 0 0 2px white, 0 0 3px deeppink, 0 0 10px deeppink, 0 0 15px deeppink, 0 0 15px deeppink; display: block; background: black; padding: 10px; text-align: center;" )

 

 


 

 

플레이어 1

/desc [♬](# "style="font-size: 15px; color: salmon; padding: 5px;)  [Now Playing…](# "style=" font-family: 'Contrail One'; letter-spacing: 1px; color: salmon; margin-right: 4px; opacity: 0.5; font-size: 12px; )[?{제목|BGM제목}](?{URL|BGM링크} " style=" border: 1px solid salmon; border-radius: 14px; letter-spacing: 1px; font-family: 'Contrail One', sans-serif; padding: 3px 8px 2px 8px; color: #a4a4a4; font-size: 12px; background: white; box-shadow: 3px 3px 0px #FFAAAA; )

플레이어 2 하양

/desc [💿  ?{BGM제목|15자 이하}  ▶ ■](?{URL|BGM 링크} #" style="font-size: 11px; font-family: gulim !important; color: palevioletred; background: white; 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: 1px dashed palevioletred; box-shadow: 2px 2px 0 lightpink; letter-spacing: -1px; )

플레이어 2 까망

/desc [💿  ?{BGM제목|15자 이하}  ▶ ■]((?{URL|BGM 링크} #" style="font-size: 11px; font-family: gulim !important; color: white; background: black; 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: 1px dashed crimson; box-shadow: 2px 2px 0 crimson; letter-spacing: -1px; )

플레이어 3 하양

/desc [·· MUSIC ··](#" style="font-size: 15px; font-family: Fantasy, gulim !important; color: white; background: white; text-align: center; display: block; padding: 10px 15px; padding-bottom: 0; font-style: normal !important; font-weight: normal !important; border-radius: 20px 20px 0 0; margin-left: -4px; text-decoration: none; border: 1px dashed palevioletred; box-shadow: 2px 2px 0 lightpink; letter-spacing: 2px; border-bottom: none; border-bottom: none; color: lightpink; )[?{BGM제목|15자 이하}](?{URL|BGM 링크} #" style="font-size: 11px; font-family: gulim !important; background: white; text-align: center; display: block; padding: 10px 15px; padding-bottom: 0; font-style: normal !important; font-weight: normal !important; margin-left: -4px; text-decoration: none; border: 1px dashed palevioletred; box-shadow: 2px 2px 0 lightpink; letter-spacing: -1px; border-top: none; border-bottom: none; )[ ▶ ❚❚ ━━━━⊙━━━━━━━─ 0:00 ](#" style="font-size: 11px; font-family: gulim !important; color: lightpink; background: white; text-align: center; display: block; padding: 10px 15px; font-style: normal !important; font-weight: normal !important; border-radius: 0 0 20px 20px; margin-left: -4px; text-decoration: none; border: 1px dashed palevioletred; border-top: none; box-shadow: 2px 2px 0 lightpink; letter-spacing: -1px; )

플레이어 3 까망

/desc [·· MUSIC ··](#" style="font-size: 15px; font-family: Fantasy, gulim !important; color: white; background: black; text-align: center; display: block; padding: 10px 15px; padding-bottom: 0; font-style: normal !important; font-weight: normal !important; border-radius: 20px 20px 0 0; margin-left: -4px; text-decoration: none; border: 1px dashed crimson; box-shadow: 2px 2px 0 crimson; letter-spacing: 2px; border-bottom: none; border-bottom: none; color: lightpink; )[?{BGM제목|15자 이하}](?{URL|BGM 링크} #" style="font-size: 11px; font-family: gulim !important; color: white; background: black; text-align: center; display: block; padding: 10px 15px; padding-bottom: 0; font-style: normal !important; font-weight: normal !important; margin-left: -4px; text-decoration: none; border: 1px dashed crimson; box-shadow: 2px 2px 0 crimson; letter-spacing: -1px; border-top: none; border-bottom: none; )[ ▶ ❚❚ ━━━━⊙━━━━━━━─ 0:00 ](#" style="font-size: 11px; font-family: gulim !important; color: lightpink; background: black; text-align: center; display: block; padding: 10px 15px; font-style: normal !important; font-weight: normal !important; border-radius: 0 0 20px 20px; margin-left: -4px; text-decoration: none; border: 1px dashed crimson; border-top: none; box-shadow: 2px 2px 0 crimson; letter-spacing: -1px; )

 

링크 걸리지 않는 부분 수정했습니다! 

 


 

 

플레이어 채팅

[?{내용}](#" style="font-size: 11px; opacity: 0.4; )

 

 


 

 

카툰박스

[?{내용}](#" style="font-family: 'Comic Sans MS', 'Comic Sans', 'Gulim'; color: black; font-style: italic; font-weight: bold; padding: 8px 12px; background: gold; line-height: 170%; border: 2px solid black; box-shadow: -4px 4px 0px black; display: inline-block;font-variant: small-caps; )

 

 


 

 

.

중이병

[?{할 말}](#" style="text-align: center; font-family: cursive; font-weight: bold; font-style: italic; color: red;)

중이병 가운데정렬

[?{할 말}](#" style="text-align: center; font-family: cursive; font-weight: bold; font-style: italic; color: red; display: block;)

 

 

Scroll to top
myoskin