취록의 플로리아용 선언+굴림 롤꾸코드

나는... pro를 쓰지 않아서 커스텀 시트를 쓰지 못하지만 세션하는 내내 스킬 선언하기가 너무 불편하다!

하는 분들을 위해 적당히 만든 롤꾸 CSS 코드.

 

코드블럭 내의 코드를 복사하신 뒤에 내용을 채워넣도록 합시다.

그 뒤에 roll20의 Abilities에 등록한 후에 사용하시면 됩니다. 매크로도 괜찮지만 목표치 수식을 쓰시는 분은 꼭 어빌리티에.

 

 

필독: 영문 모른 채 롤꾸깨짐을 겪지 않도록 작성하는 주의사항.

• 롤꾸 내에 [나 ]를 쓰게 되면 롤꾸가 깨집니다. 깨진 css코드가 채팅으로 출력되어요.
• 마지막 효과 줄을 비워두면 롤꾸가 깨집니다. 깨진 css코드가 채팅으로 출력되어요.
• <!-- -->를 통째로 지우고 내용을 채워넣으셔도 좋지만 안하셔도 무방합니다 (<!--부터 --> 안에 든 내용은 인식되지 않고, 출력되지 않습니다.)
• 목표치에 숫자나 수식을 넣어야 굴러갑니다.

이런 롤꾸선언을 논프로(무료)유저도 사용할 수 있어요.

 

마법 선언 코드

