Avatar

lycheethemes

@lycheethms / lycheethms.tumblr.com

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

Theme #12: Chances

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:

Fics from:

Maringuea premium responsive, single-column theme

Static previews:

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

Avatar
Reblogged

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:

Avatar
Reblogged

[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.
Avatar
Reblogged

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

Avatar
Reblogged fukuo

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:

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.

Avatar
Reblogged fukuo

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.

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"

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

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

Avatar
Reblogged

[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:

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.

Avatar
Reblogged

◍ 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

Avatar
Reblogged

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

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

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)

Avatar
Reblogged

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!

You are using an unsupported browser and things might not work as intended. Please make sure you're using the latest version of Chrome, Firefox, Safari, or Edge.