티스토리 야매 한역/ORPG 로그 정리용 코드

 

하나정돈 이미지를 넣어주는 게 이쁨

 

 

시나리오명 / 페어명

XX·XX·XX

 

A

B 형제님, 기도를 드리러 오셨습니까.

 

B

……예, 뭐…… 혼자 기도 드리는 중이셨습니까? 성실하기도 하시지.

 

A

하하, 성실하다니……. 제가 할 수 있는 일은 이것 뿐이지 않습니까? 신부가 ████ 앞에서 기도 외엔 할 일이 뭐가 있겠습니까만은. A 형제님은 기도를 하러 온 게 아닌 모양인가봅니다. (느긋하게 미소지으나 어쩐지 낯빛이 피곤하게 느껴지는 것 같기도 하고.)

 

B

흐음. (어느새 슬쩍 옆으로 다가와서 흘겨보다가,) ……그렇게 티가 납니까? 뭐, 신부님이 해주시니 제 기도까지는 필요 없을 것 같네요. (그러고는 그제서야 고개 똑바로 돌리고 쳐다본다.)

그런데…… 너무 무리하는 건 아니신지? 눈 밑이 다 거멓네요. 잠은 제대로 주무시면서 하는 겁니까? (묘하게 마음에 안 드는 사람이기는 해도 걱정은 해줘야지. 신부까지 ███로 죽어버리면 이 마을은 ███ ██ 수 밖에 없다.)

 

A

티가 난다기 보다는, 뭐…… 솔직히 언제나 그랬으니까. 어느 날 갑자기 달라지진 않으리라 생각하는 것이죠. (피식피식 웃는 소리가 입 밖으로 작게 새어나간다…….)

 

♬ : 여긴 BGM 넣는 곳

 

여긴 DESC 적는 곳

글자는 대충 글 수정 화면에서 바꿔도 되는데

아래에 있는 인장 넣는 부분은... HTML로 바꿔야함

바꾸는 법: 일단 글 수정 모드를 HTML로 바꿔서 image-container hy 클래스의 src 부분을 지우고 넣으려는 이미지 주소를 넣으면 됩니다

그러니까 예시: <div class="image-container hy" style="display: table !important; margin: auto;"><img style="border-radius: 50%; box-shadow: 0 15px 25px -10px rgb(0 0 0 / 10%), 0 0 7px rgb(0 0 0 / 5%); width: 200px; margin: 0px 10px;" src="대충뭐뭐뭐.png" /><img style="border-radius: 50%; box-shadow: 0 15px 25px -10px rgb(0 0 0 / 10%), 0 0 7px rgb(0 0 0 / 5%); width: 200px; margin: 0px 10px;" src="대충뭐뭐뭐2.png /> 이상태일텐데

대충뭐뭐뭐.png 부분을 지우고 원하는 이미지 주소 복붙해서 넣으시면 됨~ ORPG 로그 백업할 때 인장 주소 갈듯이 가시면 돼요~ 임시로 제가 좋아하는 앨범 커버를 넣어놨습니다 ^__^

아 그리고 캐릭터 이름도 HTML에서 바꾸는 게 좋음 왼쪽(A)는 기본 수정모드에서 바꿔도 안깨지는데 오른쪽은 깨지더라고요

 

 

 

A

 

B

 

 

 

