annasthms

themes, pages, and the like by anna

[icarus-suraki]

Quick Reminder...

The COVID-19 virus has not changed

Your immune system has not changed

There is no vaccine

There is no cure

What’s Different?

Fewer government-directed restrictions

That’s literally it: fewer lockdowns, closures, and stay-at-home orders, often due to political pressure.

But COVID-19 is still here. It’s still contagious. People are still getting it. People are still dying from it. Just because it’s not as prominent in the news does not mean that this 2020 story arc has concluded!

Please

Wash your hands

Continue social distancing

Wear a face mask

Protect high-risk and vulnerable people

Self-isolate if sick, quarantine if exposed

Help flatten the curve and contain the outbreaks 

Source: I am an actual contact tracer and I just got home from a very long shift where we are having to reach out to more and more and more people as they are exposed to people with positive COVID-19 tests.

Please stay safe.

[annasthms]

sorry if this has been asked before but i found your base code with unnested captions & am working with a separate base code that does not have them. would you be alright if integrated your unnested captions code with the base code i'm working with? i would credit ofc.

sorry for the late response. that's totally fine!

[undeadmagikarp]

iii | retro arcade by undeadmagikarp

preview - code

Do blogroll pages still exist? Anyways, this is a retro-themed blogroll page with a built-in space shooter game

Yeah I did it I put a mini space shooter game in a Tumblr page

To enable blogroll pages, make sure to turn on Following > Share the Tumblrs you’re following in your blog settings

1 custom link

NOTES: Clearly, I got really extra with this. Code for space shooter game was ripped off of Andrew Rubin. As always, please reblog or like if you are using, and general theme rules apply. Thank you!

[magnusthemes]

Theme -  Whispershot; [preview] [code] [magnusthemes] [buy me a coffee?]

Colorblock accordion theme inspired by Kain from MapleStory! A fun and interactive sidebar meshes with vibrant accent colors and subtle underglow tones to make the blog stand out.

Features:

Theme is responsive!

Best demonstrated in preview: Fun, interactive accordion sidebar with panels for: description, menu, search

Battery meter and health bar (custom percentage)

Search panel has room for 3 featured tags with previews, enter your tag of choice in the text boxes

Like/reblog buttons

Custom post size from 250px to 540px

Option to hide captions and tags on index page

Optional infinite scroll and manual load

Optional fading and/or monochrome images

Optional sidebar image, 350px height (cropped automatically)

QoL features: smart chat posts, native HTML5 audio posts, optional lazy load images

Notes:

Sidebar based on a tutorial from Codrops

To insert links, 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!

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:

[xuethms]

xuethms’ official launch!

Launched on 🌸 4 June 2021

Welcome to yukoki’s new theme blog, xuethms. Yes, it’s me Yuko Xue (she/they)! I’m finally back to creating Tumblr themes and pages after a long junior-college-&-university hiatus. I can’t guarantee I’ll be as active as before in my “prime” (I haven’t graduated yet!), but I am working on new releases.

I’m rebranding because I wanted to start afresh after taking such a long break, and a lot of my old codes have been broken by the Tumblr updates since then. I’ve been meaning to rebuild for more than a year now, but school and life kept getting in the way. Now with a clean slate and having completed most of my graduation requirements, I feel ready to start creating again.

Nine years ago on 4 June 2012, I launched mogimochi as a hobby sideblog. A few months later, I rebranded as yukoki to transition to a new account, as my themes gained traction. I’ve received immense support in my almost-decade of theme-making, and have made many friends in the community. It all started as a simple hobby, but it’s grown to become such an important part of my identity. I’m excited to be back and I hope you will all continue to support me as I start a new chapter of my theme-making career. 

— Thank you!

[xuethms]

◍ hydrogen theme.

Links: preview | install | features | theme one by xuethms

