롤꾸 CSS 백업

 

지난 마스터링 자료를 뒤지다가 지쳐...

개인적으로 쓰는 거+변형 백업해둠

 

 

 

백업했을 때 밑줄이 안 생기려면 html에서 a style을 span style으로, </a>을 </span>으로 일괄 수정.

+ 화면에 맞춰지는 다이스값은 width: ~~px를 잘 찾아서 ~~px를 100%로 수정. (28px 아님!)

 

 

Roll20 로그편집 사이트: https://factory-roll20-machine.vercel.app/

 

가장 많이 쓰는 롤꾸의 근본: https://posty.pe/iqjzm4

여기에 기능판정이랑... 암튼 뭐가 많다

코드 중에 글자색과 배경색을 잘 노려보면서 색상코드를 바꿔서 쓰면 됨

다른 것들도 밑에 달아둔 출처 링크로 들어가면 응용거리가 많은데, 나는 많이 안 쓴다.

 

기본 매크로

롤꾸 아니고 그냥 쓰는 거

/desc ?{message}

/em : ?{message}

/emas " " ?{message}

 

 

배경 바꾸기

출처: https://posty.pe/79ltjy

근데 지금 보니까 오른쪽 배경이 1px정도 안으로 밀리긴 하는데... 음... 이정돈 그냥 봐주자.

/desc [1번](#" style="text-decoration:none; color:white; background-color:#배경색; display:block; padding:7px; margin:-7px -10px -7px -15px;)
/desc [2번](#" style="text-decoration:none; color:white; background-color:#배경색; display:block; padding:7px; margin:-9px -10px -7px -15px;)
/desc [3번](#" style="font-style: normal; text-decoration:none; color:white; background-color:#배경색; display:block; padding:7px; margin:-7px -10px -7px -15px;)

 

 

캐치프레이즈

출처: https://posty.pe/iqjzm4

/desc [작은 글씨로](#" style="text-decoration: none; color:#333333; font-size:12px; font-weight: normal;)[캐치프레이즈 쓰는 코드](#" style="color:#333333;display:block;text-decoration:none; font-size:12px; font-weight: normal;)

 

 

얇고 기울어진 글씨 매크로

/desc [?{내용}](#" style="text-decoration: none; color:#333333; font-size:13px; font-weight: normal;)

 

글자 색 바꾸는 매크로

/desc [?{내용}](#" style="text-decoration:none; color: #글자색;)

 

핸드아웃 대용 코드

출처: https://posty.pe/9a9fje <이 게시글에 있는 걸 변형함

실제로 쓸 땐 줄바꿈 하지 말고 붙여서 쓴다. 2번째 줄을 복붙해서 늘림

/desc [1번째 줄](#" style="font-size: 14px; font-family: gulim !important; line-height: 170%; color: #333333; background: white; text-align: left; display: block; padding: 10px 15px; padding-bottom: 0; font-style: normal !important; font-weight: normal !important; border-radius: 5px 5px 0 0; margin-left: -4px; text-decoration: none; border: 1px solid; #404040; box-shadow: -4px 4px 0 #404040; letter-spacing: -1px; border-bottom: none; border-bottom: none; color: #404040; )
[2번째 줄](#" style="font-size: 14px; font-family: gulim !important; line-height: 170%; color: #333333; background: white; text-align: left; display: block; padding: 10px 15px; padding-bottom: 0; font-style: normal !important; font-weight: normal !important; margin-left: -4px; text-decoration: none; border: 1px solid; #404040; box-shadow: -4px 4px 0 #404040; letter-spacing: -1px; border-top: none; border-bottom: none; )
[　](#" style="font-size: 2px; font-family: gulim !important; color: #333333; background: white; text-align: left; display: block; padding: 3px 5px; font-style: normal !important; font-weight: normal !important; border-radius: 0 0 5px 5px; margin-left: -4px; text-decoration: none; border: 1px solid; #404040; border-top: none; box-shadow: -4px 4px 0 #404040; letter-spacing: -1px; )

 

핸드아웃 대용 코드 2

출처: 기억이 잘 안 난다.

실제로 쓸 땐 줄바꿈 하지 말고 붙여서 쓴다. 2번째 줄을 복붙해서 늘림

/desc [1번째 줄](#" style="color:#000; font-style: normal !important; font-weight: normal; text-align: center; border-right: #000 1px solid; border-left: #000 1px solid; border-top: #000 1px solid; border-bottom: #fff 1px solid; border-radius: 5px 5px 0px 0px; padding: 5px; display: block;text-decoration:none; background-color:#fff;)
[2번째 줄](#" style="color:#000; font-style: normal !important; font-weight: normal; text-align: center; border-right: #000 1px solid; border-left: #000 1px solid; border-top: #fff 1px solid; border-bottom: #fff 1px solid; padding: 5px; display: block;text-decoration:none; background-color:#fff;)
[마지막 줄](#" style="color:#000; font-style: normal !important; font-weight: normal; text-align: center; border-right: #000 1px solid; border-left: #000 1px solid; border-top: #fff 1px solid; border-bottom: #000 1px solid; border-radius: 0px 0px 5px 5px; padding: 5px; display: block;text-decoration:none; background-color:#fff;)

 

 

카툰 박스

출처: https://posty.pe/dafy7c

가운데 정렬이 된다.

/desc [흰색 배경](#" style="text-decoration:none; color: black; font-weight: bold; padding: 8px; background: White; line-height: 170%; border: 1px solid black; box-shadow: -2px 2px 0px black; display:inline-block; margin: 7px 7px 10px 7px; font-variant:small-caps;)
/desc [금색 배경](#" style="text-decoration:none; color: black; font-weight: bold; padding: 8px; background: gold; line-height: 170%; border: 1px solid black; box-shadow: -2px 2px 0px black; display:inline-block; margin: 7px 7px 10px 7px; font-variant:small-caps;)