DANGER ZONE :: premade templates storage

[psy]

XXV. ENCLAVE. GUIDE.
An expanding guide template with a 5-link menu, gradient headers, and an image divided by section. Tailored for groups but can be used for anything. Editing tutorial is below for any assistance. [i]Currently only semi-mobile friendly (link menu may appear off on mobile), but will revisit this template to adjust as needed.[/i]

EDITING GUIDE:

COLOR1: border color
COLOR2: solid background color
IMGHERE: ONE image used throughout the entire template. The template will automatically detect the top, center, and bottom of the image and will focus on each section accordingly, meaning you just have to supply the same link at each IMGHERE statement and the template will do all the work for you!

Please note that the default text color of the template is black - you may change this text color to anything you wish if it interferes with a color/image scheme that you have.

x

━━━━━━━━ THE ENCLAVE ━━━━━━━━

[table][tr]
[td]

DISCORD

[/td]
[td]

CHAT/PLOT

[/td]
[td]

MEETING

[/td]
[td]

TRYOUTS

[/td]
[td]

MASS ADOPTS

[/td]
[/tr][/table]

INTRODUCTION

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Aenean et tortor at risus viverra. Quam id leo in vitae turpis massa sed elementum. Donec enim diam vulputate ut pharetra sit amet aliquam id. Ante metus dictum at tempor commodo ullamcorper a lacus vestibulum. Nunc mattis enim ut tellus elementum sagittis vitae et. Aliquet sagittis id consectetur purus ut faucibus pulvinar. Quisque non tellus orci ac auctor augue. Cursus metus aliquam eleifend mi in nulla posuere. Elementum nisi quis eleifend quam adipiscing vitae. Integer eget aliquet nibh praesent tristique magna.

Sed risus ultricies tristique nulla aliquet enim. Sapien nec sagittis aliquam malesuada. Sodales neque sodales ut etiam sit amet. Vehicula a arcu cursus.

TERRITORY

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ut nulla eu risus luctus posuere sit amet at felis. Nunc leo tortor, tincidunt a pretium et, varius ut ex.

LOCATION — [X / X / X]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ut nulla eu risus luctus posuere sit amet at felis. Nunc leo tortor, tincidunt a pretium et, varius ut ex. Nulla ornare urna vitae nunc sollicitudin rutrum. Donec sed purus et enim pharetra mollis gravida ut lorem. In at nibh sed sem aliquam efficitur mattis id enim.

LOCATION — [X / X / X]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ut nulla eu risus luctus posuere sit amet at felis. Nunc leo tortor, tincidunt a pretium et, varius ut ex. Nulla ornare urna vitae nunc sollicitudin rutrum. Donec sed purus et enim pharetra mollis gravida ut lorem. In at nibh sed sem aliquam efficitur mattis id enim.

LOCATION — [X / X / X]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ut nulla eu risus luctus posuere sit amet at felis. Nunc leo tortor, tincidunt a pretium et, varius ut ex. Nulla ornare urna vitae nunc sollicitudin rutrum. Donec sed purus et enim pharetra mollis gravida ut lorem. In at nibh sed sem aliquam efficitur mattis id enim.

LOCATION — [X / X / X]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ut nulla eu risus luctus posuere sit amet at felis. Nunc leo tortor, tincidunt a pretium et, varius ut ex. Nulla ornare urna vitae nunc sollicitudin rutrum. Donec sed purus et enim pharetra mollis gravida ut lorem. In at nibh sed sem aliquam efficitur mattis id enim.

HIERARCHY

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ut nulla eu risus luctus posuere sit amet at felis.

RANK
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ut nulla eu risus luctus posuere sit amet at felis.
Character, played by rper

RANK
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ut nulla eu risus luctus posuere sit amet at felis.
Character, played by rper

RANK
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ut nulla eu risus luctus posuere sit amet at felis.
Character, played by rper

RANK
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ut nulla eu risus luctus posuere sit amet at felis.
Character, played by rper

RANK
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ut nulla eu risus luctus posuere sit amet at felis.

TRADITIONS

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ut nulla eu risus luctus posuere sit amet at felis. Nunc leo tortor, tincidunt a pretium et, varius ut ex. Nulla ornare urna vitae nunc sollicitudin rutrum. Donec sed purus et enim pharetra mollis gravida ut lorem. In at nibh sed sem aliquam efficitur mattis id enim. Nullam tortor mauris, tincidunt id sollicitudin in, aliquet vel ante. Curabitur commodo, dui ac tristique vehicula, est felis tempor quam, nec molestie erat nunc dictum lorem. Morbi semper eros erat, ac ultrices augue egestas vel.

Aliquam venenatis leo ligula, eget fermentum lacus lacinia ultricies. Sed sit amet ullamcorper purus. Integer pellentesque at lorem sed eleifend. Vivamus sagittis nisl ac nisi vestibulum, in porta neque vestibulum.

