page by ghsctfaec: dumb hot! / preview & download (free on ko-fi)

features: page title, navigation one & two: all navigation title, per navigation section: 55x55px icon image, navigation title, option for sub-navigation title, tags; elsewhere tab: all updates title, updates section with title, content and date, sideblogs title, sideblog link, with 45x45px icon image, socials title, socials links

notes: reblog if you like, plan on using or if using. this page might contain javascript. if your blog is new and doesn't allow you to use javascript, kindly message support for permission to do so. send a message if you found a bug in the coding.

quick links: full terms of use, commissions info, theme & pages credits, please consider supporting me, found bugs? send a ticket, storefront

Tumblr JSON theme base code

A base theme architecture using NPF JSON rendering instead of Tumblr's usual HTML blocks. Free to use/fork but check the README for setup info and reasoning for the weird quirks of tumblr code gymnastics. Check out the live preview blog and dig around.

If you run into bugs or have questions, please open an issue on GitHub rather than messaging me here.

ALT

ALT

ALT

ALT

Theme [42]: Interloper by glenthemes

🩸 ── preview / code / guide / credits 。

ĭn′tər-lō′pər, (n.) one who is unwanted or unwelcome; one who interferes where they do not belong. A mini fansite theme matching my Heartworm about page.

🩸 ─── features ‣

• header: banner image ； profile picture ； Discord-inspired status bubble ； username ； description ； smaller profile picture and title ； basic nav links ； popup ask ； popup submit ； back-to-top button
• sidebar: 200px–375px ； left or right ； auto sticky behavior
• sidebar box 1: image with optional gradient ； bonus description ； custom links (up to 8) ； searchbar
• sidebar box 2: custom updates (up to 8)
• sidebar box 3: members/affiliates (up to 6, tumblr blogs only) with optional short comment
• posts: 300px–650px (1 column only) ； legacy & NPF compatible ； old or new captions ； original poster, posting date and content source always visible ； optional click-to-show tags ； optional infinite scroll
• misc: mobile theme support ； optional shadows ； optional rounded corners

🩸 ── how to use and edit ‣

Please read the guide I put together! (〃˘▿˘)

🩸 ── terms of use / ask a question / tip jar  ☕

Reblogs in a chain now get their own notes

The reblog chain is one of the things that makes Tumblr unlike anywhere else. All the notes on reblogs are attributed to the original post, no matter which branch people actually liked or reblogged. We want to keep encouraging conversations, and give contributors the recognition they deserve. 

Soon, you'll be able to like, reblog, or reply to any part of a reblog chain, and that note will go to that reblog's author. Each reblog will have its own counts, instead of one aggregated number from every version of the post. And yes, you’ll be able to like multiple posts in one chain.

If a reblog doesn't add anything, the love flows up to the last person in the chain who did. Your post doesn't lose notes just because people spread it quietly.

Past notes will stay on the original post — we're only changing what happens from here on out. Retroactively re-attributing all of them would be... a lot.

This is just the beginning. More changes are coming as we keep building this out – stay tuned!

ALT

✽  NPF images fix v4.0 by glenthemes

A plugin that cleans up the appearance of NPF images on Tumblr themes, allowing them to mimic the appearance of legacy photo posts. Only applies to Tumblr themes, not the Tumblr dashboard.

✦ What is NPF?

"Neue Post Format" — prior to est. 2020, users could create posts of a primary type (i.e. text, photo, quote, link, chat, video). In recent years, Tumblr introduced NPF as the only available post type (i.e. everything becomes a text post) despite the post editor showing the illusion of different post types. NPF images can also refer to images between paragraphs (inline images).

✦ Features:

• turns images HD if available
• prevents shorter images from stretching / overflowing
• custom photoset spacing
• custom caption spacing
• improved lightbox functionality
• supports legacy blockquote captions, unnested captions, and modern captions
• automatic infinite scroll support
• [optional] moves main photoset to top of post
• [optional] adds original poster source to captionless npf posts

PREVIEWS + HOW TO INSTALL  ✽

ALT

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!