<div class="tt_article_hy">
<h2 class="hy_name" style="text-align: center; border-left: 5px solid; border-left-color: #f0f0f0; display: table; margin: auto; padding: 0 10px; background: #fff; border-radius: 10px; box-shadow: inset 0 0 74px -3px #f0f0f0, 0 1px 25px -10px rgb(0 0 0 / 10%), 0 0 2px rgb(0 0 0 / 5%); letter-spacing: 7px; text-shadow: #afb8c133 2px 3px; font-family: unset;color: #000;" data-ke-size="size26">시나리오명 / 페어명</h2>
<p style="text-align: center; margin-top: 5px !important; color: #7c7c7c; letter-spacing: 10px;" data-ke-size="size14">XX·XX·XX</p>
<p style="text-align: left;" data-ke-size="size16">&nbsp;</p>
<p style="text-align: left;" data-ke-size="size16">A</p>
<blockquote style="background: rgb(255 255 255 / 75%); border-radius: 10px; border: none; box-shadow: 0 10px 25px -10px rgb(0 0 0 / 10%), 0 0 7px rgb(0 0 0 / 5%); text-align: left; padding: 10px 10px; color: #000; line-height: normal; font-size: unset;">대사</blockquote>
<p style="text-align: center;" data-ke-size="size16">&nbsp;</p>
<p class="hy_name" style="text-align: right;" data-ke-size="size16">B</p>
<blockquote style="background: rgb(255 255 255 / 75%); border-radius: 10px; border: none; box-shadow: 0 10px 25px -10px rgb(0 0 0 / 10%), 0 0 7px rgb(0 0 0 / 5%); text-align: left; padding: 10px 10px; color: #000; line-height: normal; font-size: unset;">대사</blockquote>
<p style="text-align: center;" data-ke-size="size16">&nbsp;</p>
<p class="hy_name" style="text-align: left;" data-ke-size="size16">A</p>
<blockquote style="background: rgb(255 255 255 / 75%); border-radius: 10px; border: none; box-shadow: 0 10px 25px -10px rgb(0 0 0 / 10%), 0 0 7px rgb(0 0 0 / 5%); text-align: left; padding: 10px 10px; color: #000; line-height: normal; font-size: unset;">대사</blockquote>
<p data-ke-size="size16">&nbsp;</p>
<p style="text-align: right;" data-ke-size="size16">B</p>
<blockquote style="background: rgb(255 255 255 / 75%); border-radius: 10px; border: none; box-shadow: 0 10px 25px -10px rgb(0 0 0 / 10%), 0 0 7px rgb(0 0 0 / 5%); text-align: left; padding: 10px 10px; color: #000; line-height: normal; font-size: unset;">대사</blockquote>
<blockquote style="background: rgb(255 255 255 / 75%); border-radius: 10px; border: none; box-shadow: 0 10px 25px -10px rgb(0 0 0 / 10%), 0 0 7px rgb(0 0 0 / 5%); text-align: left; padding: 10px 10px; color: #000; line-height: normal; font-size: unset;">대사</blockquote>
<p style="text-align: center;" data-ke-size="size16">&nbsp;</p>
<p style="text-align: left;" data-ke-size="size16">A</p>
<blockquote style="background: rgb(255 255 255 / 75%); border-radius: 10px; border: none; box-shadow: 0 10px 25px -10px rgb(0 0 0 / 10%), 0 0 7px rgb(0 0 0 / 5%); text-align: left; padding: 10px 10px; color: #000; line-height: normal; font-size: unset;">대사</span></blockquote>
<p data-ke-size="size16">&nbsp;</p>
<p class="hy_bgm" style="text-align: center; background-color: #ededed; border-radius: 10px;" data-ke-size="size16">♬ : <a href="https://youtu.be/j5pnNJGTwX0" target="_blank">여긴 BGM 넣는 곳</a></p>
<p style="text-align: center;" data-ke-size="size16">&nbsp;</p>
<blockquote style="text-align: center; border: none; background: rgb(255 255 255 / 80%); font-weight: bolder; font-family: unset !important; margin: 5px auto !important; color: #333 !important; font-size: 15px;">여긴 DESC 적는 곳</blockquote>
<blockquote style="text-align: center; border: none; background: rgb(255 255 255 / 80%); font-weight: bolder; font-family: unset !important; margin: 5px auto !important; color: #333 !important; font-size: 15px;"><span>DESC</span></blockquote>
<blockquote style="text-align: center; border: none; background: rgb(255 255 255 / 80%); font-weight: bolder; font-family: unset !important; margin: 5px auto !important; color: #333 !important; font-size: 15px;">DESC</blockquote>
<blockquote style="text-align: center; border: none; background: rgb(255 255 255 / 80%); font-weight: bolder; font-family: unset !important; margin: 5px auto !important; color: #333 !important; font-size: 15px;">DESC</blockquote>
<blockquote style="text-align: center; border: none; background: rgb(255 255 255 / 80%); font-weight: bolder; font-family: unset !important; margin: 5px auto !important; color: #333 !important; font-size: 15px;">DESC</blockquote>
<blockquote style="text-align: center; border: none; background: rgb(255 255 255 / 80%); font-weight: bolder; font-family: unset !important; margin: 5px auto !important; color: #333 !important; font-size: 15px;"><span>DESC</span></blockquote>
<blockquote style="text-align: center; border: none; background: rgb(255 255 255 / 80%); font-weight: bolder; font-family: unset !important; margin: 5px auto !important; color: #333 !important; font-size: 15px;"><span>DESC</span></blockquote><p data-ke-size="size16">&nbsp;</p>
<p data-ke-size="size16">&nbsp;</p>
<figure class="imagegridblock hy" style="background: linear-gradient(transparent,#fff) !important; padding: 19px; box-shadow: 0px 15px 25px -10px rgb(0 0 0 / 10%); border-radius: 10px;">
<div class="image-container hy" style="display: table !important; margin: auto;">
<div class="image-container hy" style="display: table !important; margin: auto;">&nbsp;</div>
</div>
<figcaption style="display: inline-table; margin: auto; color: #000 !important; font-style: inherit; font-weight: bolder; font-size: 17px; float: left; border-left: 2px solid #bebebe; border-radius: 10px; padding: 10px;">A</figcaption>
<div class="image-container hy" style="display: table !important; margin: auto;">
<div class="image-container hy" style="display: table !important; margin: auto;">&nbsp;</div>
</div>
<figcaption style="display: inline-table; margin: auto; color: #000 !important; font-style: inherit; font-weight: bolder; font-size: 17px; float: right; border-right: 2px solid #bebebe; border-radius: 10px; padding: 10px;">B</figcaption>
<div class="image-container hy" style="display: table !important; margin: auto;text-align: center;"><img style="border-radius: 50%; box-shadow: 0 15px 25px -10px rgb(0 0 0 / 10%), 0 0 7px rgb(0 0 0 / 5%); width: 42%; margin: 0px 10px;" src="https://blog.kakaocdn.net/dn/k4dQb/btrCPHQvlHm/NnD0xPJL4V1dmvcWd46miK/img.webp"><img style="border-radius: 50%; box-shadow: 0 15px 25px -10px rgb(0 0 0 / 10%), 0 0 7px rgb(0 0 0 / 5%); width: 42%; margin: 0px 10px;" src="https://blog.kakaocdn.net/dn/dp3hT1/btrCPGRBiph/nLrKy9QMwDaw8wgu2mGMwK/img.jpg"></div>
</figure>
</div>

 