Hydrogen takes full advantage of rounded edges, grid patterns, windowed contents, and an accent colour that permeates every element, to create a simple but elegant theme. By simply changing the accent colour, you can drastically change the vibe and aesthetic of your entire blog.

Credits: photosets.css by annasthms & eggdesign | preview sidebar image by @igusaharu

[annasthms]

hi! i've been using your theme "dear lover" for a while and i noticed the theme icons aren't appearing anymore (bulleted list icons, like / reblog / tags icons, etc) and wondered if you know why that might be or how i could fix it? it's not browser-related and i don't think it's because of the merge into cappuccicons because that post says it should still work, but i'm not certain. thank you sm!

hello! thank you for using my theme! in the html, change

<link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet">

to

<link href="//solrainha.github.io/saturnicons/saturnicons.css" rel="stylesheet">

you might have to retype the quotes. hopefully this helps!

[suiomi]

Cappuccicons Icon Font

What is Cappuccicons?

Cappuccicons is a merge of my previous two fonts, Honeybee and SaturnIcons. It came to replace these fonts with new and upgraded icons, and it has most icons from both fonts (except repeated ones, of course).

Using Honeybee or Saturnicons? Both fonts will remain working, though the icons lists will be gone. You can use Cappuccicons’ list for reference, as most icon names have remained the same.

Download and Install

www.cappuccicons.com

All instructions are available on the page.

Available for graphic design!

You can now download all 1078 icons in PNG and SVG formats.

Download links are available on the page.

Font information

Release date: March 30, 2021 Icon count: 1078 Designed on: Adobe Illustrator Hosted on: GitHub Available as: Web icon font, PNG, SVG

[eggdesign]

I want to know what most people expect when looking for and installing themes, so I’m going to ask a few questions! 

You can view the theme customization poll here

Since this is a poll, you can see the results after you submit. I’ll use this to help pick what options to include in themes in the future!

[glenthemes]

the responses can be found [here] for anyone interested

[furu]

dashboard style theme

live preview + code 

anyone want a theme??? the code is a little messy but it should work (lmk if something doesnt!!!)

i haven’t released a tumblr theme since like 2016 and my prime was in 2014 so BE NICE lol

it will probably look off in the customizing screen, but once u go to you blog it should look ok

responsible, works for small screens!

2 main custom links, 8 total custom links

options for: background, colors, font, icons, post and sidebar width, favicon, cursor, and more

credits:

base code: @annasthms

photosets: @annasthms + @eggdesign 

flexible frames: @nouvae

[yeoli-thm]

Theme 41

static preview | code ( pastebin, github )

Features:

responsive

400px, 500px, 540px post sizes

custom fonts and font sizes (compatible with google fonts)

auto link pages with 3 additional custom links

like / reblog buttons

supports new post types

dashboard style captions

optional show captions / tags

optional monochrome posts

optional spinnable menu wheel

search bar

sidebar image ( width: 150px )

Check out @kconet for more quality kpop themes!

[codingcabin]

New Year, New Theme!

