#base codes

[eggdesign]

CSS-only Sliding Menu

base code / simple preview

Aside from some built in transitions and CSS variables, this is a blank template to build your own menu content. To showcase what you can do with it, I've also made a customized preview.

This is made possible with :focus-within, which lets us select a parent element based on the (focused) state of its children, similar to :has(). Using :has(:focus) could have accomplished something like this, but this selector is specialized for this purpose.

Let me know if there's anything I should add!

[ghcstfaec]

base code - everchanging by @ghcstfaec preview/download

features:

300x220px sidebar image

blog title

three custom links

500px text posts

notes:

UPDATED JANUARY 1, 2026: edited the scrollbar width, sidebar image height and width, the alignment of the blog title, description and custom links, some of the entries information.

i tried to make this as simple to edit as possible. i hope you enjoy! you don’t have to necessarily credit me for the usage of this base code.

please like or reblog if using. message me if you found coding bugs aka a mistake caused by my sleepiness.

i don’t claim any of the fonts, scripts and/or tutorials i used unless stated otherwise. see full credits here.

[goth-butt]

.01 Updates Tab — Starfish Base Code

Static Preview: [ও] | Code: [Pastebin]

A clickable updates tab base code! Directions and commentary/tips included in the code for beginners. Attempted to be simplistic to use/edit, with some fancy flair added in. Intended for the style to be as independent from themes as possible. Customize and edit as much as you want. Please report any bugs or issues!

Rules: — Credit can be removed after significant changes to the code — Do not reupload as your own without significant changes — Do not steal my base code and claim as your own — Please like/reblog if using!

[aliceontheme]

Midnight Blue

Theme 02: Midnight Blue

Version: 3.0 - fixed bugs and improved rwd

Description: A one column theme with a fixed header and it also comes with a footer.

Features: 

Header

Blog Avatar

Custom 5 Links

Optional Background Image

Gradient Page Background Colour

Blogger Description

Social Media Platforms

Optional Link or Window of Ask on Footer

Footer

Preview | Source Code

Please do like or reblog this post if you are planning to use it. Thank you, and I really do appreciate it. :)

[aliceonhere]

Theme 01 : blush theme

Version: 2.0 - fixed bugs and improved rwd

Description: A one column minimal theme with a sidebar.

Features:

Sidebar

Blog Avatar

Blog Title

Description

Custom 5 Links

Preview | Source Code

I would love to hear your feedback about this theme. This is also my first time to make one. 

Please do like or reblog this post if you are planning to use it. Thank you and I really do appreciate it.

[whimsythemes]

UGHTHMS’ BASECODE - multicolumn

Finally, something I’ve been meaning to release since I started making my own base code! Here is my code that I use as the base to most of my themes.

There’s nothing fancy to this theme, just the skeleton; so customize it to your heart’s content! No need to keep credit, just if someone asks, refer them here!

code - more themes

[eggdesign]

hiya egg!! i was wondering, if i wanted to start building my own tumblr themes, where should i start? i already know how to use HTML, CSS, and JS; i'm just not sure where exactly to start my tumblr theming journey. also ty for your hard work and lovely themes <3

hi! So I recommend looking at the official documentation for theme making. It's a good reference for what blocks and variables you can use.

I also made a base code that includes all the basic things your theme needs, including theme garden requirements. It's intended to be used for learning so you are free to edit as much as you want and release it as your own theme.

I started making a guide to go with it that goes over what the blocks are doing. Here's the guide for blocks and variables, the guide for posts in general, and the tips for theme options/styling.

Feel free to use the guide even if you don't want to use my base code. Aside from mine, theme-hunter has a tag for base codes!

[goth-butt]

Base Code

Static Preview: [ও] | Code: [Pastebin]

A simple base code.

Rules: — Credit can be removed after significant changes to the code — Do not reupload as your own without significant changes — Do not steal my base code and claim as your own — Please like/reblog if using!