yeoli-thm
yeoli-thm
Yeoli Themes
966 posts
Minimalist free & premium themes made by Emi. Also a small directory of resources & recommendations for you.
Don't wanna be here? Send us removal request.
yeoli-thm · 5 months ago
Note
Tumblr has a new post format that will break themes?
No, the new post format = current post format and works with all recent themes. However, my older 5+ year old themes with codes that are not up-to-date may not work properly.
2 notes · View notes
yeoli-thm · 5 months ago
Note
Hi, hope you're having a good day! Will you be updating the unavailable old premium themes to support new post types? If not, would it be possible to pay for it to be updated? I've purchased one of them before and would like to use it now that I'm returning to Tumblr. Thank you 🥰
Hi there, thanks for your interest in my themes. Unfortunately the unavailable themes will not be updated, they rely on the old Tumblr posts format which is no longer supported.
2 notes · View notes
yeoli-thm · 1 year ago
Text
Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media
◍ 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
3K notes · View notes
yeoli-thm · 1 year ago
Note
hii! how can i use the pixelution theme? i have try it but when i insert the html, it turn back to my old theme. TT ( honestly, i just see tutorial in youtube.)
sorry if i confusing you..🙏
Hi there, did you save the theme after installing it?
The easiest way to do it is via the theme garden https://www.tumblr.com/theme/41284 You choose your blog then click on install:
Tumblr media
Otherwise you can go to your blog customize page, click on browse themes and find the Pixelution theme on there:
Tumblr media
11 notes · View notes
yeoli-thm · 1 year ago
Note
hiii i love love LOVE the pixelution theme, it's so pretty!! <3
i was looking at your terms of use and i was wondering if adding a music player is considered a minor or major change to your code?
i was thinking about adding a music player widget but i dont want to break your terms of use
thank you and have a great day :]
Hi there! It is perfectly fine to add music players to my themes. You are also welcome to add other widgets too like updates tab etc.
0 notes
yeoli-thm · 1 year ago
Note
Hello! So I'm using your Pixelution theme for one of my blogs and I noticed that the "archive" button in the profile menu, when clicked redirects the person back to the homepage of the blog. I had taken the code for the actual archive redirect from the default tumblr blog theme and inserted that instead into the HTML, but then I realized; hey I'm sort of tampering with the HTML code and I don't like that it now shows it as a "custom" theme in the theme editor so I've redownloaded the theme multiple times, had to re-customize my colors, but since I don't want to tamper with the code at all is there maybe a way you can fix this? Or even make it into a customizable option to show or not show the "archive" button/replace it with a customizable link instead.
Hi thanks for letting me know! I thought I fixed this in my last update by I guess it didn't go through. I've added the correct archive link now so the theme should automatically update in the next couple of days or so depending on Tumblr.
4 notes · View notes
yeoli-thm · 1 year ago
Text
Tumblr media Tumblr media Tumblr media
[1] Wonder by sheathemes
preview | code
Features
full support for NPF posts
responsive to all screen sizes
post sizes between 350px - 640px
unlimited amount of custom links
like and reblog buttons
Optional
right/left sidebar position or sidebar as a header option
sidebar image
tags on all display or by toggle
custom links
dark mode
search bar
Important
full credits are here
sidebar image is 350px x 200px
you will use google fonts to change the main font. Search for the font of your choosing and copy/paste the title of said font into the appropriate text field
418 notes · View notes
yeoli-thm · 1 year ago
Text
Tumblr media Tumblr media Tumblr media Tumblr media
theme 88 / preview - code
contained theme with custom post and font size, unnested captions and a lot of colour options. dashboard-inspired post styling with full npf support.
left sidebar with an icon (50x50), name, image (200x300), description and short highlighted text.
right sidebar with links, title, image (300x460) and tweet.
navigation popup with header image, unlimited links, basic stats and about text.
projects popup with header image, intro text and separate blocks for every project with an image (100x140), rating, title, text area and tag links. can be used to show off projects, wips, media and/or muses.
read my terms of use. please reblog if you plan on using!
496 notes · View notes
yeoli-thm · 1 year ago
Text
Tumblr media
theme 89 / preview - code
theme with custom post and font size, unnested captions and a lot of colour options. dashboard-inspired post styling with full npf support and sticky post headers.
sidebar with title, two icons (60x60), basic info, description and one extra link.
read my terms of use. please reblog if you plan on using!
771 notes · View notes
yeoli-thm · 1 year ago
Note
hi, can I change the "imagine" text on the side bar to another word? tia!
It's in under the theme options so scroll down until you see this section:
Tumblr media
3 notes · View notes
yeoli-thm · 1 year ago
Text
Tumblr media Tumblr media
Strawberry Shortcake: Theme Pack #01
A theme pack inspired by the Windows 95 File Explorer! I've been working on this for the past couple of months, and after changing the design several times, it's finally completed!
[ Shortcake: Theme #12 ]
Previews: 1 + 2 Buy ($10)
A responsive all-in-one contained theme with draggable windows. The theme contains 6 sections: blog posts, an about me, navigation links, the ask and/or submission box, your current following, and recently liked posts. Like the rest of my themes, Shortcake comes with a day and night toggle button that will stay in the selected mode until it is turned off. Additionally, it also supports NPF posts and page links.
To view the full list of features and options, you can head over to the theme guide!
[ Strawberry: Muses Page #01 ]
Static Preview + Buy ($2)
A matching muses or character page to go with Shortcake! Like Shortcake, Strawberry also has a day and night toggle button that will stay in the selected mode until it is turned off. You can pretty much add as many muses or characters as you want and label them by group.
Head on over to the page guide for more information on how to customize the page!
Credits
The strawberry dessert icons (excluding the daifuku) are from scrimsy on Etsy. All other icons are from Freepik and Windows 98 Icon Viewer. You can view my full list of credits here.
677 notes · View notes
yeoli-thm · 1 year ago
Text
Tumblr media Tumblr media Tumblr media Tumblr media
Ocular — Version 3
Preview // User Guide // More Info & Install
your favorite sidebar theme just got an upgrade, babeyyy
I went to update Ocular to make it NPF post-compliant and then my hand slipped and I redesigned the whole thing lmao. here's a brief update about Ocular 3; if you're looking for a full list of changes between versions 2 and 3, click the "Read More" below)
Ocular comes with the following features:
Colors: easily change the color scheme of your sidebar and posts using any colors you want
Post sizes: 400px, 500px, 540px, 600px, 700px
Sidebar: can be on the left, right, or above the posts. pick from a list of sidebar sizes, header image heights, and avatar shapes
Fonts: 20 different fonts, sizes 13px to 18px
Background: solid, gradient, full-size image or repeating image
Links: choose either regular navigation or drop-down navigation. unlimited custom links (visit the help desk FAQ for a tutorial) and ability to rename home, ask, submit, and archive links
Endless scroll, custom ask box text, Tumblr's full-width controls and search bar, optional header, avatar, and favicon images
if you already have Ocular installed, version 3 should be coming at you as soon as the update passes the theme garden. if you installed this theme with GitHub, you'll have to re-install manually.
now let's get to the fun stuff. what's new in version 3?
wow, do I have some updates for you!
1. goodbye color schemes, hello post background and text colors
you can now directly control the color of the posts rather than relying on color schemes to do it. want your posts to be a very specific shade of navy? all yours, buddy. go wild (make sure it's readable tho)
2. hello, color schemes! wait I thought we got rid of that guy
a lot of the color schemes I made became redundant now that the new post background/text color options exist. if you were married to the old color schemes, all of them can be recreated using those options. so the new color scheme options are as follows:
"My colors" — uses the colors you picked for post background/text
"Light preset" and "dark preset" — sets the posts to white with black text, or off-black with white text
"Translucent" — uses the colors you choose for post background/text, but makes the post backgrounds semi-transparent. there are NINE different translucent color schemes, ranging from 90% (only slightly see-through) to 10% (VERY see through)
3. navigation dropdown option
you can either use the sidebar links like they were before, or you can turn them into a cute little dropdown (helpful if you have lots of links or links with long titles!) you can enable this using the "use dropdown navigation" setting. you can also customize the label for the dropdown using the "dropdown menu label" setting. for instance, the dropdown on my blog currently says "oooh you wanna click me"
4. RIP google fonts I always hated your load times
decided to stop using Google Fonts and instead I'm providing the font files directly in the code. this will help speed up load times drastically when using custom fonts, plus I don't have to use Google. win-win! there's quite a bit of coverage overlap with the old fonts, but some of them that were too similar to each other got the ax. I also added all of the system fonts as options (hit classics like Arial, Georgia, and Comic Sans MS are now available TO YOU!)
5. more layout, sizing, and spacing options
the sidebar used to be either on the center-left, center-right, or above the posts; now it can go in the top-left or top-right! you can now control the border radius on the posts and sidebar. the header height, sidebar width, and post spacing all have additional options.
6. some options have been renamed for additional clarity
"background color 1" -> "background color"
"background color 2" -> "gradient background color"
"background" -> "background style"
"font override" -> "use body font everywhere"
"title" -> "sidebar title"
"description" -> "sidebar description"
"ask box text" -> "custom HTML above ask box"
7. removed some options
you win some, you lose some. I removed the uppercase sidebar links, theme credit, and inline media spacing options, mostly for redundancy reasons or because they produced unclear results.
8. as previously stated, now NPF-compliant
Ocular was ALMOST compliant with Tumblr's new post format, but had a few tweaks that needed to be ironed out. they're now ironed.
9: now user-friendly right out of the box
I updated the default color and content options, so new users installing this theme will have a much easier time using and customizing it immediately. no more ugly ass green background!
10. and finally, new JS
I had to rewrite some of the javascript for this theme, which turned into me rewriting ALL of the javascript. doing so meant that I could eliminate dependencies on third-party JS libraries and run the whole thing on plain JS. that should improve load times!!
bonus: custom CSS can do some nifty stuff now
want to change the size of your avatar? you can do that now! just do this to your Advanced > Add custom CSS section
Tumblr media Tumblr media
super helpful if you're using the Avatar shape: Uncropped setting and you need your image to be a specific size (like a pixelated GIF)
for more info, check out the Ocular user guide. thanks for reading my updates!! hope you all have a fantastic start to your 2024 ❤️
594 notes · View notes
yeoli-thm · 1 year ago
Text
Tumblr media Tumblr media Tumblr media
Theme #08: Empyreum by @pneuma-themes
I am made of quiet storms washing themselves away.
Live Preview (Temporary) / Static Preview: [Index] [Permalink] / Get the code: [pastebin] [Github]
A simple sidebar theme in a similar vein to Theia. I made this as an answer to an ask I answered not too long ago (it definitely feels like forever ago though). Suitable for all kinds of blogs.
Features:
Customizable post widths and font sizes. The live preview uses 600px post width and 13px font size. Enter the desired post width on the post width field and the desired font size on the font size field on the Customization page.
Customizable photoset gutter.
One accent color, 8 color options
A 64x64px icon on the sidebar. Any square image will resize automatically.
3 custom links.
Notes:
This theme uses the new NPF theme base. Everything should work as expected, except for some things, particularly reblogged quote posts. See below for an explanation.
A quote reblogged via the new editor will be, unfortunately, displayed as a usual blockquote. This is a Tumblr bug. I have tried my best to support both legacy and new quotes while the legacy editor is still in use, but as we slowly transition to the new editor, design choices have to be made, and for the time being that choice is made for us theme makers by the staff.
Credits:
Icon: @polymith
Unblue polls, npf audio player: @glenthemes
customAudio.js: @annasthms
photoset.css: @annasthms, @eggdesign
Flexible video resize: @nouvae
NPF-reverse compatible template: @eggdesign
Icon fonts: Akar Icons
Font: Public Sans @ bunny.net
Please like and reblog if you like or are using this!
345 notes · View notes
yeoli-thm · 1 year ago
Text
Tumblr media
Theme -  Maverick; [preview] [code] [magnusthemes] [buy me a coffee?]
Minimal, high-contrast sidebar theme built from the ground up for compatibility.
Features:
Full support for NPF posts
Theme is responsive!
Like/reblog buttons
Custom post size from 250px to 540px
Option for the sidebar to be on the left or right
Optional infinite scroll with optional manual load
Optional monochrome images
Optional sidebar image
Optional panning effect for sidebar image
Optional stats in the sidebar and updates box
Optional search bar
Notes:
Built with JSON - thanks to @eggdesign's base code!
To insert links into the menu, simply create a page and check “show a link to this page”.
Please turn off the default mobile theme in Advanced Options if you want to use the mobile version!
Icons cheatsheet: here
Full list of credits: here
Please like and/or reblog this post if you use or plan or using this theme, and consider buying a coffee to support me! Thank you :D
730 notes · View notes
yeoli-thm · 1 year ago
Text
Tumblr media
Theme -  Flutter; [preview] [code] [magnusthemes] [buy me a coffee?]
Deceptively Basic™ theme with deceptively-many options
Features:
Full support for NPF posts
Theme is responsive!
Like/reblog buttons
Custom post size from 250px to 540px
Menu options: Always show or slide out (hamburger)
Border options: Color or image
Posts options: Infinite scroll, manual load or pagination
Notes:
Built with JSON - thanks to @eggdesign's base code!
To use the minimal mode, set the posts, borders and background all to be the same color.
To insert links into the menu, simply create a page and check “show a link to this page”.
Please turn off the default mobile theme in Advanced Options if you want to use the mobile version!
Icons cheatsheet: here
Full list of credits: here
Please like and/or reblog this post if you use or plan or using this theme, and consider buying a coffee to support me! Thank you c:
456 notes · View notes
yeoli-thm · 1 year ago
Text
Tumblr media
Theme [39]: Clotho by glenthemes
🪡 ── preview / code / guide / credits 。
「 Clotho 」 is a minimal, single-columned theme inspired by threads.net, with functional menus on each caption or comment.
🪡 ── theme features ‣
top nav: 4 default links with hover text
header: title, username, subtitle, description, status, avatar image, up to 4 social links with icons and hover text
custom links: up to 6, with customizable columns
posts: 300px – 700px • flexible format • supports NPF posts • like & reblog buttons • infinite scroll (or use page numbers) • click-to-view tags • shortened notes display • shortened timestamp • "Copy Link to Post" button • pinned post indicator
post menus: “View Blog”, “View Post” and “Reblog” links
🪡 ── how to edit this theme ‣
Please read the guide I put together! (人^▽`)
🪡 ── terms of use / ask a question / tip jar ☕
747 notes · View notes
yeoli-thm · 1 year ago
Note
pixelation theme makes "fi" and "fl" turn into a dot, which messes up any word with those two letters in it
"profile" becomes "pro.le" or "flood" becomes ".ood"
is this intentional?
It's due to the design style of the font used. If you wish to display the text as normal then go to line 159 in the code where this is:
--monospaceFontFamily: 'Share-TechMono', monospace;
and change it to this instead:
--monospaceFontFamily: 'Share Tech Mono', monospace;
2 notes · View notes