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

Report

1 2 3 4 5 6 7 ... 13 14

Posted by

Free CSS and HTML by Chris (40+)

Chris (Main) 🌼 (#105465)

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" />

Color Pallet 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" />

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" />

53 players like this post! Like?

Edited on 14/04/24 @ 21:51:36 by Chris (Main) 🌼 (#105465)

Chris (Main) 🌼 (#105465)

Heavenly
View Forum Posts

Posted on
2023-02-10 20:56:21

Chris (Main) 🌼 (#105465)

Heavenly
View Forum Posts

Posted on
2023-02-10 20:56:21

#304445439426

HTML Templates have been moved to this reply to make room for more layouts in the main post. I will not be updating or adding any more of these for the foreseeable future because HTML Templates are annoying to work with lol I much prefer working with CSS.

DO NOT REMOVE MY CREDITS WHEN EDITING THE TEMPLATES.
HTML Templates
Roses (this thread)

Purple Butterflies

Pigs

Floaties

Bees

Dragonflies

Arctic Animals

Dots

Flamingos

Hearts

Flowers

Cinderblocks

Orange Flowers

Retro

Peacock (Request)

Scales

Gray Floral

Blue Floral

Green Pentagons

Circles

White Flowers

Blue Tiles

14 players like this post! Like?

Edited on 10/04/24 @ 21:49:26 by Chris (Main) 🌼 (#105465)

Xyla! (#385451)

Brutal
View Forum Posts

Posted on
2023-02-11 16:14:01

Xyla! (#385451)

Brutal
View Forum Posts

Posted on
2023-02-11 16:14:01

#304445442817

oo that purple butterflies html template is gorgeous <33

0 players like this post! Like?

Chris (Main) 🌼 (#105465)

Heavenly
View Forum Posts

Posted on
2023-02-11 16:32:11

Chris (Main) 🌼 (#105465)

Heavenly
View Forum Posts

Posted on
2023-02-11 16:32:11

#304445442948

I'm glad you like it! that one's probably my favorite I've done so far

0 players like this post! Like?

Siren (#335050)

View Forum Posts

Posted on
2023-02-12 17:39:47

Siren (#335050)

View Forum Posts

Posted on
2023-02-12 17:39:47

#304445447917

Could you do a space CSS?? More black holes?

0 players like this post! Like?

Edited on 12/02/23 @ 19:13:50 by Siren (#335050)

Chris (Main) 🌼 (#105465)

Heavenly
View Forum Posts

Posted on
2023-02-12 17:48:02

Chris (Main) 🌼 (#105465)

Heavenly
View Forum Posts

Posted on
2023-02-12 17:48:02

#304445447961

that sounds like a cool idea for sure! I'm planning to do some simple layouts without background images and focus on a color pallet atm, but I might look into something with an image similar to the ones you gave once I'm done with those

0 players like this post! Like?

Siren (#335050)

View Forum Posts

Posted on
2023-02-12 17:48:32

Siren (#335050)

View Forum Posts

Posted on
2023-02-12 17:48:32

#304445447964

aight!! just an fyi, im gonna try to save and comm you!!

0 players like this post! Like?