lycheethemes

dean. she/her. 23. houses themes, pages, and resources. icon by luxannaray.

[lycheethms]

Theme #12: Chances

Preview  | Install

Chances is a writing-focused/text-heavy theme equipped. As such, it allows for a custom google font along with customizable font size, line height, letter spacing, and font weight. There’s a story section where you can showcase your work, choosing from two different styles. Styling the story section, though, requires some knowledge of HTML though I’ve also tried to clearly explain things in the code itself.

Features:

Responsive design

Story section (bookmark button)

Requires some HTML knowledge. Guides and examples in the code. Just press CTRL + F on Windows or CMD + F on Mac and type “story” (w/o the quotation marks)

Story section has two styles: Original and Fanfiction in the examples

While the examples are set a certain way (Original to link to posts on your blog and Fanfiction to link to outside websites), they can be used the same way. It just depends on how you want the info formatted

Day/night mode

Post size: 500px, 540px, 600px, 650px, 700px

Gap Between Posts: 32px - 96px

Photoset Gaps: 0px - 10px

Color options: Post, Backgrounds, Fonts, Accents, etc (30+)

Font Size: 12px - 20px

Line Height: 12px - 30px

Popup menu (more links button)

Optional: 4 customizable links, use Tumblr pages, post shadow, rounded corners on posts, header

Custom google font

Theme credits in the code. Feel free to message me with any questions!

Other credits:

Icon from @deardaichi

Fics from:

dearly departed by @kingburu

come @ me bro by @noodlefriend

[lycheethms]

hi - me again. i tried the code you gave me and it worked. thank you so much!

Perfect! And, no problem!

[mournstera]

Maringue — a premium responsive, single-column theme

Static previews:

Header

Left sidebar

Right sidebar

Download code: Ko-fi

This is a single-column Tumblr theme with a choice between header, left or right sidebar, and body font (Google fonts) of your choice. Full support of npf posts. Optional dark/light mode toggle. Build in tabs for posts, about me and update tab - check out the previews.

Read features and notes below the cut

Customize colours for dark and light mode

Customizable post margin

Custom title

Custom description

Select font-size

Select Post-width (350-540px)

Select photoset gutter (1-4px)

Select post info displayed as text or icons

Select display tags or hidden behind toggle

Select Tumblr controls displayed or hidden behind toggle

Toggle between sharp or rounded corners on content

Toggle between shark or rounded corners on photo(sets)

Toggle display of search bar

Toggle display of tabs

Navigation: An unlimited display of native Tumblr pages (Learn how they work in my helpdesk here). Custom label for home + ask + archive link.

Sidebar Image icon: Choose between sizes 40x40px/60x60px/80x80px. Choose a shape between shapes square, rounded, circle or blob. Separate icons for light and dark mode! But If you want the same icon, simply upload it twice.

Dark Mode: If you decide to offer dark mode, it detects if the visitor’s operating system is on dark mode, and displays that choice at the first visit - of course with the option to toggle the other mode on/off.

Tabs: if you don't want about section or update section displayed, simply delete the text in the tab title.

Tab - About me section: All info can be changed directly in the customization panel! To change the stats icon see below under Icon change.

Tab - Update tab section: All info can be changed directly in the customization panel.

Icon change: To change the icons in the tabs section, update tab or about stas, go to phosphoricons.com and simply copy the name of the icon like so:

Into the corresponding field:

Notes:

Via/source links are on permalink pages

to hide the archive link, simply delete the text in the field.

Submit-link and ask-link only shows if toggled on in your blog's settings.

Credits

[phantomcodes]

emerald | theme by sage

get the code: static preview / live preview @tina-snow my first theme back!! a npf supported sidebar theme

features (more info below the cut):

toggle: tags on click, updates tab, left/right sidebar

headerbar includes blog icon & title/home link | day/night & tumblr controls buttons

sidebar includes links for home, ask, archive, & up to 4 extras, an uploadable image, and custom description

customizable: blog title, description, colors, body & title fonts, and font size

npf supported, responsive design, scroll to top, 3 corner options, tabler icons

nothing needs to be changed in the code, everything can be changed in the customize panel!

terms:

reblog if using

do not touch the credit

all terms / faq

credits listed in the code / credits page

please consider supporting me ♡

this is my first theme in over a year (wtf) so please be patient as i'm still learning to navigate the new npf stuff!! i'm still on a sort of semi-hiatus, i'll be around for questions but please check my faq, answered asks, etc. before asking - i will not answer repeated questions!

blog name !! important

make sure you fill out the blog name field, this is what will show on the top of all your original posts. to clarify: your blog name is your blog’s url - for example: phantomcodes

