FREE TO USE TEMPLATES - Printable Version

FREE TO USE TEMPLATES - Printable Version

+- Shadow of the Shattered (https://sos-rp.net)
+-- Forum: General (https://sos-rp.net/forum-6.html)
+--- Forum: Resources (https://sos-rp.net/forum-8.html)
+---- Forum: Player (https://sos-rp.net/forum-20.html)
+----- Forum: Posting Templates (https://sos-rp.net/forum-26.html)
+----- Thread: FREE TO USE TEMPLATES (/thread-484.html)

FREE TO USE TEMPLATES - The Shattered - 10-13-2026

NAME HERE

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Malesuada fames ac turpis egestas. Mauris a diam maecenas sed enim ut sem viverra. Platea dictumst quisque sagittis purus. Imperdiet sed euismod nisi porta lorem mollis aliquam ut porttitor. Tortor condimentum lacinia quis vel eros donec ac. Pellentesque massa placerat duis ultricies. Odio pellentesque diam volutpat commodo sed. Viverra vitae congue eu consequat ac felis donec et odio.

Iaculis eu non diam phasellus vestibulum lorem sed risus. Volutpat lacus laoreet non curabitur gravida arcu ac tortor dignissim. Mauris vitae ultricies leo integer malesuada nunc vel risus. Blandit libero volutpat sed cras ornare arcu. "At erat pellentesque adipiscing commodo elit," Sem et tortor consequat id porta nibh venenatis. "Condimentum id venenatis a condimentum vitae sapien." Vel elit scelerisque mauris pellentesque pulvinar pellentesque habitant morbi tristique. Massa vitae tortor condimentum lacinia quis vel eros donec ac.

text

text

text

jaecarys of shadow of the shattered

HEADER

Code:
<div style="width: 500px; box-sizing: border-box; margin: 0 auto; background: url('https://i.imgur.com/vPsZpBl.png') bottom center no-repeat, url('https://i.imgur.com/Bs8Fsm8.png') top center repeat #000000; box-shadow: 0px 0px 15px #cabdc6; border-left: 5px double #cabdc6; border-right: 5px double #cabdc6; border-radius: 300px 300px 100px 100px; padding:80px 50px 150px 50px; text-align: justify; font-family: 'Libre Baskerville', serif; color: #c2bacb; text-shadow: 0px 0px 5px #000000; font-size: 12px; letter-spacing: 1px; line-height: 14px;">

<div style="background-color: rgba(32, 18, 15, 0.65); border-left: 4px double #f5f5f5; border-right: 4px double #f6f6f6; border-radius: 250px 250px 50px 50px; box-shadow: 0px 0px 25px #f6f6f6; padding-top: 30px;"><div style="padding-top: -10%; padding-left: 10px; padding-bottom: 5px; font-family: Cinzel Decorative; font-size: 50px; text-align: center; text-transform: uppercase; color: #f5f5f5; text-shadow: 0px 0px 15px #f6f6f6; letter-spacing: 5px; line-height: 100%; padding-bottom: 2%;">NAME HERE</div><div style="padding-left: 10%; padding-right: 10%; padding-top: 5%; padding-bottom: 10%;">

FOOTER

Code:
</div></div>

<div style="padding-top: 180px; padding-left: 20px; padding-bottom: 40px;font-family: 'Libre Baskerville', serif; font-size: 10px; text-align: left; color: #f6f6f6; text-shadow: 0px 0px 10px #000000; letter-spacing: 5px; font-weight: bold; text-transform: uppercase; line-height: 8px;">text</div>

<div style="padding-top: 2px; padding-bottom: 40px; font-family: 'Libre Baskerville', serif; font-size: 13px; text-align: center; color: #f5f5f5; text-shadow: 0px 0px 10px #f5f5f5; letter-spacing: 6px; font-weight: bold; text-transform: lowercase; line-height: 11px;"><i>text</i></div>

<div style="padding-top: 2px; padding-bottom: -280%; padding-right: 20px; font-family: 'Libre Baskerville', serif; font-size: 10px; text-align: right; color: #f6f6f6; text-shadow: 0px 0px 10px #000000; letter-spacing: 6px; font-weight: bold; text-transform: uppercase; line-height: 8px;">text</div></div><div style="margin-top: 0px;text-align: center;font-size: 8px;>code by <a href="/member.php?action=profile&amp;uid=4">jaecarys of shadow of the shattered</a></div><link rel="preconnect" href="https://fonts.googleapis.com">

<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

<link href="https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;700;900&display=swap" rel="stylesheet">

SPEECH COLOR: #f6f6f6

RE: FREE TO USE TEMPLATES - The Shattered - 10-13-2026

quote

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ut faucibus ex. Nulla ut dapibus neque. "Vivamus mauris nulla, pharetra quis consectetur quis, dignissim vel nunc." Vestibulum consectetur imperdiet ligula, vel varius turpis finibus sed. Nulla ut tincidunt risus, facilisis auctor felis. Quisque eu nibh semper, tincidunt eros eu, dictum arcu. Donec molestie pellentesque ligula, nec imperdiet nulla vulputate et. Morbi cursus sollicitudin elit, vel euismod neque molestie et. Proin eu lectus nisi. Duis iaculis elit quis enim euismod, quis mollis ligula scelerisque. Morbi et interdum nibh.

Fusce vehicula est at tellus ultrices fringilla. Nulla tincidunt ut diam nec volutpat. Quisque erat eros, dignissim nec imperdiet vel, ullamcorper nec dolor. Proin eu velit mauris. Proin auctor augue at magna vulputate malesuada. Suspendisse ac pretium ex. Vestibulum viverra nibh ut orci pretium, vel luctus massa ornare. Suspendisse dictum elit nec nibh ultrices, vel pellentesque enim iaculis.

NAME

jaecarys of shadow of the shattered

HEADER:

Code:
<div style="width: 550px;box-sizing: border-box;margin: auto;background: linear-gradient(-250deg, #1c232d, #090d15);border: 0px solid #000000;box-shadow: 0px 0px 18px 0px #000000;border-radius: 75px 75px 50px 50px;padding: 25px 45px 35px 50px;text-align: justify;font-family:'Libre Baskerville', serif;color: #3e4654;font-size: 12px;letter-spacing: 1px;line-height: 14px;"><div style="padding-top: 0px;margin-bottom: 5%;margin-top: -1%;padding-left: 15px;padding-right: 15px;font-family: 'jim nightshade', serif;font-size: 20px;mix-blend-mode: soft-light;color: #d7e1ef;font-variant-caps: all-small-caps;text-align: center;font-weight: bolder;text-shadow: 0px 0px 15px #000000;letter-spacing: 9px;line-height: 8px;">quote</div><div style="width: auto;height: 151px;margin-left: 0%;margin-right: 0%;background-image: url('https://fakeimg.pl/460x150/212a38/909090');background-repeat: no-repeat, no-repeat;background-position-x: center;transform: perspective(10px);border-radius: 50px 50px 0px 0px;border: 0px solid #000000;box-shadow: 0px 0px 25px #00000091;"></div><div style="margin-bottom: -1px;margin-top: -13px;padding-left: 5%;font-family: 'Libre Baskerville', serif;font-size: 10px;text-align: left;color: #8eafda;mix-blend-mode: luminosity;text-shadow: 0px 0px 10px #000000;letter-spacing: 5px;font-weight: bold;font-variant: small-caps;line-height: 14px;">quote</div><div style="margin-bottom: -1px;margin-top: -14px;padding-right: 2%;font-family: 'Libre Baskerville', serif;font-size: 10px;text-align: right;color: #8eafda;mix-blend-mode: luminosity;text-shadow: 0px 0px 10px #000000;letter-spacing: 5px;font-weight: bold;font-variant: small-caps;line-height: 14px;">quote</div><div style="background-color: rgba(8, 13, 22, 0);margin-top: 0px;border-radius: 0px 0px 25px 25px;border-left: 0px double #090d15;border-right: 0px double #0a0d16;box-shadow: 0px 0px 25px #00000091;">

<div style="padding-left: 5%;padding-top: 3%;padding-right: 5%;padding-bottom: 6%;text-shadow: 0px 0px 5px #000000;">

FOOTER

Code:
</div></div>

<div style="padding-top: 6px;padding-bottom: 10px;font-family: Cinzel Decorative;font-size: 65px;text-align: center;color: #252d3a;text-shadow: 0px 0px 15px #090d16;letter-spacing: 10px;">NAME</div></div><div style="margin-top: 0px;text-align: center;font-size: 8px;>code by jaecarys of shadow of the shattered</div><link rel="preconnect" href="https://fonts.googleapis.com">

<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

<link href="https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;700;900&display=swap" rel="stylesheet">

SPEECH COLOR: #67717f

RE: FREE TO USE TEMPLATES - The Shattered - 10-14-2026

quote line one goes here
Quote line twoooo goes right here

Name

one quote line here

HEADER:

Code:
<div style="width: 600px;box-sizing: border-box;margin: 0 auto;margin-bottom: 4%;background: url('https://placehold.net/600x350.png') top center no-repeat #0b131c;border: 1px solid #0b131c;box-shadow: 0px 0px 15px #000;border-radius: 200px 200px 0px 0px;padding: 320px 0px 0px 0px;text-align: justify;font-family: 'Libre Baskerville';color: #3f5c6c;text-shadow: 0px 0px 5px #000;font-size: 12px;letter-spacing: 1px;line-height: 17px;"><div style="font-family: 'Libre Baskerville', serif;font-size: 6.5px;margin-bottom: -25px;padding-left: 0%;text-align: center;color: #4f7a99;text-shadow: 0px 0px 3px #000;letter-spacing: 0px;font-weight: bold;text-transform: uppercase;line-height: 11px;">quote line one goes here

Quote line twoooo goes right here</div><div style="border-top: solid 25px #12293a95;border-bottom: solid 35px #12293a;background-color: #1d0c0c00;border-radius: 0px 0px 0px 0px;margin-bottom: 0%;box-shadow: 0px 0px 25px #dddddd00;">

<div style="padding-top: 13px;padding-left: 50px;padding-right: 50px;padding-bottom: 15px;text-shadow: 0px 0px 3px #000;">

<div style="border-left: 6px solid#2c4b62;padding-left:2%;">

FOOTER:

Code:
</div></div>

<div style="padding-top: 9px;margin-bottom: -1%;padding-bottom: 35px;font-family: Neonderthaw;font-size: 68px;text-align: center;color: #41749b;text-shadow: 0px 0px 10px #2b6c97;letter-spacing: 0px;">Name</div>

<div style="font-family: 'Libre Baskerville', serif;font-size: 7px;padding-top: 2%;margin-bottom: -24px;padding-right: 0%;text-align: center;color: #4f7a99;text-shadow: 0px 0px 3px #000;letter-spacing: 3px;font-weight: bold;text-transform: uppercase;line-height: 11px;">one quote line here

 </div></div></div><link rel="preconnect" href="https://fonts.googleapis.com">

<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

<link href="https://fonts.googleapis.com/css2?family=Neonderthaw&display=swap" rel="stylesheet">

SPEECH COLOR: #4e7998

RE: FREE TO USE TEMPLATES - The Shattered - 10-14-2026

quote line one here!

Name

quote line two!

HEADER

Code:
<div style="width: 500px;box-sizing: border-box;margin: 0 auto;margin-bottom: 4%;background: url(https://placehold.net/600x400.png) top center no-repeat #150D0A;border: 1px solid #000;box-shadow: 0px 0px 15px #000;border-radius: 350px 350px 10px 10px;padding: 278px 0px 0px 0px;text-align: justify;font-family: 'Libre Baskerville';color: #dcc9b0;text-shadow: 0px 0px 5px #000;font-size: 12px;letter-spacing: 1px;line-height: 17px;"><div style="font-family: bebas neue;font-size: 12px;margin-bottom: -24px;text-align: center;color: #150f0b;text-shadow: 0px 0px 3px #808444;letter-spacing: 3px;text-transform: uppercase;line-height: 11px;">quote line one here!</div><div style="background: linear-gradient(to left, #BCA78A, #91492C);height: 35px;"></div><div style="background-color: #150D0A;border-radius: 0px 0px 10px 10px;margin-bottom: 0%;box-shadow: 0px 0px 25px #dddddd00;"><div style="padding-top: 20px;padding-left: 50px;padding-right: 50px;padding-bottom: 15px;text-shadow: 0px 0px 3px #000000;">

FOOTER

Code:
</div><div style="padding-top: 30px;margin-bottom: 0%;padding-bottom: 38px;font-family: 'Lovers Quarrel';font-size: 100px;text-align: center;color: #efefe3;text-shadow: 0px 0px 10px #000;letter-spacing: 0px;">Name</div><div style="font-family: 'Bebas Neue';font-size: 12px;padding-top: 2%;margin-bottom: -24px;text-align: center;color: #150f0b;text-shadow: 0px 0px 3px #7b8244;letter-spacing: 2.5px;text-transform: uppercase;line-height: 11px;">quote line two!</div><div style="background: linear-gradient(to right, #91492C, #BCA78A);height: 35px;border-radius: 0px 0px 10px 10px;"></div></div></div><link rel="preconnect" href="https://fonts.googleapis.com">

<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Lovers+Quarrel&display=swap" rel="stylesheet">

SPEECH COLOR: #efefe3

RE: FREE TO USE TEMPLATES - The Shattered - 10-14-2026

quote goes here

another line here

quote goes here

NAME

HEADER

Code:
<div style="margin-top: 167px; margin-bottom: 10px;"><div style="width: 500px;box-sizing: border-box;margin: 0 auto;background: radial-gradient(#a8a8a8, #1d1d1d);border-top: 5px double #000000;border-left: 5px double #000000;border-right: 5px double #000000;box-shadow: 0px 0px 10px #000000;border-radius: 10px 10px 75px 75px;padding: 70px 50px 50px 50px;text-align: justify;font-family: 'Libre Baskerville', serif;color: #a0a0a0;font-size: 12px;letter-spacing: 1px;line-height: 15px;"><div style="width: 230px;height: 230px;margin-top: -60%;margin-left: auto;margin-right: auto;margin-bottom: 5%;background: url('https://placehold.net/230x230.png') top center no-repeat;transform: rotate(-45deg);border-radius: 100%;border: 3px solid #000000;box-shadow: 0px 0px 10px #000000;"></div><div style="padding-top: 0px;font-family: 'Libre Baskerville', serif;font-size: 7px;text-align: center;color: #959595;letter-spacing: 4px;font-weight: bold;text-transform: uppercase;line-height: 120%;text-shadow: 0px 0px 5px #000000;">quote goes here</div><div style="padding-top: 6px;padding-left: 30px;padding-right: 30px;padding-bottom: 30px;background-color: rgba(15, 15, 15, 0.4);border-left: 5px double #1d1d1d;border-right: 5px double #1d1d1d;border-top: 5px double #1d1d1d;border-radius: 0px 0px 50px 50px;box-shadow: 0px 0px 25px #000910;text-shadow: 0px 0px 5px #000;"><div style="padding-top: 0px;padding-bottom: 9px;font-family: 'Libre Baskerville', serif;font-size: 12px;text-align: center;color: #e0e0e0;text-shadow: 0px 0px 7px #000000;letter-spacing: 5px;font-weight: bold;text-transform: lowercase;line-height: 100%;"><i>another line here</i></div>

FOOTER

Code:
<div style="padding-top: 10px;padding-bottom: 5px;font-family: 'Libre Baskerville', serif;font-size: 12px;text-align: center;color: #e0e0e0;text-shadow: 0px 0px 7px #000000;letter-spacing: 4px;font-weight: bold;text-transform: lowercase;line-height: 100%;"><i>quote goes here</i></div></div><div style="padding-top: 0px;padding-bottom: 5px;font-family: Cinzel Decorative;font-size: 60px;text-align: center;color: #7f7f7f;text-shadow: 0px 0px 15px #141414;letter-spacing: 11px;">NAME</div></div></div><link rel="preconnect" href="https://fonts.googleapis.com">

<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

<link href="https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;700;900&display=swap" rel="stylesheet">

SPEECH COLOR: #e0e0e0