Text Templater
Menu
Home
About
Documentation
GitHub
Toggle theme
Pastebin URL
Get Template
GitHub Gist URL
Get Template
Input Template
[nobr][div=--main-bg: #1A0A0A;--light-bg: #2E1818;--b1: 2px solid #541F1F;--b2: 1px solid #541F1F;--bc: #541F1F;--accent: #B94B4B;--txt: #F2E6E6;--fancy: "ZCOOL QingKe HuangYou", sans-serif;--body: "Open Sans", sans-serif;--extra: "Work Sans", sans-serif;margin: 20px auto; background: var(--main-bg); width: 100%; max-width: 600px; box-sizing: border-box; color: var(--txt); display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr; font: 12pt var(--body);][comment][font=ZCOOL QingKe HuangYou]sans-serif[/font][font=Open Sans]sans-serif[/font][font=Work Sans]sans-serif[/font][/comment][div=grid-area: 1 / 1 / 2 / 2; color: var(--bc); font: 600 6pt var(--extra); text-transform: uppercase; letter-spacing: 1px; padding-right: 20px; padding-bottom: 20px; display: flex; align-items: flex-end; justify-content: flex-end;]code by forebodhi[/div][div=grid-area: 1 / 1 / 2 / 2; border-bottom: var(--b1); height: 60px; box-sizing: border-box; font: 20pt var(--fancy); display: flex; align-items: flex-end; justify-content: flex-end; padding-bottom: 10px; padding-right: 10px; color: var(--bc); gap: 10px;][fa]far fa-fire-flame-curved[/fa] &Short Title \ text&[/div][div=grid-area: 1 / 1 / 2 / 2; border-right: var(--b1); width: 60px; box-sizing: border-box; height: 100%; padding-top: 120px; display: flex; flex-direction: column; align-items: flex-end;][div=display: flex; flex-direction: column; align-items: center; gap: 20px; margin-right: -12px;] &User Tags ( [div=overflow: hidden; width: 24px; height: 24px; border: var(--b1)]TAGHERE[/div] ) \ content& [div=background: var(--light-bg); border: var(--b1); font: 800 8pt var(--extra); text-transform: uppercase; letter-spacing: 1px; padding: 5px; transform-origin: center; rotate: 180deg; writing-mode: vertical-rl; text-orientation: mixed;][fa]far fa-location-crosshairs[/fa] &Location \ text&[/div] [div=background: var(--light-bg); border: var(--b1); font: 800 8pt var(--extra); text-transform: uppercase; letter-spacing: 1px; padding: 5px; transform-origin: center; rotate: 180deg; writing-mode: vertical-rl; text-orientation: mixed;][div=rotate: 90deg; display: inline-block;][fa]far fa-face-grin-beam[/fa][/div] &Mood \ text&[/div] [div=background: var(--light-bg); border: var(--b1); font: 800 8pt var(--extra); text-transform: uppercase; letter-spacing: 1px; padding: 5px; transform-origin: center; rotate: 180deg; writing-mode: vertical-rl; text-orientation: mixed;][div=rotate: 90deg; display: inline-block;][fa]far fa-shirt[/fa][/div] [url=&Outfit Link \ text&][color=#F2E6E6]here[/color][/url][/div] [div=background: var(--light-bg); border: var(--b1); font: 800 8pt var(--extra); text-transform: uppercase; letter-spacing: 1px; padding: 5px; transform-origin: center; rotate: 180deg; writing-mode: vertical-rl; text-orientation: mixed;][div=rotate: 90deg; display: inline-block;][fa]far fa-comment[/fa][/div] "[b][color=#F2E6E6]&Character First Name \ text&[/color][/b]" [/div] [/div][/div] [div=grid-area: 1 / 1 / 2 / 2; white-space: pre-wrap; text-align: justify; padding: 120px; padding-bottom: 80px; padding-right: 80px;][div=float: left; height: 75px; width: 75px; margin-left: -98px; margin-top: -98px; border: var(--b1); background: url(&Character Image Link \ text&); background-size: cover; background-position: center;][/div]&Your Post Content \ content&[/div][/div][/nobr]
Generate Form Fields
Debug Mode
[ "[nobr][div=--main-bg: #1A0A0A;--light-bg: #2E1818;--b1: 2px solid #541F1F;--b2: 1px solid #541F1F;--bc: #541F1F;--accent: #B94B4B;--txt: #F2E6E6;--fancy: \"ZCOOL QingKe HuangYou\", sans-serif;--body: \"Open Sans\", sans-serif;--extra: \"Work Sans\", sans-serif;margin: 20px auto; background: var(--main-bg); width: 100%; max-width: 600px; box-sizing: border-box; color: var(--txt); display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr; font: 12pt var(--body);][comment][font=ZCOOL QingKe HuangYou]sans-serif[/font][font=Open Sans]sans-serif[/font][font=Work Sans]sans-serif[/font][/comment][div=grid-area: 1 / 1 / 2 / 2; color: var(--bc); font: 600 6pt var(--extra); text-transform: uppercase; letter-spacing: 1px; padding-right: 20px; padding-bottom: 20px; display: flex; align-items: flex-end; justify-content: flex-end;]code by forebodhi[/div][div=grid-area: 1 / 1 / 2 / 2; border-bottom: var(--b1); height: 60px; box-sizing: border-box; font: 20pt var(--fancy); display: flex; align-items: flex-end; justify-content: flex-end; padding-bottom: 10px; padding-right: 10px; color: var(--bc); gap: 10px;][fa]far fa-fire-flame-curved[/fa] ", { "type": "text", "description": "Short Title", "marker": { "type": "text", "description": "Short Title", "defaultValue": "", "original": "&Short Title \\ text&", "indices": [ 1145, 1164 ] } }, "[/div][div=grid-area: 1 / 1 / 2 / 2; border-right: var(--b1); width: 60px; box-sizing: border-box; height: 100%; padding-top: 120px; display: flex; flex-direction: column; align-items: flex-end;][div=display: flex; flex-direction: column; align-items: center; gap: 20px; margin-right: -12px;]\r\n\r\n", { "type": "content", "description": "User Tags ( [div=overflow: hidden; width: 24px; height: 24px; border: var(--b1)]TAGHERE[/div] )", "marker": { "type": "content", "description": "User Tags ( [div=overflow: hidden; width: 24px; height: 24px; border: var(--b1)]TAGHERE[/div] )", "original": "&User Tags ( [div=overflow: hidden; width: 24px; height: 24px; border: var(--b1)]TAGHERE[/div] ) \\ content&", "indices": [ 1461, 1567 ] } }, "\r\n\r\n[div=background: var(--light-bg); border: var(--b1); font: 800 8pt var(--extra); text-transform: uppercase; letter-spacing: 1px; padding: 5px; transform-origin: center; rotate: 180deg; writing-mode: vertical-rl; text-orientation: mixed;][fa]far fa-location-crosshairs[/fa] ", { "type": "text", "description": "Location", "marker": { "type": "text", "description": "Location", "defaultValue": "", "original": "&Location \\ text&", "indices": [ 1845, 1861 ] } }, "[/div]\r\n[div=background: var(--light-bg); border: var(--b1); font: 800 8pt var(--extra); text-transform: uppercase; letter-spacing: 1px; padding: 5px; transform-origin: center; rotate: 180deg; writing-mode: vertical-rl; text-orientation: mixed;][div=rotate: 90deg; display: inline-block;][fa]far fa-face-grin-beam[/fa][/div] ", { "type": "text", "description": "Mood", "marker": { "type": "text", "description": "Mood", "defaultValue": "", "original": "&Mood \\ text&", "indices": [ 2187, 2199 ] } }, "[/div]\r\n[div=background: var(--light-bg); border: var(--b1); font: 800 8pt var(--extra); text-transform: uppercase; letter-spacing: 1px; padding: 5px; transform-origin: center; rotate: 180deg; writing-mode: vertical-rl; text-orientation: mixed;][div=rotate: 90deg; display: inline-block;][fa]far fa-shirt[/fa][/div] [url=", { "type": "text", "description": "Outfit Link", "marker": { "type": "text", "description": "Outfit Link", "defaultValue": "", "original": "&Outfit Link \\ text&", "indices": [ 2521, 2540 ] } }, "][color=#F2E6E6]here[/color][/url][/div]\r\n[div=background: var(--light-bg); border: var(--b1); font: 800 8pt var(--extra); text-transform: uppercase; letter-spacing: 1px; padding: 5px; transform-origin: center; rotate: 180deg; writing-mode: vertical-rl; text-orientation: mixed;][div=rotate: 90deg; display: inline-block;][fa]far fa-comment[/fa][/div] \r\n\"[b][color=#F2E6E6]", { "type": "text", "description": "Character First Name", "marker": { "type": "text", "description": "Character First Name", "defaultValue": "", "original": "&Character First Name \\ text&", "indices": [ 2914, 2942 ] } }, "[/color][/b]\"\r\n[/div]\r\n[/div][/div]\r\n\r\n[div=grid-area: 1 / 1 / 2 / 2; white-space: pre-wrap; text-align: justify; padding: 120px; padding-bottom: 80px; padding-right: 80px;][div=float: left; height: 75px; width: 75px; margin-left: -98px; margin-top: -98px; border: var(--b1); background: url(", { "type": "text", "description": "Character Image Link", "marker": { "type": "text", "description": "Character Image Link", "defaultValue": "", "original": "&Character Image Link \\ text&", "indices": [ 3235, 3263 ] } }, "); background-size: cover; background-position: center;][/div]", { "type": "content", "description": "Your Post Content", "marker": { "type": "content", "description": "Your Post Content", "original": "&Your Post Content \\ content&", "indices": [ 3326, 3354 ] } }, "[/div][/div][/nobr]" ]
[]
firelord-template
By forebodhi
Short Title
User Tags ( [div=overflow: hidden; width: 24px; height: 24px; border: var(--b1)]TAGHERE[/div] )
Location
Mood
Outfit Link
Character First Name
Character Image Link
Your Post Content
Generate Final Output
Output
firelord-template - Text Templater