responsive sidebar

when the browser window gets too small the sidebar will disappear and become toggleable, the sidebar toggle button will appear on the right side of the header

reminders

remember tumblr's customize panel is buggy, you may have to toggle the options on/off before saving

[ariangrande]

theme 6 - soulmate by @gloriapritchetts ♡

previews

static

features

read the pinned post on the preview!

guidelines

full rules and credits are listed here

please like/reblog if you like this theme!

message me if you have any issues or questions

tips ☕️ code + alt 📝

[ghcstfaec]

[Premium] Theme — The State of Dreaming by tanaka-drew Preview/Purchase on Ko-Fi, Patreon or Payhip for $7

This is a responsive theme.

Features:

90x90px icon image

custom blog title

three custom links

search bar

about section with 458px x auto height about image**

more links section**

option for 450/500*/540px blog posts

option for multiple font families for heading and body

option for 1/0.9*/0.8rem body font size

option for 0.9*/0.8rem uppercase font size

option for hide tags*

option for show tags

back to top*

Notes:

* denotes default features.

** denotes default features that you have to go directly to the code to edit.

This theme is NPF posts friendly. :D

Neither ask or submit links would show if you don’t allow people to ask you questions or allow people to submit things to you.

I don’t claim any of the fonts, scripts and/or tutorials I used unless stated otherwise.

See full credits @ tanaka-drew.tumblr.com/credits.

[dimension-gallery]

A new addon for Tumblr theme development

So as its probably obvious to anyone seeing this, I am in the process of tinkering with my theme :)

As frustrating as it is to use native Tumblr theme editor, this new addon I've made to help with that.

What does it do?

It allows you to keep your theme locally on your computer and edit it with your program of choice, such as Notepad or VSCode or whatever you may choose.

Then, when you go to your blog you will see a set of buttons in the top right corner. Clicking "Refresh" button saves theme from your local files to your blog.

You can also use this addon from the Tumblr theme editor.

Important! As it is always the best idea, backup your theme somewhere before using this addon. (It can be the same folder you store your project in as extension cannot affect local files in any way).

Download it: here

[support]

Attention: Theme developers and blog customizers on web

We’ve made some big updates to our Custom Theme documentation to help you create themes that support our Neue Post Format (NPF) and un-nested reblog UI.

What’s New:

Example theme markup – which includes our un-nested reblog UI.

Updated “Reblogs” section with explanations and examples of how to use the un-nested reblog UI in your themes in favor of the old blockquote representation.

Clarification on how to support NPF with existing theme variables.

In case you missed it, we’ve updated the Theme Garden to feature a collection of NPF-compatible themes (marked with a red star).

Want to learn more about how to customize your blog theme on web? Have a look at our Help Center article.

Learn more about how to submit your own themes to the Theme Garden for other people to use or purchase. Be sure to review our Theme Submission Guidelines beforehand! We’re looking forward to seeing your creations.

For bug reports and feature requests, please submit a ticket using our Support Form.

[seyche]

logged back into tumblr for the first time in months and immediately saw a zionist using one of my themes. anyways, here's a reminder that zionists, islamophobes, anti-arab, antisemites, racists of all kinds, terfs, transphobes, homophobes, and the like are not welcome here and are not welcome to use my themes. gtfo. normally, it's an honour that people are still using my increasingly broken themes but not when it's on a blog spewing disgusting racist bullshit.

to the rest of you, it's still an honour.

[lycheethms]

I'm also tempted to update Crush & Sweet Jam. The former because some posts are a mess and the latter because it's the theme I'm most unsatisfied with. I just hate working on things after I declared them "finished"

[malwarechips]

yknow i never noticed the sheer rareness of images having ids or alt text on this website until i started adding alt text to my art (and trying to remember to add it to any images i post in general, especially text screenshots) and that makes me kinda sad

[wolfisblank]

I feel like a lot of people just don't know how to do it or are intimidated by the prospect. I was too, actually, and I couldn't find any good guides on how to do it (beyond basic formatting) and most guides boiled down to "just describe what you see and important details!" I really wanted to add alt text bc accessibility is important to me, but I would always get kinda stumped on how to do it.

But then I saw this image, I think in a discord server, and I immediately started doing it. It kinda broke the ice for me

[lycheethms]

Tempted to make an insta inspired theme as if it hasn't been at least 2 years since I last made a theme

[nonspace]

[BETA] PAGE THEME : SOMA

⚠️ EXPERIMENTAL ⚠️ JANKY AS HELL! Simple character page theme using Tumblr posts as content based on a tag. Full instructions on GitHub and under the read more.