RULES

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ut nulla eu risus luctus posuere sit amet at felis.

1. Nunc leo tortor, tincidunt a pretium et, varius ut ex.
2. Nulla ornare urna vitae nunc sollicitudin rutrum. Donec sed purus et enim pharetra mollis gravida ut lorem.
3. In at nibh sed sem aliquam efficitur mattis id enim.
4. Nullam tortor mauris, tincidunt id sollicitudin in, aliquet vel ante.

Curabitur commodo, dui ac tristique vehicula, est felis tempor quam, nec molestie erat nunc dictum lorem. Morbi semper eros erat, ac ultrices augue egestas vel.

HISTORY

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ut nulla eu risus luctus posuere sit amet at felis. Nunc leo tortor, tincidunt a pretium et, varius ut ex. Nulla ornare urna vitae nunc sollicitudin rutrum. Donec sed purus et enim pharetra mollis gravida ut lorem. In at nibh sed sem aliquam efficitur mattis id enim. Nullam tortor mauris, tincidunt id sollicitudin in, aliquet vel ante. Curabitur commodo, dui ac tristique vehicula, est felis tempor quam, nec molestie erat nunc dictum lorem. Morbi semper eros erat, ac ultrices augue egestas vel.

Aliquam venenatis leo ligula, eget fermentum lacus lacinia ultricies. Sed sit amet ullamcorper purus. Integer pellentesque at lorem sed eleifend. Vivamus sagittis nisl ac nisi vestibulum, in porta neque vestibulum.

[div style="max-width: 500px; height: 75px; background:url('http://wallup.net/wp-content/uploads/2016/01/258634-nature-landscape-mist-forest-sunrise-trees-fall-mountain-yellow-green.jpg'); background-position: bottom; background-size: cover; border: 3px solid #ceb56e;"]x

#psy.

Code:

[align=center][div style="max-width: 500px; height: auto;"][div style="max-width: 500px; height: 75px; background:url('IMGHERE'); background-position: top; background-size: cover; border: 3px solid COLOR1;"][color=transparent]x[/color][/div]
[div style="max-width: 500px; height: auto; background-color: COLOR2; border-left: 3px solid COLOR1; border-right: 3px solid COLOR1; border-bottom: 3px solid COLOR1; padding-top: 10px; padding-bottom: 10px; padding-left: 5px; padding-right: 5px; text-align: center; text-transform: uppercase; font-family: arial; font-size: 30px; color: black;"][b]━━━━━━━━ TITLE ━━━━━━━━[/b][/div]
[div style="max-width: 500px; height: auto;"][table][tr]
[td][div style="width: 100px; height: auto; background-color: COLOR2; padding: 5px; border-left: 3px solid #ceb46e; border-right: 3px solid COLOR1; border-bottom: 3px solid COLOR1; text-align: center; text-transform: uppercase; font-family: arial; font-size: 10px; font-weight: bold;"][color=black][url=LINKHERE]LINK[/url][/color][/div][/td]
[td][div style="width: 100px; height: auto; background-color: COLOR2; padding: 5px; border-right: 3px solid COLOR1; border-bottom: 3px solid COLOR1; text-align: center; text-transform: uppercase; font-family: arial; font-size: 10px; font-weight: bold;"][color=black][url=LINKHERE]LINK[/url][/color][/div][/td]
[td][div style="width: 100px; height: auto; background-color: COLOR2; padding: 5px; border-right: 3px solid COLOR1; border-bottom: 3px solid COLOR1; text-align: center; text-transform: uppercase; font-family: arial; font-size: 10px; font-weight: bold;"][color=black][url=LINKHERE]LINK[/url][/color][/div][/td]
[td][div style="width: 100px; height: auto; background-color: COLOR2; padding: 5px; border-right: 3px solid COLOR1; border-bottom: 3px solid COLOR1; text-align: center; text-transform: uppercase; font-family: arial; font-size: 10px; font-weight: bold;"][color=black][url=LINKHERE]LINK[/url][/color][/div][/td]
[td][div style="width: 100px; height: auto; background-color: COLOR2; padding: 5px; border-right: 3px solid COLOR1; border-bottom: 3px solid COLOR1; text-align: center; text-transform: uppercase; font-family: arial; font-size: 10px; font-weight: bold;"][color=black][url=LINKHERE]LINK[/url][/color][/div][/td]
[/tr][/table][/div]
[div style="max-width: 500px; height: auto; background:url('IMGHERE'); background-size: cover; background-position: center; border-left: 3px solid COLOR1; border-right: 3px solid COLOR1; border-bottom: 3px solid COLOR1;"][div style="max-width: 500px; background:linear-gradient(to right, COLOR2 25%, transparent); padding-top: 10px; padding-bottom: 10px; padding-left: 5px; padding-right: 5px; text-align: left; text-transform: uppercase; font-family: arial; font-size: 25px; color: black;"]HEADER[/div][/div]
[div style="max-width: 500px; height: auto; background-color: COLOR2; border-left: 3px solid COLOR1; border-right: 3px solid COLOR1; border-bottom: 3px solid COLOR1; padding: 10px; text-align: justify; font-family: arial; font-size: 13px; color: black;"]TEXT HERE[/div]
[div style="max-width: 500px; height: auto; background:url('IMGHERE'); background-size: cover; background-position: center; border-left: 3px solid COLOR1; border-right: 3px solid COLOR1; border-bottom: 3px solid COLOR1;"][div style="max-width: 500px; height: auto; background:linear-gradient(to left, COLOR2 25%, transparent); padding-top: 10px; padding-bottom: 10px; padding-left: 5px; padding-right: 5px; text-align: right; text-transform: uppercase; font-family: arial; font-size: 25px; color: black;"]HEADER[/div][/div]
[div style="max-width: 500px; height: auto; background-color: COLOR2; border-left: 3px solid COLOR1; border-right: 3px solid COLOR1; border-bottom: 3px solid COLOR1; padding: 10px; text-align: justify; font-family: arial; font-size: 13px; color: black;"]TEXT HERE[/div]
[div style="max-width: 500px; height: auto; background:url('IMGHERE'); background-size: cover; background-position: center; border-left: 3px solid COLOR1; border-right: 3px solid COLOR1; border-bottom: 3px solid COLOR1;"][div style="max-width: 500px; background:linear-gradient(to right, COLOR2 25%, transparent); padding-top: 10px; padding-bottom: 10px; padding-left: 5px; padding-right: 5px; text-align: left; text-transform: uppercase; font-family: arial; font-size: 25px; color: black;"]HEADER[/div][/div]
[div style="max-width: 500px; height: auto; background-color: COLOR2; border-left: 3px solid COLOR1; border-right: 3px solid COLOR1; border-bottom: 3px solid COLOR1; padding: 10px; text-align: justify; font-family: arial; font-size: 13px; color: black;"]TEXT HERE[/div]
[div style="max-width: 500px; height: auto; background:url('IMGHERE'); background-size: cover; background-position: center; border-left: 3px solid COLOR1; border-right: 3px solid COLOR1; border-bottom: 3px solid COLOR1;"][div style="max-width: 500px; height: auto; background:linear-gradient(to left, COLOR2 25%, transparent); padding-top: 10px; padding-bottom: 10px; padding-left: 5px; padding-right: 5px; text-align: right; text-transform: uppercase; font-family: arial; font-size: 25px; color: black;"]HEADER[/div][/div]
[div style="max-width: 500px; height: auto; background-color: COLOR2; border-left: 3px solid COLOR1; border-right: 3px solid COLOR1; border-bottom: 3px solid COLOR1; padding: 10px; text-align: justify; font-family: arial; font-size: 13px; color: black;"]TEXT HERE[/div]
[div style="max-width: 500px; height: auto; background:url('IMGHERE'); background-size: cover; background-position: center; border-left: 3px solid COLOR1; border-right: 3px solid COLOR1; border-bottom: 3px solid COLOR1;"][div style="max-width: 500px; background:linear-gradient(to right, COLOR2 25%, transparent); padding-top: 10px; padding-bottom: 10px; padding-left: 5px; padding-right: 5px; text-align: left; text-transform: uppercase; font-family: arial; font-size: 25px; color: black;"]HEADER[/div][/div]
[div style="max-width: 500px; height: auto; background-color: COLOR2; border-left: 3px solid COLOR1; border-right: 3px solid COLOR1; border-bottom: 3px solid COLOR1; padding: 10px; text-align: justify; font-family: arial; font-size: 13px; color: black;"]TEXT HERE[/div]
[div style="max-width: 500px; height: auto; background:url('IMGHERE'); background-size: cover; background-position: center; border-left: 3px solid COLOR1; border-right: 3px solid COLOR1; border-bottom: 3px solid COLOR1;"][div style="max-width: 500px; height: auto; background:linear-gradient(to left, COLOR2 25%, transparent); padding-top: 10px; padding-bottom: 10px; padding-left: 5px; padding-right: 5px; text-align: right; text-transform: uppercase; font-family: arial; font-size: 25px; color: black;"]HEADER[/div][/div]
[div style="max-width: 500px; height: auto; background-color: COLOR2; border-left: 3px solid COLOR1; border-right: 3px solid COLOR1; padding: 10px; text-align: justify; font-family: arial; font-size: 13px; color: black;"]TEXT HERE[/div]
[div style="max-width: 500px; height: auto;"][div style="max-width: 500px; height: 75px; background:url('IMGHERE'); background-position: bottom; background-size: cover; border: 3px solid COLOR1;"][color=transparent]x[/color][/div]
[size=8][url=https://beastsofbeyond.com/index.php?topic=255.0]#psy.[/url][/size][/align]