Free CSS and HTML by Chris (40+) :|: Lioden

Heavenly
View Forum Posts

Posted on
2023-02-10 20:50:45

Free CSS and HTML
All CSS layouts can be pasted into territory descriptions and branches using the bits of code beneath the preview images with the singular asterisk (*) removed. To use them in caves and mounds just copy the dropbox link inside of them that's in the double quotes after href.

HTML templates (found in the first reply of this thread) can be used by tapping or clicking on the preview image to be taken to its pastebin page.

Any of the code on this thread you are free to edit as you like as long as my credits are not removed and are clearly visible. I am also happy to help if there's anything you're having trouble with in regards to editing.

All layouts with an * after the name are clan compatible and any with ** are clan compatible and are more detailed than my typical free layouts.
Scenic Layouts
Rocky Arch
Rocky Arch Layout Preview

<*link rel="stylesheet" type="text/css" href="https://dl.dropbox.com/s/2ecm987no8rlo7f/rocky-arch.css?dl=0" />

Boat at Night
Boat at Night Layout Preview

<*link rel="stylesheet" type="text/css" href="https://dl.dropbox.com/s/ek8wsew9fh78fct/boat-at-night.css?dl=0" />

Mossy Forest
Mossy Forest Layout Preview

<*link rel="stylesheet" type="text/css" href="https://dl.dropbox.com/s/95b9uaiuu23730a/mossy-forest.css?dl=0" />

Spacey Blue
Spacey Blue Layout Preview

<*link rel="stylesheet" type="text/css" href="https://dl.dropbox.com/s/9nwk5tszv2eqqp9/space-blue.css?dl=0" />

Cherry Blossoms
Cherry Blossoms Layout Preview

<*link rel="stylesheet" type="text/css" href="https://dl.dropbox.com/s/5rovy2ygblbx5lh/cherryblossom.css?dl=0" />

Aesthetic Layouts
Stamps
Stamps Layout Preview

<*link rel="stylesheet" type="text/css" href="https://dl.dropbox.com/s/e9pcidkkv2bx04r/stamps.css?dl=0" />

Pink Clouds
Pink Clouds Layout Preview

<*link rel="stylesheet" type="text/css" href="https://dl.dropbox.com/s/69q7r8ykw48ji1w/pink-clouds.css?dl=0" />

Daisies
Daisies Layout Preview

<*link rel="stylesheet" type="text/css" href="https://dl.dropbox.com/s/hbskrhuye5w72vn/daisies.css?dl=0" />

Pink Skyline
Pink Skyline Layout Preview

<*link rel="stylesheet" type="text/css" href="https://dl.dropbox.com/s/3znwp1q8uk8ah7y/pink-skyline.css?dl=0" />

Honeycomb
Honeycomb Layout Preview

<*link rel="stylesheet" type="text/css" href="https://dl.dropbox.com/s/du4xbl62hvxm23q/honeycomb.css?dl=0" />

That Assignment You're Avoiding
Assignment Layout Preview

<*link rel="stylesheet" type="text/css" href="https://dl.dropbox.com/s/gvfbjgp7qvrwpob/assignment.css?dl=0" />

Red Sun
yes there is a red sun on the bg image it's just hard to see in the example lol sorry about that
Red Sun Layout Preview

<*link rel="stylesheet" type="text/css" href="https://dl.dropbox.com/s/jfw7ae0q06mprfj/red-sun.css?dl=0" />

Flower in the Dark
Flower in the Dark Layout Preview

<*link rel="stylesheet" type="text/css" href="https://dl.dropbox.com/s/va09alay85vpapc/flower-in-dark.css?dl=0" />

Iridescent
Iridescent Layout Preview

<*link rel="stylesheet" type="text/css" href="https://dl.dropbox.com/s/ci192qv44qj7wyx/iridescent.css?dl=0" />

Simple Layouts
Blue and Peach
Blue and Peach Layout Preview

<*link rel="stylesheet" type="text/css" href="https://dl.dropbox.com/s/d0qidmqkzfek5sp/blue-and-peach.css?dl=0" />

Plum and Silver
Plum and Silver Layout Preview

<*link rel="stylesheet" type="text/css" href="https://dl.dropbox.com/s/ez1nibutgz96tm2/plum-and-blue.css?dl=0" />

Wine and Bone
Wine and Bone Layout Preview

<*link rel="stylesheet" type="text/css" href="https://dl.dropbox.com/s/3hhcjlvr72u9mbb/wine-and-bone.css?dl=0" />

Winter
Winter Layout Preview

<*link rel="stylesheet" type="text/css" href="https://dl.dropbox.com/s/sneh57hnf8tbmdj/winter.css?dl=0" />

Pink Skulls**
Pink Skulls Layout Preview

<*link rel="stylesheet" type="text/css" href="https://dl.dropbox.com/scl/fi/u5b6muemvnhxq46rk42ba/pink-skulls.css?rlkey=6uqpqf90gnm5q0z62fvtpn8vi&st=j6ahct5e&dl=0" />