[**<!--마법이름-->**](# "style=" border-radius: 10px 10px 0px 0px;font-size: 18px; font-family: 'Noto sans KR'; !important; color: white; background: #00801D; text-align: center; display: block; padding: 10px 15px; padding-bottom: 2px; font-style: normal; !important; font-weight: bold; !important;  margin-left: -4px; text-decoration: none; box-shadow: -4px 4px 0 lightgrey; letter-spacing: -1px; border: 1px solid lightgrey; border-bottom: none;)[<!-- 예리한 가시라던가, 비호하는 잎이라던가 그런걸 쓰는 공간 -->의 마법](# "style="font-size: 11px; font-family: 'Noto sans KR'; !important; color: white; background: #00801D; text-align: center; display: block; padding: 2px 15px; padding-bottom: 5px; font-style: normal; !important; font-weight: bold; !important;  margin-left: -4px; text-decoration: none; border: 1px solid lightgrey; border-top: none; box-shadow: -4px 4px 0 lightgrey; letter-spacing: 0px;)[코스트 | **<!--코스트-->**](# "style="font-size: 0.8em; font-family: 'Noto sans KR'; !important; color: black; background: white; text-align: left; display: block; padding: 10px 15px; padding-bottom: 2px; font-style: normal; !important; font-weight: normal; !important;  margin-left: -4px; text-decoration: none; border: 1px lightgrey solid; border-top: none; border-bottom: none; box-shadow: -4px 4px 0 lightgrey; letter-spacing: 0px;)[진　영 | **<!--진영-->**](# "style="font-size: 0.8em; font-family: 'Noto sans KR'; !important; color: black; background: white; text-align: left; display: block; padding: 2px 15px; padding-bottom: 2px; font-style: normal; !important; font-weight: normal; !important;  margin-left: -4px; text-decoration: none; border: 1px lightgrey solid; border-top: none; border-bottom: none; box-shadow: -4px 4px 0 lightgrey; letter-spacing: 0px;)[비　고 | **-<!--비고, 보통은 비어있으나 펑거스(서플 Tricorole Trip 추가 매직스타일)는 이 란을 씁니다.-->**](# "style="font-size: 0.8em; font-family: 'Noto sans KR'; !important; color: black; background: white; text-align: left; display: block; padding: 2px 15px; padding-bottom: 2px; font-style: normal; !important; font-weight: normal; !important;  margin-left: -4px; text-decoration: none; border: 1px lightgrey solid; border-top: none; border-bottom: none; box-shadow: -4px 4px 0 lightgrey; letter-spacing: 0px;)[￣￣￣￣￣￣￣￣](# "style="font-size: 0.8em; font-family: 'Noto sans KR'; !important; color: black; background: white; text-align: center; display: block; padding: 2px 15px; padding-bottom: 2px; font-style: normal; !important; font-weight: normal; !important;  margin-left: -4px; text-decoration: none; border: 1px lightgrey solid; border-top: none; border-bottom: none; box-shadow: -4px 4px 0 lightgrey; letter-spacing: 0px;)[<!--효과를 여기에 작성합시다. 빈칸으로 두면 css깨짐이 일어납니다.-->](# "style="font-size: 1em; font-family: 'Noto sans KR'; !important; color: black; background: white; text-align: left; display: block; padding: 2px 15px; padding-bottom: 10px; font-style: normal; !important; font-weight: normal; !important;  margin-left: -4px; text-decoration: none; border: 1px lightgrey solid; border-top: none; box-shadow: -4px 4px 0 lightgrey; letter-spacing: 0px; border-radius: 0 0 10px 10px;)
[마법 행사 판정](# "style=" border-radius: 50px 50px 50px 50px; font-size: 14px; font-family: 'Noto sans KR'; !important; color: white; background: #00801D; text-align: center; display: block; padding: 10px 15px 10px 15px; font-style: normal; !important; font-weight: bold; !important;  margin-left: -4px; text-decoration: none; box-shadow: -4px 4px 0 lightgrey; letter-spacing: -1px; border: 1px lightgrey solid;)
[[<!-- 이 부분에 목표치를 계산하는 수식을 넣어줍시다.-->]][**목표치**](# "style=" font-family: 'Noto sans KR'; !important; color: white; background: lightgrey; text-align: center; display:inline-block; width:70px; padding-left: 4px; padding-right:4px; padding-top: -4px; padding-bottom: 6px; height: 13px; border: 1px lightgrey solid; box-shadow: -4px 4px 0 none; text-decoration:none;)　[[2d6]][**달성치**](# "style=" font-family: 'Noto sans KR'; !important; color: white; background: #00801D; text-align: center; display:inline-block; width:70px; padding-left: 4px; padding-right:4px; padding-top: -4px; padding-bottom: 6px; height: 13px; border: 1px #00801D solid; box-shadow: -4px 4px 0 none; text-decoration:none;)

 

 

이건 스킬 선언용 코드입니다.

스킬 선언용 코드

[**<!--스킬이름-->**](# "style=" border-radius: 10px 10px 0px 0px;font-size: 18px; font-family: 'Noto sans KR'; !important; color: white; background: #00801D; text-align: center; display: block; padding: 10px 15px; padding-bottom: 2px; font-style: normal; !important; font-weight: bold; !important;  margin-left: -4px; text-decoration: none; box-shadow: -4px 4px 0 lightgrey; letter-spacing: -1px; border: 1px solid lightgrey; border-bottom: none;)[<!--라이프스타일이나 종족같은걸 씁니다--> 스킬](# "style="font-size: 11px; font-family: 'Noto sans KR'; !important; color: white; background: #00801D; text-align: center; display: block; padding: 2px 15px; padding-bottom: 5px; font-style: normal; !important; font-weight: bold; !important;  margin-left: -4px; text-decoration: none; border: 1px solid lightgrey; border-top: none; box-shadow: -4px 4px 0 lightgrey; letter-spacing: 0px;)[사용조건 | **<!--스킬 사용조건을 입력합니다-->**](# "style="font-size: 0.8em; font-family: 'Noto sans KR'; !important; color: black; background: white; text-align: left; display: block; padding: 10px 15px; padding-bottom: 2px; font-style: normal; !important; font-weight: normal; !important;  margin-left: -4px; text-decoration: none; border: 1px lightgrey solid; border-top: none; border-bottom: none; box-shadow: -4px 4px 0 lightgrey; letter-spacing: 0px;)[비　고 | **<!--비고를 작성하는 란-->**](# "style="font-size: 0.8em; font-family: 'Noto sans KR'; !important; color: black; background: white; text-align: left; display: block; padding: 2px 15px; padding-bottom: 2px; font-style: normal; !important; font-weight: normal; !important;  margin-left: -4px; text-decoration: none; border: 1px lightgrey solid; border-top: none; border-bottom: none; box-shadow: -4px 4px 0 lightgrey; letter-spacing: 0px;)[￣￣￣￣￣￣￣￣](# "style="font-size: 0.8em; font-family: 'Noto sans KR'; !important; color: black; background: white; text-align: center; display: block; padding: 2px 15px; padding-bottom: 2px; font-style: normal; !important; font-weight: normal; !important;  margin-left: -4px; text-decoration: none; border: 1px lightgrey solid; border-top: none; border-bottom: none; box-shadow: -4px 4px 0 lightgrey; letter-spacing: 0px;)[<!--스킬효과를 입력하는 란입니다. 마찬가지로 비워두면 깨집니다. 내용이 없어도 - 작대기 하나라도 그어줍시다. -->](# "style="font-size: 1em; font-family: 'Noto sans KR'; !important; color: black; background: white; text-align: left; display: block; padding: 2px 15px; padding-bottom: 10px; font-style: normal; !important; font-weight: normal; !important;  margin-left: -4px; text-decoration: none; border: 1px lightgrey solid; border-top: none; box-shadow: -4px 4px 0 lightgrey; letter-spacing: 0px; border-radius: 0 0 10px 10px;)

 

 

이렇게 판정만 출력하는 코드

판정용 코드

[<!--판정이름--> 판정](# "style=" border-radius: 50px 50px 50px 50px; font-size: 14px; font-family: 'Noto sans KR'; !important; color: white; background: #00801D; text-align: center; display: block; padding: 10px 15px 10px 15px; font-style: normal; !important; font-weight: bold; !important;  margin-left: -4px; text-decoration: none; box-shadow: -4px 4px 0 lightgrey; letter-spacing: -1px; border: 1px lightgrey solid;)
[[<!--목표치 수식을 넣어주세요-->]][**목표치**](# "style=" font-family: 'Noto sans KR'; !important; color: white; background: lightgrey; text-align: center; display:inline-block; width:70px; padding-left: 4px; padding-right:4px; padding-top: -4px; padding-bottom: 6px; height: 13px; border: 1px lightgrey solid; box-shadow: -4px 4px 0 none; text-decoration:none;)　[[2d6]][**달성치**](# "style=" font-family: 'Noto sans KR'; !important; color: white; background: #00801D; text-align: center; display:inline-block; width:70px; padding-left: 4px; padding-right:4px; padding-top: -4px; padding-bottom: 6px; height: 13px; border: 1px #00801D solid; box-shadow: -4px 4px 0 none; text-decoration:none;)

 

나는 저 초록색의 색을 바꾸고싶어서 참을 수 없다!! 하시는 분은 메모장에서 ctrl+H같은걸로 #00801D를 찾으셔서 원하시는 웹컬러코드로 바꿔주시고, 웹컬러코드의 끝이 세미콜론(;)으로 끝나는지 확인하시길 바랍니다.

 

이런것도 가능합니다.

이런것도 되고요.

 

+ 210807 추가

GM의 퀘스트선언도 예쁘게 하고싶다! 하시는 분들을 위한 매크로.

/desc [?{퀘스트 제목}](#" style="background: #F9F7F6; border-left: 0.8em solid #00801D; padding: 0.5em;text-decoration:none; text-align: center; display:block; border-right: 0.8em solid #00801D;) [판정 능력치 : **【?{능력치 1|육체|정신|요령|지혜}】**+**【?{능력치 2|육체|정신|요령|지혜}】**](#" style="background: #e2e2e2; padding: 0.5em;text-decoration:none; text-align: center; display:block; font-style:normal; font-weight:normal; font-size:0.92em; color: #312f39;)[?{이벤트 내용} ](#" style="background: #e2e2e2; padding: 0.5em;text-decoration:none; text-align: center; display:block; font-style:normal; font-weight:normal; font-size:0.8em; color: #312f39;)