Much like in 2019, we are kicking off the year with another color challenge! This time, the focus is on hex colors that resemble English words (for example, #facade resembles facade and #C01025 resembles COLORS).

Guidelines: The use of a hex color that resembles an English word (including leetspeak) is mandatory! Please include the color(s) you chose in your post. 

Resources: Here are two sites that list hex colors that are also English words:

http://bada55.io/

http://c0ffee.surge.sh/

How to participate:

Reblog this post.

Submit your entry or tag the post with #newyearnewtheme

Duration: January 1st to February 28th

For questions contact @suiomi, @annasthms, or @eggdesign, or leave a message

[annasthms]

hi! i saw the anon asking about the callback function for infinite scroll (not the same anon! lol) but do you know if tippy.js needs one too? i'm using silbrigthemes' tutorial and i tried it out with infinite scroll but it only works on the first page 😭

hello! you would need to call tippy again in the infinite scroll function’s callback. if you’d like more help, feel free to dm me here or on discord!

[annasthms]

hello! do you by any chance know how i should do a callback function for infinite scroll (david desandro)? i added it in and it works fine but a few of the other scripts that i added don't work now and i figured i need a callback function, but i have no idea how to do it OTL

hello! it depends on what you want to do! could you send me what code you’re working on? you can either send it through the tumblr dm’s or message me on discord.

[eggdesign]

The Like to Reblog Ratio

I’ve seen a lot of posts pop up throughout the past few months (rightfully) upset about how much worse the like to reblog ratio has gotten. I decided to dive deeper into that to see how much it changed and when this change happened.

I am really only active in the theme making community, so this post will be specific to this community, so I expect this will have different results for others.

This will be a long post, separated in the following sections:

Comparing the likes and reblogs - new and old themes

What does this mean?

Why is this happening?

What do we do with this information?

Keep reading

[eggdesign]

This is a pretty long post, so for anyone who would like a summary instead:

I looked at a variety of themes in one group from 2020 and one from 2016-2018

The ratios were pretty similar between the two groups, meaning people aren’t necessarily reblogging themes less, but there are less users so note counts went down in general

A lot of people left in 2018, and the older themes have been around longer to get more notes, so your note counts now do not mean that your work has gotten worse or is worth less!

And a reminder that this only applies to theme posts as those are the only ones I looked at. This is not an accurate depiction for any other community. 

Please let me know if you have any questions or what you would like to see in the follow up post!

[annasthms]

photosets.css, by @annasthms and @espoirthemes to everyone who balks at having to use javascript and pxu to style photosets, we hear you

photosets.css is a CSS stylesheet (compiled by JavaScript, ironically) that lays out all photoset layouts using solely CSS and a nifty photosets variable, {PhotosetLayout}. The photosets’ pictures are arranged using the CSS grid layout, though a fallback using inline blocks has been provided, in case anyone is using a browser that doesn’t support CSS grid.

Demo | Learn more + Install

[annasthms]

A modified version of photosets.css using JavaScript has been created to reduce the file size and quicken load times. The photosets are still styled entirely with CSS, but the file size of the CSS and JavaScript files are much smaller. Some JavaScript knowledge is recommended, especially if you’re interested in using it past it basic capabilities. View the installation guide for more information.

[annasthms]

We have added licensing information with regards to using photosets.css in paid content. The license does not affect content shared before November 21, 2020. If you intend on using photosets.css in commercial projects after the aforementioned date, please check the site for license information.

[eggdesign]

How to find and support theme makers

It can be hard to decide on a theme that fits your blog, and because the tag system hides most links, it can be even harder to find something that fits your aesthetic.

There are ways to ensure that these posts are still accessible in search results, but not every content creator is aware of them. This makes their posts almost impossible to find. This is also a disadvantage to users who are missing out on what could be the theme that matches their aesthetic.

Here are some ways to make sure you’re seeing all of the options (and support new creators who might not know about the tag filtering):

Periodically check resource blogs such as @theme-hunter, @codingcabin, @allresources, @resourcemarket, and more! They usually have tagging systems to narrow down your searches.

You can also search in the tags for these blogs, as theme makers will usually use these for the resource blogs to find and reblog.

Similarly, if you follow theme makers, most will have a recommended tag where they reblog from other creators.

You can use @findtags​, a tool I made to display posts that are normally hidden from search results. This can be beneficial for finding newer theme makers as it displays the most recent posts first.

Narrow down your searches to your aesthetic/preferences like #rp theme, #cute theme, #multi column theme, and #fansite theme. Not every theme maker will tag their themes with generic tags.

While you are not obligated to, you can contribute to helping by reblogging a theme post to increase a theme’s audience.

If you already have the theme you want, all of these apply to theme assets/extras such as widgets, icons, headers, and backgrounds!

I hope this helps! Let me know if you have more tips/suggestions!