Pride Layouts
Ultra Bright Rainbow
Ultra Bright Rainbow Layout Preview

<*link rel="stylesheet" type="text/css" href="https://dl.dropbox.com/s/u0cc3voocysdes2/pride-rainbow.css?dl=0" />

Bi Vibes
Bi Vibes Layout Preview

<*link rel="stylesheet" type="text/css" href="https://dl.dropbox.com/s/oe1efjunk6px3yi/bi-vibes.css?dl=0" />

Lesbian
Lesbian Layout Preview

<*link rel="stylesheet" type="text/css" href="https://dl.dropbox.com/s/kpzbpsxc0ooifp5/lesbian.css?dl=0" />

Gay
Gay Layout Preview

<*link rel="stylesheet" type="text/css" href="https://dl.dropbox.com/s/sc0s9kpo1mz8tzr/gay.css?dl=0" />

Trans (the blue is a bit off but dw about it lol)
Trans Layout Preview

<*link rel="stylesheet" type="text/css" href="https://dl.dropbox.com/s/oyw4xn1kea6fcpe/trans.css?dl=0" />

Pan
Pan Layout Preview

<*link rel="stylesheet" type="text/css" href="https://dl.dropbox.com/s/5xd2v3aide18hgs/pan.css?dl=0" />

Lion Pride (Request)
I put it here as a pun lol
Lion Pride Layout Preview

<*link rel="stylesheet" type="text/css" href="https://dl.dropbox.com/s/asxzzdyaavlitln/lion-pride.css?dl=0" />

Enby
Enby Layout Preview

<*link rel="stylesheet" type="text/css" href="https://dl.dropbox.com/s/lbj0gr6e858v4hs/enby.css?dl=0" />

Seasonal Layouts
Spring Bird**
Spring Bird Layout Preview

<*link rel="stylesheet" type="text/css" href="https://dl.dropbox.com/scl/fi/31al6hhj7e8b8llipy39n/spring-bird.css?rlkey=1fbj45zxxoh8a7jv467tix0jy&dl=0" />

Spring Night**
Spring Night Layout Preview

<*link rel="stylesheet" type="text/css" href="https://dl.dropbox.com/scl/fi/8b4j9ibzojqz0ykv4mp6x/spring-night.css?rlkey=t0bh52i05dvbrcnya6t0xk6mx&dl=0" />

Summer Beach*
Summer Beach Layout Preview

<*link rel="stylesheet" type="text/css" href="https://dl.dropbox.com/s/bh9bc8qn34hw3av/season-summer.css?dl=0" />

Summer Sunset**
Summer Sunset Layout Preview

<*link rel="stylesheet" type="text/css" href="https://dl.dropbox.com/scl/fi/eoi1obt2euciui5b1pa7d/beach-sunset.css?rlkey=k64kse5oiil6ibq21f787280w&dl=0" />

Autumn Leaves
Autumn Leaves Layout Preview

<*link rel="stylesheet" type="text/css" href="https://dl.dropbox.com/s/mjxngzts6htv00r/season-autumn.css?dl=0" />

Harvest Moon**
Harvest Moon Layout Preview

<*link rel="stylesheet" type="text/css" href="https://dl.dropbox.com/scl/fi/hr6joomzopye5pi1wl8y8/harvest-moon.css?rlkey=40w3ykqp7qhimd9birhpcnq18&dl=0" />

Winter Pond**
Winter Pond Layout Preview

<*link rel="stylesheet" type="text/css" href="https://dl.dropbox.com/scl/fi/drkqbxpjftn87g26z0xtv/winter-pond.css?rlkey=bfjzvudl1yf6kgthk6v6g7d0f&dl=0" />

Winter Ice
Winter Ice Layout Preview

<*link rel="stylesheet" type="text/css" href="https://dl.dropbox.com/s/lysms1dxcqc67pp/season-winter.css?dl=0" />

Twitter-esque Layouts
Lights Out Blue
Lights Out Blue Layout Preview

<*link rel="stylesheet" type="text/css" href="https://dl.dropbox.com/s/cd4hyubhyaggh5q/twt-dark-blue.css?dl=0" />

Lights Out Green
Lights Out Green Layout Preview

<*link rel="stylesheet" type="text/css" href="https://dl.dropbox.com/s/9e5esvoikk78uby/twt-dark-green.css?dl=0" />

Lights Out Orange
Lights Out Orange Layout Preview

<*link rel="stylesheet" type="text/css" href="https://dl.dropbox.com/s/b7xdeeb416gba06/twt-dark-orange.css?dl=0" />

Lights Out Pink
Lights Out Pink Layout Preview

<*link rel="stylesheet" type="text/css" href="https://dl.dropbox.com/s/qgvxlw754u2fuw0/twt-dark-pink.css?dl=0" />

Lights Out Purple
Lights Out Purple Layout Preview

<*link rel="stylesheet" type="text/css" href="https://dl.dropbox.com/s/svxmswoyzkibq4b/twt-dark-purple.css?dl=0" />

