{Thread Directory w/ Optional Header

[loyalwolfcodes]

Thread Directory

Klaus Hargreeves

So dramatic, panicked, I've got pre-traumatic stress

cuz nothing's happened yet

December 2021

First Meeting

Icon width is 70px, you can fit up to 3 on a single line at this size.

Look, it's a group thread

Icon width is 50px here; and no matter how many icons you add, it will keep making new lines.

THREAD TITLE

THREAD DESCRIPTION

THREAD TITLE

THREAD DESCRIPTION.

THREAD TITLE

THREAD DESCRIPTION.

THREAD TITLE

THREAD DESCRIPTION.

January 2022

THREAD TITLE

THREAD DESCRIPTION.

THREAD TITLE

THREAD DESCRIPTION.

THREAD TITLE

THREAD DESCRIPTION.

THREAD TITLE

THREAD DESCRIPTION.

THREAD TITLE

THREAD DESCRIPTION.

THREAD TITLE

THREAD DESCRIPTION.

Original code by 10billionghosts
Edited by loyalwolfcodes

Features

✧･ﾟ ~fake lj-cut~ header
✧･ﾟ scroll-bar
✧･ﾟ minimalist
✧･ﾟ easy to edit/customize

Rules

✧･ﾟ Leave original & edit credits in place please!

✧･ﾟ If you break something, drop me a comment explaining the issue and I'll help you figure it out.

Ctrl+f this:

#bd1919

#ff6200

#bc9800

Top lines go in Color1-Color2-Color3 order, lower lines go in reverse.

LINK

for your fake-cut URL.

ICON

for your icon URL.

THREAD TITLE

to give a title to your thread.

THREAD DESCRIPTION

to give a blurb about your thread.

MONTH XXXX

to change the month/year

character name

to sub in your character's name.

title

to change the header title.

subtitle

to change the header subtitle.

Brush Script MT, cursive

to change the font for "Thread Directory" and "Month/Year"

The Code

Full Code
<a href="LINK" style="text-decoration:none;"><div style="text-align: left; font-size: 36px; font-weight:bold;font-family: Brush Script MT, cursive;color:#bd1919;"> <i>Thread Directory</i></a></div></div><div style="width:650px;text-align:justify;font-size:12px;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:0px 5px;"><span style="display:none;"><lj-cut></span> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="width:100%;padding:1px 0;line-height:1;font-size:clamp(14px, 2vw, 17px);font-weight:bold;text-align:left;color:#000000;"><img src= "ICON"> <br><div align= "left"><span style="text-decoration:none;color:#ffffff;margin:0 8px;background:#bd1919;">character name</span><a href="LINK" style="text-decoration:none;"><div style="font-size:21px;letter-spacing:4px;color:#bd1919;text-shadow:1px 1px 1px rgba(0,0,0,0.1);text-transform:lowercase;"> <i>title</i> </div></a><div style="font-size:10px;color:#111;letter-spacing:9px;font-weight:bold;border-top:4px solid rgba(0,0,0,0.05);text-transform:uppercase;"> <div align= "right">subtitle</div> </div> </div></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> </div><!-- TEXT --></div><!-- CARD: !!NAME HERE!! END --></center><div style="width:660px;height:320px;padding:20px;font-family:Segoe UI,Frutiger,Frutiger Linotype,Dejavu Sans,Helvetica Neue,Arial,sans-serif;font-size:14px;text-align:justify;overflow:auto;"><div style="text-align: left; font-size: 36px; font-family: Brush Script MT, cursive;color:#bd1919;"><i>Month XXXX</i></a></div><lj-raw><div style="max-width:850px;width:100%;margin:10px auto;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:20px;line-height:1.2;font-family:arial, helvetica, sans serif;text-align:center;font-weight:bold;font-size:14px;color:#fff;"> <!-- ALL CARDS BELOW THIS POINT --> <!-- CARD: !!NAME HERE!! --> <div style="max-width:255px;width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;align-content:flex-start;gap:5px;"> <!-- TEXT --> <div style="width:255px;text-align:justify;font-size:12px;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:0px 5px;"> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="width:100%;padding:1px 0;line-height:1;font-size:clamp(14px, 2vw, 17px);font-weight:bold;text-align:right;color:#000000;"><img src= "ICON" width=70> <img src="ICON" width=70><br><div align= "left">THREAD TITLE</DIV></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="width:100%;padding:0 0px;text-align:right;font-weight:normal;color:#000000;">THREAD DESCRIPTION.</div></div> <!-- TEXT --> </div> <!-- CARD: !!NAME HERE!! END --> <!-- CARD: !!NAME HERE!! --> <div style="max-width:255px;width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;align-content:flex-start;gap:5px;"> <!-- TEXT --> <div style="width:255px;text-align:justify;font-size:12px;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:0px 5px;"> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="width:100%;padding:1px 0;line-height:1;font-size:clamp(14px, 2vw, 17px);font-weight:bold;text-align:right;color:#000000;"><img src= "ICON" width=70> <img src="ICON" width=70><br><div align= "left">THREAD TITLE</DIV></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="width:100%;padding:0 0px;text-align:right;font-weight:normal;color:#000000;">THREAD DESCRIPTION.</div></div> <!-- TEXT --> </div> <!-- CARD: !!NAME HERE!! END --> <!-- CARD: !!NAME HERE!! --> <div style="max-width:255px;width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;align-content:flex-start;gap:5px;"> <!-- TEXT --> <div style="width:255px;text-align:justify;font-size:12px;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:0px 5px;"> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="width:100%;padding:1px 0;line-height:1;font-size:clamp(14px, 2vw, 17px);font-weight:bold;text-align:right;color:#000000;"><img src= "ICON" width=70> <img src="ICON" width=70><br><div align= "left">THREAD TITLE</DIV></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="width:100%;padding:0 0px;text-align:right;font-weight:normal;color:#000000;">THREAD DESCRIPTION.</div></div> <!-- TEXT --> </div> <!-- CARD: !!NAME HERE!! END --> <!-- CARD: !!NAME HERE!! --> <div style="max-width:255px;width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;align-content:flex-start;gap:5px;"> <!-- TEXT --> <div style="width:255px;text-align:justify;font-size:12px;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:0px 5px;"> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="width:100%;padding:1px 0;line-height:1;font-size:clamp(14px, 2vw, 17px);font-weight:bold;text-align:right;color:#000000;"><img src= "ICON" width=70> <img src="ICON" width=70><br><div align= "left">THREAD TITLE</DIV></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="width:100%;padding:0 0px;text-align:right;font-weight:normal;color:#000000;">THREAD DESCRIPTION.</div></div> <!-- TEXT --> </div> <!-- CARD: !!NAME HERE!! END --> <!-- CARD: !!NAME HERE!! --> <div style="max-width:255px;width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;align-content:flex-start;gap:5px;"> <!-- TEXT --> <div style="width:255px;text-align:justify;font-size:12px;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:0px 5px;"> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="width:100%;padding:1px 0;line-height:1;font-size:clamp(14px, 2vw, 17px);font-weight:bold;text-align:right;color:#000000;"><img src= "ICON" width=70> <img src="ICON" width=70><br><div align= "left">THREAD TITLE</DIV></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="width:100%;padding:0 0px;text-align:right;font-weight:normal;color:#000000;">THREAD DESCRIPTION.</div></div> <!-- TEXT --> </div> <!-- CARD: !!NAME HERE!! END --> <!-- CARD: !!NAME HERE!! --> <div style="max-width:255px;width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;align-content:flex-start;gap:5px;"> <!-- TEXT --> <div style="width:255px;text-align:justify;font-size:12px;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:0px 5px;"> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="width:100%;padding:1px 0;line-height:1;font-size:clamp(14px, 2vw, 17px);font-weight:bold;text-align:right;color:#000000;"><img src= "ICON" width=70> <img src="ICON" width=70><br><div align= "left">THREAD TITLE</DIV></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="width:100%;padding:0 0px;text-align:right;font-weight:normal;color:#000000;">THREAD DESCRIPTION.</div></div> <!-- TEXT --> </div></div> <!-- CARD: !!NAME HERE!! END --> <div style="text-align: left; font-size: 36px; font-family: Brush Script MT, cursive;color:#bd1919;"> <i>Month XXXX</i></a></div><lj-raw><div style="max-width:850px;width:100%;margin:10px auto;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:20px;line-height:1.2;font-family:arial, helvetica, sans serif;text-align:center;font-weight:bold;font-size:14px;color:#fff;"> <!-- ALL CARDS BELOW THIS POINT --> <!-- CARD: !!NAME HERE!! --> <div style="max-width:255px;width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;align-content:flex-start;gap:5px;"> <!-- TEXT --> <div style="width:255px;text-align:justify;font-size:12px;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:0px 5px;"> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="width:100%;padding:1px 0;line-height:1;font-size:clamp(14px, 2vw, 17px);font-weight:bold;text-align:right;color:#000000;"><img src= "ICON" width=70> <img src="ICON" width=70><br><div align= "left">THREAD TITLE</DIV></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="width:100%;padding:0 0px;text-align:right;font-weight:normal;color:#000000;">THREAD DESCRIPTION.</div></div> <!-- TEXT --> </div> <!-- CARD: !!NAME HERE!! END --> <!-- CARD: !!NAME HERE!! --> <div style="max-width:255px;width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;align-content:flex-start;gap:5px;"> <!-- TEXT --> <div style="width:255px;text-align:justify;font-size:12px;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:0px 5px;"> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="width:100%;padding:1px 0;line-height:1;font-size:clamp(14px, 2vw, 17px);font-weight:bold;text-align:right;color:#000000;"><img src= "ICON" width=70> <img src="ICON" width=70><br><div align= "left">THREAD TITLE</DIV></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="width:100%;padding:0 0px;text-align:right;font-weight:normal;color:#000000;">THREAD DESCRIPTION.</div></div> <!-- TEXT --> </div> <!-- CARD: !!NAME HERE!! END --> <!-- CARD: !!NAME HERE!! --> <div style="max-width:255px;width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;align-content:flex-start;gap:5px;"> <!-- TEXT --> <div style="width:255px;text-align:justify;font-size:12px;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:0px 5px;"> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="width:100%;padding:1px 0;line-height:1;font-size:clamp(14px, 2vw, 17px);font-weight:bold;text-align:right;color:#000000;"><img src= "ICON" width=70> <img src="ICON" width=70><br><div align= "left">THREAD TITLE</DIV></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="width:100%;padding:0 0px;text-align:right;font-weight:normal;color:#000000;">THREAD DESCRIPTION.</div></div> <!-- TEXT --> </div> <!-- CARD: !!NAME HERE!! END --> <!-- CARD: !!NAME HERE!! --> <div style="max-width:255px;width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;align-content:flex-start;gap:5px;"> <!-- TEXT --> <div style="width:255px;text-align:justify;font-size:12px;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:0px 5px;"> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="width:100%;padding:1px 0;line-height:1;font-size:clamp(14px, 2vw, 17px);font-weight:bold;text-align:right;color:#000000;"><img src= "ICON" width=70> <img src="ICON" width=70><br><div align= "left">THREAD TITLE</DIV></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="width:100%;padding:0 0px;text-align:right;font-weight:normal;color:#000000;">THREAD DESCRIPTION.</div></div> <!-- TEXT --> </div> <!-- CARD: !!NAME HERE!! END --> <!-- CARD: !!NAME HERE!! --> <div style="max-width:255px;width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;align-content:flex-start;gap:5px;"> <!-- TEXT --> <div style="width:255px;text-align:justify;font-size:12px;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:0px 5px;"> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="width:100%;padding:1px 0;line-height:1;font-size:clamp(14px, 2vw, 17px);font-weight:bold;text-align:right;color:#000000;"><img src= "ICON" width=70> <img src="ICON" width=70><br><div align= "left">THREAD TITLE</DIV></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="width:100%;padding:0 0px;text-align:right;font-weight:normal;color:#000000;">THREAD DESCRIPTION.</div></div> <!-- TEXT --> </div> <!-- CARD: !!NAME HERE!! END --> <!-- CARD: !!NAME HERE!! --> <div style="max-width:255px;width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;align-content:flex-start;gap:5px;"> <!-- TEXT --> <div style="width:255px;text-align:justify;font-size:12px;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:0px 5px;"> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="width:100%;padding:1px 0;line-height:1;font-size:clamp(14px, 2vw, 17px);font-weight:bold;text-align:right;color:#000000;"><img src= "ICON" width=70> <img src="ICON" width=70><br><div align= "left">THREAD TITLE</DIV></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="width:100%;padding:0 0px;text-align:right;font-weight:normal;color:#000000;">THREAD DESCRIPTION.</div></div> <!-- TEXT --> </div> <!-- CARD: !!NAME HERE!! END --> <!-- ALL CARDS ABOVE THIS POINT --> <!-- CREDIT --> <!-- CREDIT --></div></lj-raw><div style="width:100%;text-align:right;font-size:8px;">Original code by <a href="https://10billionghosts.dreamwidth.org/40502.html" style="font-size:8px;text-decoration:none;">10billionghosts</a><br>Edited by <a href= "https://loyalwolfcodes.dreamwidth.org/1238.html" style="font-size:8px;text-decoration:none;">loyalwolfcodes</a></div></div>

New Block
<div style="text-align: left; font-size: 36px; font-family: Brush Script MT, cursive;color:#bd1919;"><i>Month XXXX</i></a></div><lj-raw><div style="max-width:850px;width:100%;margin:10px auto;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:20px;line-height:1.2;font-family:arial, helvetica, sans serif;text-align:center;font-weight:bold;font-size:14px;color:#fff;"> <!-- ALL CARDS BELOW THIS POINT --> <!-- CARD: !!NAME HERE!! --> <div style="max-width:255px;width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;align-content:flex-start;gap:5px;"> <!-- TEXT --> <div style="width:255px;text-align:justify;font-size:12px;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:0px 5px;"> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="width:100%;padding:1px 0;line-height:1;font-size:clamp(14px, 2vw, 17px);font-weight:bold;text-align:right;color:#000000;"><img src= "ICON" width=70> <img src="ICON" width=70><br><div align= "left">THREAD TITLE</DIV></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="width:100%;padding:0 0px;text-align:right;font-weight:normal;color:#000000;">THREAD DESCRIPTION.</div></div> <!-- TEXT --> </div> <!-- CARD: !!NAME HERE!! END --> <!-- CARD: !!NAME HERE!! --> <div style="max-width:255px;width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;align-content:flex-start;gap:5px;"> <!-- TEXT --> <div style="width:255px;text-align:justify;font-size:12px;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:0px 5px;"> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="width:100%;padding:1px 0;line-height:1;font-size:clamp(14px, 2vw, 17px);font-weight:bold;text-align:right;color:#000000;"><img src= "ICON" width=70> <img src="ICON" width=70><br><div align= "left">THREAD TITLE</DIV></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="width:100%;padding:0 0px;text-align:right;font-weight:normal;color:#000000;">THREAD DESCRIPTION.</div></div> <!-- TEXT --> </div> <!-- CARD: !!NAME HERE!! END --> <!-- CARD: !!NAME HERE!! --> <div style="max-width:255px;width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;align-content:flex-start;gap:5px;"> <!-- TEXT --> <div style="width:255px;text-align:justify;font-size:12px;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:0px 5px;"> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="width:100%;padding:1px 0;line-height:1;font-size:clamp(14px, 2vw, 17px);font-weight:bold;text-align:right;color:#000000;"><img src= "ICON" width=70> <img src="ICON" width=70><br><div align= "left">THREAD TITLE</DIV></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="width:100%;padding:0 0px;text-align:right;font-weight:normal;color:#000000;">THREAD DESCRIPTION.</div></div> <!-- TEXT --> </div> <!-- CARD: !!NAME HERE!! END --> <!-- CARD: !!NAME HERE!! --> <div style="max-width:255px;width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;align-content:flex-start;gap:5px;"> <!-- TEXT --> <div style="width:255px;text-align:justify;font-size:12px;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:0px 5px;"> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="width:100%;padding:1px 0;line-height:1;font-size:clamp(14px, 2vw, 17px);font-weight:bold;text-align:right;color:#000000;"><img src= "ICON" width=70> <img src="ICON" width=70><br><div align= "left">THREAD TITLE</DIV></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="width:100%;padding:0 0px;text-align:right;font-weight:normal;color:#000000;">THREAD DESCRIPTION.</div></div> <!-- TEXT --> </div> <!-- CARD: !!NAME HERE!! END --> <!-- CARD: !!NAME HERE!! --> <div style="max-width:255px;width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;align-content:flex-start;gap:5px;"> <!-- TEXT --> <div style="width:255px;text-align:justify;font-size:12px;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:0px 5px;"> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="width:100%;padding:1px 0;line-height:1;font-size:clamp(14px, 2vw, 17px);font-weight:bold;text-align:right;color:#000000;"><img src= "ICON" width=70> <img src="ICON" width=70><br><div align= "left">THREAD TITLE</DIV></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="width:100%;padding:0 0px;text-align:right;font-weight:normal;color:#000000;">THREAD DESCRIPTION.</div></div> <!-- TEXT --> </div> <!-- CARD: !!NAME HERE!! END --> <!-- CARD: !!NAME HERE!! --> <div style="max-width:255px;width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;align-content:flex-start;gap:5px;"> <!-- TEXT --> <div style="width:255px;text-align:justify;font-size:12px;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:0px 5px;"> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="width:100%;padding:1px 0;line-height:1;font-size:clamp(14px, 2vw, 17px);font-weight:bold;text-align:right;color:#000000;"><img src= "ICON" width=70> <img src="ICON" width=70><br><div align= "left">THREAD TITLE</DIV></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="width:100%;padding:0 0px;text-align:right;font-weight:normal;color:#000000;">THREAD DESCRIPTION.</div></div> <!-- TEXT --> </div></div> <!-- CARD: !!NAME HERE!! END -->
To add a new month block, copy and place above
< !-- ALL CARDS ABOVE THIS POINT -->

Options

✧･ﾟ If you don't want the title/subtitle in the header, delete everything:
after the span tag at the end of character name
through the first two div tags following subtitle.
✧･ﾟ