↳ [GITHUB] [PREVIEW]

Features:

Unlimited characters

Filter navigation

Using Tumblr posts to fill the page via post2page.

Uses:

Tumblr v1 API

Handlebars.js

Isotope.js

@magnusthemes combofilters

Edit and customise to your liking. Don’t repost/redistribute and/or claim it as your own. Do not use as a base code. Leave the credit, thank you.

As always, explanations under the read more. If you are having issues, take a look at this themes FAQ, or my general FAQ. Please note that this is an experiment for lazy people. Not finding anything? Send me a message. Please report any bugs to me.

HOW TO USE

This page theme pulls information from your Tumblr tagged posts and fills out the character card with it. This relies on specific post formatting.

Here's everything you need to get started:

Tumblr's v1 API JSON output to a whole blog or specific tag on the blog (e.g. https://soma-preview.tumblr.com/api/read/json?&tagged=soma page cards)

Some Tumblr posts

Get Tumblr's v1 API JSON output

Replace [BLOGNAME] with your blog name. And [YOUR TAGS] with your tag. If your tag has spaces, add the spaces. Place one of the following scripts before closing </head> tag.

For a whole blog:

<script src="https://[BLOGNAME].tumblr.com/api/read/json"></script>

For specific tagged posts on the blog:

<script src="https://[BLOGNAME].tumblr.com/api/read/json?&tagged=[YOUR TAGS]"></script>

Post Formatting

This only works with posts made with the new editor. This will not work with legacy posts!

For this page to work, it's neccessary to follow a specific post formatting. Right now, the script supports the following:

Image: The first image in a post. {{this.img}}

Blockquote ("Subtitle"): The first blockquote block in a post. {{this.subtitle}}

Table: Using the chat block, you can add as many details as you want. In your template, these details use their "key" (the text before the colon) with any spaces removed {{this.[WHATEVERYOUENTERED]}}. The text after the colon must be italics.

Paragraph: The paragraph immediately after the chat block (MAKE THIS THE FIRST?) {{this.description}}

Link: The first link in a post. {{this.link}}

Tags: Any tags added to the post. {{this.tags}}

Example Tumblr post: https://soma-preview.tumblr.com/post/724075330107785216/love-is-careless-love-is-blind-title

If you want to build your own card template, please read the full READ MORE on GitHub.

[xuethms]

◍ sodium theme.

Links: previews [ sdm / soi ] | install | features

Sodium is a fansite-like theme with extra sections for your description, featured blogs/tags, progress trackers for projects and media, and updates. Alternate header and permalink styles help to change the entire vibe of your blog.

Features: header theme, floaty elements, sidebar sections (description + featured + progress bars + updates + navigation), searchbar, 250/400/500px posts, styled search & tag pages

Credits: cappuccicons, feather icons, iconsax icons, NPF images fix v3.0,   Griddery v2.0, photosets.css, customaudio.js, Style-my-Tooltips, Truncate note counts

[kosmique]

andrômeda: a slide-out menu theme.

preview + install (theme garden) | preview (static) // code

features:

support for npf posts. [new]

custom font and font size.

right sidebar option.

three custom post sizes: 450px, 500px and 540px. [new]

custom sidebar description.

personal information space.

slide-out menu with up to six custom links + unlimited pages.

responsive.

notes:

you can use any font from google fonts. just enter the site, copy the name of the font you want and paste in the appropriate field.

if you don’t want to show the links, leave the titles fields empty; same to personal information fields.

full credits here

[kosmique]

the update has been released. you can install it either through pastebin or through the theme garden. the code has been updated on github too

[8pxl]

PSA: Tumblr/Wordpress is preparing to start selling our user data to Midjourney and OpenAI.

you have to MANUALLY opt out of it as well.

to opt out on desktop, click your blog ➡️ blog settings ➡️ scroll til you see visibility options and it’ll be the last option to toggle.

to opt out on mobile, click your blog ➡️ scroll then click visibility ➡️ toggle opt out option.

if you’ve already opted out of showing up in google searches, it’s preselected for you. if you don’t have the option available, update your app or close your browser/refresh a few times. important to note you also have to opt out for each blog you own separately, so if you’d like to prevent AI scraping your blog i’d really recommend taking the time to opt out. (source)

[abicodes]

artificial light; preview  — code

simple theme designed for a clean, contemporary aesthetic.

includes:

minimal sidebar with title and (optional + concealable) description and a search bar

up to five links

customizable post widths

custom font sizes

lots of color options!

dark mode (which responds to browser settings)

semi-responsive layout for mobile use

(optional) infinite scroll

jump to top button

full credits in the code! please like or reblog if you plan on using!