์นดํ…Œ๊ณ ๋ฆฌ ์—†์Œ

์ทจ๋ก์˜ ํ”Œ๋กœ๋ฆฌ์•„์šฉ ์„ ์–ธ+๊ตด๋ฆผ ๋กค๊พธ์ฝ”๋“œ

ใ€€ ๐Ÿ– 2021. 8. 1. 08:52

๋‚˜๋Š”... 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;)