Lights Out Yellow
Lights Out Yellow Layout Preview

<*link rel="stylesheet" type="text/css" href="https://dl.dropbox.com/s/awt1i6r9zwpzzwc/twt-dark-yellow.css?dl=0" />

Dim Blue
Dim Blue Layout Preview

<*link rel="stylesheet" type="text/css" href="https://dl.dropbox.com/s/i9v7n4z11alteya/twt-dim-blue.css?dl=0" />

Dim Green
Dim Green Layout Preview

<*link rel="stylesheet" type="text/css" href="https://dl.dropbox.com/s/1wz8xvnknooc5ef/twt-dim-green.css?dl=0" />

Dim Orange
Dim Orange Layout Preview

<*link rel="stylesheet" type="text/css" href="https://dl.dropbox.com/s/bcugooowqbi14hn/twt-dim-orange.css?dl=0" />

Dim Pink
Dim Pink Layout Preview

<*link rel="stylesheet" type="text/css" href="https://dl.dropbox.com/s/k7efgzm69z6asmn/twt-dim-pink.css?dl=0" />

Dim Purple
Dim Purple Layout Preview

<*link rel="stylesheet" type="text/css" href="https://dl.dropbox.com/s/xkwdr28c714i7ng/twt-dim-purple.css?dl=0" />

Dim Yellow
Dim Yellow Layout Preview

<*link rel="stylesheet" type="text/css" href="https://dl.dropbox.com/s/84cilc4o95csq49/twt-dim-yellow.css?dl=0" />

55 players like this post! Like?

Edited on 30/04/24 @ 21:12:11 by Chris (Main) 🌼 (#105465)

Asshole
View Forum Posts

Posted on
2023-03-11 19:50:18

Asshole
View Forum Posts

Posted on
2023-03-11 19:50:18

#304445573321

Hello can i request a cow print theme like a cow print background and a little cartoon cow courser? or can you not do that

0 players like this post! Like?

Heavenly
View Forum Posts

Posted on
2023-03-11 19:51:49

Heavenly
View Forum Posts

Posted on
2023-03-11 19:51:49

#304445573326

I could add a cow themed layout to my plans for sure but I don't ever do custom cursors since they clash with my ethics as a web developer sorry about that

0 players like this post! Like?

Asshole
View Forum Posts

Posted on
2023-03-11 21:42:47

Asshole
View Forum Posts

Posted on
2023-03-11 21:42:47

#304445573599

no thats good i have been looking for a cow prin layout for like ever

0 players like this post! Like?

UwU
View Forum Posts

Posted on
2023-03-15 18:56:25

UwU
View Forum Posts

Posted on
2023-03-15 18:56:25

#304445588177

Do spoilers work with ur htmls ? :]

**edit: correction

0 players like this post! Like?

Edited on 15/03/23 @ 19:05:03 by Freggi Faszbear~g2 pie x9 hali (#283359)

Heavenly
View Forum Posts

Posted on
2023-03-15 19:03:58

Heavenly
View Forum Posts

Posted on
2023-03-15 19:03:58

#304445588205

spoilers are coded into the site so they should work on any forum idk if they work on den pages tho I've never tried

0 players like this post! Like?

UwU
View Forum Posts

Posted on
2023-03-15 19:05:34

UwU
View Forum Posts

Posted on
2023-03-15 19:05:34

#304445588206

Ah okay! I have had a couple of issues with htmls not working with the spoiler command before! ^^

0 players like this post! Like?

Heavenly
View Forum Posts

Posted on
2023-03-15 19:07:37

Heavenly
View Forum Posts

Posted on
2023-03-15 19:07:37

#304445588216

it can be tricky but it's mostly about placement since the spoiler tag itself can be pretty fickle

1 player likes this post! Like?

Angelic
View Forum Posts

Posted on
2023-03-16 11:48:42

Angelic
View Forum Posts

Posted on
2023-03-16 11:48:42

#304445590532

don't work :(

0 players like this post! Like?

Heavenly
View Forum Posts

Posted on
2023-03-16 11:49:55

Heavenly
View Forum Posts

Posted on
2023-03-16 11:49:55

#304445590535

can you...tell me what didn't work?

0 players like this post! Like?

Angelic
View Forum Posts

Posted on
2023-03-16 11:51:48

Angelic
View Forum Posts

Posted on
2023-03-16 11:51:48

#304445590547

Idk, normally it work..maybe cuz it's from a different site

0 players like this post! Like?

Edited on 16/03/23 @ 11:56:12 by MelloTofu (He/They) (#310777)

Heavenly
View Forum Posts

Posted on
2023-03-16 11:53:20

Heavenly
View Forum Posts

Posted on
2023-03-16 11:53:20

#304445590556

as it says at the top of the thread, you have to remove the asterisk (*) to use the code I have to include the asterisk so that the forum doesn't automatically hide parts of what I type into it. you left the asterisk in so your page doesn't recognize it as code

0 players like this post! Like?

Angelic
View Forum Posts

Posted on
2023-03-16 11:57:25