...In Templates, Code

Wikitable Code

Ixnael

clodsire render

description. a transparent image is best, but any works
Sociology
Population 3,012,000,000
Orbital Station Coatl
Orbital Characteristics
Day 23 hrs.
Axis Tilt 1/360th
Size 4/5ths Terra
Year 343 days
Atmosphere Habitable
Gravity 9.977 m/s²
Geography and Climate
Dominant Climate
SPOILERS
  • tropical
  • subtropical
Equatorial Temprature 88F
Polar Temprature 75F
Superscript Citation1
Subscript Name1
"mountain dew game fuel"

This responsive base template is supposed to mimic sites like Fandom, without the bloat, for personal projects. It uses a floating table that clears everything after it so it doesn't overflow onto other elements. This code uses only HTML and CSS, even for its dropdowns.

Get the HTML here or rip it from this page. Get the CSS here. Here's a working example by me. Want something more complete and MediaWiki inspired? check out squid's Pedia, which I used alongside wikitable in the example!

Show Content
  • 1. Wikitable Code
  • 2. Other Features
    • 2.1 Part of a Series On
    • 2.1 Flair

9/22/23 Wow! This got more popular than I expected! I've seen some question in the tags, so here's some general things about this template. First off, it's static. This means you won't be able to edit it as you would a fandom wiki, you'll have to go into the HTML. You also can't import a wiki directly, since this doesn't use mediawiki. If you want to have a community for an existing media with dynamic editing instead of doing most of it yourself (this template is mostly targeted towards personal projects,) I'd recommend getting an actual wikifarm such as Miraheze. It's free, and if you run a fandom, you can request a direct dump!

2/8/24 Added CSS root properties. Change the colors of the CSS in one convenient place.

Other Features

Here are some fun extras I wanted to include:

Part of a Series Of...

A Series Of People

person • this page • person • person

Those list boxes from wiki. To center it for use in the footer, use margin: auto in the CSS.

Header Flair

The top of this page has a header flair that uses id="flair" to place an image or unicode character ::before.

Citations

  1. Superscript can help you have a list of real (or fake!) citations.