HTML 코드입니다. 그대로 HTML 모드에 붙여넣으면 돼요~~

 

아래  더보기는 개인 사용용!

<div class="tt_article_hy">
<h2 class="hy_name" style="text-align: center; border-left: 5px solid; border-left-color: #f0f0f0; display: table; margin: auto; padding: 0 10px; background: #fff; border-radius: 10px; box-shadow: inset 0 0 74px -3px #f0f0f0, 0 1px 25px -10px rgb(0 0 0 / 10%), 0 0 2px rgb(0 0 0 / 5%); letter-spacing: 7px; text-shadow: #afb8c133 2px 3px; font-family: unset;color: #000;" data-ke-size="size26">시나리오명 / 페어명</h2>
<p style="text-align: center; margin-top: 5px !important; color: #7c7c7c; letter-spacing: 10px;" data-ke-size="size14">XX·XX·XX</p>
<p style="text-align: left;" data-ke-size="size16">&nbsp;</p>
<p style="text-align: left;" data-ke-size="size16">A</p>
<blockquote style="var(--op5) border-radius: 10px; border: none; box-shadow: 0 10px 25px -10px rgb(0 0 0 / 10%), 0 0 7px rgb(0 0 0 / 5%); text-align: left; padding: 10px 10px; color: #000; line-height: normal; font-size: unset;">대사</blockquote>
<p style="text-align: center;" data-ke-size="size16">&nbsp;</p>
<p class="hy_name" style="text-align: right;" data-ke-size="size16">B</p>
<blockquote style="var(--op5) border-radius: 10px; border: none; box-shadow: 0 10px 25px -10px rgb(0 0 0 / 10%), 0 0 7px rgb(0 0 0 / 5%); text-align: left; padding: 10px 10px; color: #000; line-height: normal; font-size: unset;">대사</blockquote>
<p style="text-align: center;" data-ke-size="size16">&nbsp;</p>
<p class="hy_name" style="text-align: left;" data-ke-size="size16">A</p>
<blockquote style="var(--op5) border-radius: 10px; border: none; box-shadow: 0 10px 25px -10px rgb(0 0 0 / 10%), 0 0 7px rgb(0 0 0 / 5%); text-align: left; padding: 10px 10px; color: #000; line-height: normal; font-size: unset;">대사</blockquote>
<p data-ke-size="size16">&nbsp;</p>
<p style="text-align: right;" data-ke-size="size16">B</p>
<blockquote style="var(--op5) border-radius: 10px; border: none; box-shadow: 0 10px 25px -10px rgb(0 0 0 / 10%), 0 0 7px rgb(0 0 0 / 5%); text-align: left; padding: 10px 10px; color: #000; line-height: normal; font-size: unset;">대사</blockquote>
<blockquote style="var(--op5) border-radius: 10px; border: none; box-shadow: 0 10px 25px -10px rgb(0 0 0 / 10%), 0 0 7px rgb(0 0 0 / 5%); text-align: left; padding: 10px 10px; color: #000; line-height: normal; font-size: unset;">대사</blockquote>
<p style="text-align: center;" data-ke-size="size16">&nbsp;</p>
<p style="text-align: left;" data-ke-size="size16">A</p>
<blockquote style="var(--op5) border-radius: 10px; border: none; box-shadow: 0 10px 25px -10px rgb(0 0 0 / 10%), 0 0 7px rgb(0 0 0 / 5%); text-align: left; padding: 10px 10px; color: #000; line-height: normal; font-size: unset;">대사</span></blockquote>
<p data-ke-size="size16">&nbsp;</p>
<p class="hy_bgm" style="text-align: center; background-color: #a5a5a529; border-radius: 10px;" data-ke-size="size16">♬ : <a href="https://youtu.be/j5pnNJGTwX0" target="_blank">여긴 BGM 넣는 곳</a></p>
<p style="text-align: center;" data-ke-size="size16">&nbsp;</p>
<blockquote style="text-align: center; border: none; background: var(--header-background); font-weight: bolder; font-family: unset !important; margin: 5px auto !important; color: #333 !important; font-size: 15px;">여긴 DESC 적는 곳</blockquote>
<blockquote style="text-align: center; border: none; background: var(--header-background); font-weight: bolder; font-family: unset !important; margin: 5px auto !important; color: #333 !important; font-size: 15px;"><span>DESC</span></blockquote>
<blockquote style="text-align: center; border: none; background: var(--header-background); font-weight: bolder; font-family: unset !important; margin: 5px auto !important; color: #333 !important; font-size: 15px;">DESC</blockquote>
<blockquote style="text-align: center; border: none; background: var(--header-background); font-weight: bolder; font-family: unset !important; margin: 5px auto !important; color: #333 !important; font-size: 15px;">DESC</blockquote>
<blockquote style="text-align: center; border: none; background: var(--header-background); font-weight: bolder; font-family: unset !important; margin: 5px auto !important; color: #333 !important; font-size: 15px;">DESC</blockquote>
<blockquote style="text-align: center; border: none; background: var(--header-background); font-weight: bolder; font-family: unset !important; margin: 5px auto !important; color: #333 !important; font-size: 15px;"><span>DESC</span></blockquote>
<blockquote style="text-align: center; border: none; background: var(--header-background); font-weight: bolder; font-family: unset !important; margin: 5px auto !important; color: #333 !important; font-size: 15px;"><span>DESC</span></blockquote><p data-ke-size="size16">&nbsp;</p>
<p data-ke-size="size16">&nbsp;</p>
<figure class="imagegridblock hy" style="background: linear-gradient(transparent,#fff) !important; padding: 19px; box-shadow: 0px 15px 25px -10px rgb(0 0 0 / 10%); border-radius: 10px;">
<div class="image-container hy" style="display: table !important; margin: auto;">
<div class="image-container hy" style="display: table !important; margin: auto;">&nbsp;</div>
</div>
<figcaption style="display: inline-table; margin: auto; color: #000 !important; font-style: inherit; font-weight: bolder; font-size: 17px; float: left; border-left: 2px solid #bebebe; border-radius: 10px; padding: 10px;">A</figcaption>
<div class="image-container hy" style="display: table !important; margin: auto;">
<div class="image-container hy" style="display: table !important; margin: auto;">&nbsp;</div>
</div>
<figcaption style="display: inline-table; margin: auto; color: #000 !important; font-style: inherit; font-weight: bolder; font-size: 17px; float: right; border-right: 2px solid #bebebe; border-radius: 10px; padding: 10px;">B</figcaption>
<div class="image-container hy" style="display: table !important; margin: auto;text-align: center;"><img style="border-radius: 50%; box-shadow: 0 15px 25px -10px rgb(0 0 0 / 10%), 0 0 7px rgb(0 0 0 / 5%); width: 42%; margin: 0px 10px;" src="https://blog.kakaocdn.net/dn/k4dQb/btrCPHQvlHm/NnD0xPJL4V1dmvcWd46miK/img.webp"><img style="border-radius: 50%; box-shadow: 0 15px 25px -10px rgb(0 0 0 / 10%), 0 0 7px rgb(0 0 0 / 5%); width: 42%; margin: 0px 10px;" src="https://blog.kakaocdn.net/dn/dp3hT1/btrCPGRBiph/nLrKy9QMwDaw8wgu2mGMwK/img.jpg"></div>
</figure>
</div>