Free CSS

To use any of these layouts, copy the code using the button and paste at the top of your territory description. It being above any text or what have you is incredibly important to how it applies. There can be other layouts above or below it, but they all need to be at the top of the territory description.

By using my free layouts, you are agreeing to my terms. The terms are as follows: all of these free layouts may be used by anyone without asking permission and they can be edited as much as you like as long as it is only for personal use. My layouts cannot be used as a template for your own commissions or free css. If you would like to edit one of these free layouts for a friend, that is the only exception. If edited, my credits need to remain in place, and it needs to be made clear that it has been edited. If you need any help with edits and I am not currently on a break, you can message my main account.

All of these layouts are clan compatible and any whose names are in green have cave images. Speaking of caves, if you'd like to use these in any caves or mounds, all you'll need to copy is the direct link to the css file which is the text inside of the "double quotes" after href (it will always be a dropbox link in my case). That link will go in the field that says "Cave CSS/Mound CSS" above the text box for the description.

Aesthetic Layouts

Animal Layouts

Event Layouts

Pride Layouts

Scenic Layouts

Seasonal Layouts

Simple Layouts

Twitter-esque Layouts

Uncategorized Layouts

Box Add-ons

You can only use one of these add-ons at a time as they will override each other. When pasting the HTML snippets into your territory description, be sure never to add any extra spaces (as in the Enter key) beyond what is already included to keep them displaying as intended. This has to do with the way LD is coded, so I really can't do much to fix that unfortunately. Feel free to message me if you have any questions and please check the tutorials page for more information on styling these boxes yourself. To paste in the CSS link, just paste it at the very top of the territory description, and if you have a CSS Layout, paste this code right after it.

The preview images display how they look with no style changes made. As the name suggests, the first set of boxes become larger when hovered over, but on mobile they are set to be taller with no expansion to make them easier to read. Hover effects can be a bit odd on mobile. Speaking of mobile, all my boxes are also made visible on mobile by default.

Hover Expanding Boxes Preview
Hover Expanding Boxes
Static Box Layout #1 Preview
Static Box Layout #1
Static Box Layout #2 Preview
Static Box Layout #2