Deprecated: The each() function is deprecated. This message will be suppressed on further calls in /home/zhenxiangba/zhenxiangba.com/public_html/phproxy-improved-master/index.php on line 456
xuethms
[go: Go Back, main page]

koi she/her
i like bugs but not the kind you find in code.

i make colourful tumblr codes and notion templates with waaay too many options sometimes. previously yukoki.

@malkohas @xuekoi
status
kinda active
askbox is open (slow replies)
commissions closed
blog opened 4 June 2021
released 12 themes + 6 pages
affiliates coding cabin
back
1 of 36
next
image

☁ beryl (collection page).

Links: preview | install

Beryl is a grid-based page that neatly displays your collection — of fics, books, movies, muses, portfolio works, or anything you’d like to show the world. Sticky section titles and graphics remain in view so you never lose track of your progress.

Features: no javascript, neat sections, sticky section titles, sticky navigation, header, item quote blocks, item ratings with custom symbols

Credits: preview header image by yamasa-n (unsplash)

692 notes

Banner that reads "Reducks: theme 41 by glenthemes" stylized in all uppercase, accompanied by a cute chubby duck drawing by Daieny on either side.ALT
Screenshot preview of the theme "Reducks" by glenthemes — a minimal theme with single columned posts and a right sidebar. An outlined title named "Reducks" appears before the first post and adorns a solid text shadow. Each post has a wavy pattern at the top mimicking pond waves, and 4 yellow ducks float atop the waves with a subtle dipping/bobbing animation. The sidebar consists of 3 boxes; the first holds a transparent cutout image of a duck followed by a blog description and 4 navlinks beneath it. The second box consists of 4 custom links, each with a custom duck image. The third box holds a searchbar, which can be expanded to include up to 5 custom search suggestions. Reducks has a warm, light yellow color scheme.ALT
A closer preview of the "Reducks" theme on a narrow screen (mobile view) with label text that reads "desktop & mobile friendly". The posts and sidebar columns combine into a single column, with the sidebar contents appearing first. All boxes except for the main/description are hidden, and can be viewed by toggling a button that reads "view more info".ALT
Screenshot samples of the duck images that appear throughout the theme, with label text that reads "custom images option". The first screenshot captures the 4 ducks resting on the waves at the tops of posts, while the second screenshot captures the ducks at the start of each custom link.ALT

Theme [41]: Reducks by glenthemes

🐤 ── preview / code / guide / credits 。

Reducks 」 is a play on Redux, the former default Tumblr theme by Jacob Bijani back in the day; not to be confused with a redux edit .ᐟ

🐤 ─── theme features ‣

  • background: subtle plaid checkers pattern (1px–4px) with 4 customizable colors (or use your own background image)
  • sidebar: 170px–350px ⦿ left or right ⦿ auto sticky behavior
  • sidebar image: 10%–100% of sidebar width ⦿ custom text on hover ⦿ adjustable bottom gap
  • navlinks: up to 6 with icons and labels ⦿ 1–4 columns
  • description: custom desc, or use your existing blog desc
  • custom links: up to 8 ⦿ optional line animation on hover
  • searchbar: up to 5 custom search suggestions on dropdown
  • top title: custom title text ⦿ 16px–46px ⦿ more text on hover
  • posts: 300px–650px; 1 column only ⦿ legacy & NPF compatible ⦿ old or new captions ⦿ optional shortened timestamps ⦿ optional shortened note count ⦿ optional click-to-show tags ⦿ optional infinite scroll
  • outlines and shadows: adjustable offset, sizes, colors, transparency
  • misc: mobile theme support ⦿ wide tumblr controls bar only (with custom colors) ⦿ back-to-top button

🐤 ─── what the duck .ᐣ.ᐟ

  • ducks on posts: up to 8 images with adjustable widths ⦿ optional bobbing animation ⦿ optional waves decor for the ducks to float on 🌊!
  • duck as sidebar image: comes with art by daieny
  • ducks on custom links: custom image for each link
  • doesn't have to be ducks! all images can be changed

🐤 ── how to use and edit ‣

Please read the guide I put together! (◍’θ’◍)

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

504 notes
glenthemes:
“🗓️ originalPosterDate() plugin by glenthemes“A plugin for Tumblr themes that shows the original post’s date in {⁠Month⁠} {⁠DayOfMonthWithZero​}​{⁠D​a​y​O​f​M​o​n​t​h​S​u​f​f​i​x⁠}​,​ ​{⁠Y​e​a​r⁠} format by adding the poster’s username...

🗓️ originalPosterDate() plugin by glenthemes

A plugin for Tumblr themes that shows the original post’s date in {⁠Month⁠} {⁠DayOfMonthWithZero​}​{⁠D​a​y​O​f​M​o​n​t​h​S​u​f​f​i​x⁠}​,​ ​{⁠Y​e​a​r⁠} format by adding the poster’s username and post link as custom attributes to an element within a {⁠b​l​o​c​k​:​N​o​t​R​e​b​l​o​g⁠} or a {⁠b​l​o​c​k​:​R​e​b​l​o​g​g​e​d​F​r​o​m⁠} context; comes with options based on those in the Tumblr docs. Works for both original posts and additional reblogs!

Options:

  • langLocaleCode: the date output’s language/locale code
  • shortMonth: e.g. “Feb” or just “February”
  • dayWithZero: e.g. “09” or just “9”
  • dayWithSuffix: e.g. “21st” or just “21”
  • shortYear: e.g. “‘26” or just “2026”
  • [ optional ] .then() method if you want to handle the date further.

⤷ download & instructions

77 notes

image
image
image
image
image
image
image
image

gif psd pack #1 by @lostloves

hi everyone! this is a little late but... i hit 1k followers last july ✨ it also happened to be the 10th anniversary of this blog (wild!!). this milestone means the world to me, so i knew i wanted to make something special to thank you guys. this pack contains 8 psds from some of my favorite gifsets that i made over the years:

these psds mostly highlight the blues, purples, and pinks in your gifs, giving them a nice pale/pastel coloring. you may need to tweak some layers depending on the scene, but i hope this helps you out when you're giffing anime or animated films! feel free to tag me #userlostloves in your creations 💗

please like or reblog if you use or plan to use. if you want to support me, consider buying me a kofi ☕ thank you! 🥺💕

download the pack here.

edit (05 sept 2025): now updated with a new link! 💌

154 notes
image
image
image
image

✂ bookwyrm + bookshelf notion templates.

Books & reading sessions tracking: bookwyrm
Simple books tracking: bookshelf

Bookwyrm is a reading tracker for the avid reader. Log your reading sessions and this template will track your reading progress: both time spent reading and pages turned. The dashboard shows you at-a-glance stats for your current book, and you can check out how consistently you’ve been reading via the reading sessions calendar. You can also rate and review your books and enjoy reading summaries such as books read or time spent reading per month.

Bookshelf is a simplified version that focuses just on books tracking without logging reading sessions.

Features: dashboard, books databases & stats, rate & review books, reading session tracker, book progress tracking

Disclaimers: This is not a tumblr theme/page.
Book icon credits: Freepik, designbydai, photo3idea_studio.

126 notes

image
image
image
image

theme - keeper by @ghcstfaec

preview (alt version) | download: ko-fi for $0+ 

this is a free theme.

i reached a milestone on ko-fi! i'm slowly rebuilding it because my old one was reported lmao. as thank you, here's a theme to celebrate me reaching 100+ followers over there. thank you so much for the love. *w*

features: three 250x250px sidebar images, 70x70px icon image, four 70x70px icon images, blog title, blog subtitle, six custom links, search bar, 450px to 540px text posts

notes: npf posts friendly (+ among other things)! ask and submit button will automatically show if allowed (please check your settings). thank you @/gloomglimmer for the psd. thank you @theluzvre for the pngs (tagging you so you see how i used your resources, thank you again!). credits link to the resources, tutorials and scripts used to make this theme possible is found on the bottom right corner of the theme. if you have any questions, found a bug or suggestions for the next theme after this, send me a snail mail.

🌿🦝 terms of use ◦ commissions ◦ join me on patreon ◦ payhip storefront ◦ see full credits ✨ 

220 notes
4,453 notes

粉红色✕白

22,087 notes

image
image

✂ islander notion template.

Links: install (6 USD) | features & usage guide

Islander is an Animal Crossing New Horizons Notion template that's perfect for go-getter resident reps who are looking to complete all collections. Both north and south hemisphere templates available.

Features: dashboard, monthly in-season fish/bugs/sea creatures, full islanders database, museum donation trackers, other collections (music, reactions, nook miles), personal saved databases for photos + custom designs + island inspirations, guides, turnip profit-tracking & stalk market tips

Disclaimers: This is not a tumblr theme/page. I do not claim ownership over the use of ACNH game graphics. 

🏕️ Islander notion template — 50% off discount!

To commemorate the release of Animal Crossing New Horizons v3.0, my Islander notion template will be 50% off (min. $3 instead of $6) from 12-18 January 2026 (ends 19 Jan 2026 00:00 AEDT/GMT+11)! Have fun falling back into acnh (i know i will…)!!

324 notes

Banner that reads "Heartworm: about page 19 by glenthemes" stylized in all uppercase, accompanied by an image of an anatomical heart with a weeping eye on either side.ALT
Screenshot preview of the page "Heartworm" by glenthemes — an about page with a dark color scheme accented with pastel pink, cashmere, and olive. The layout is centered and starts with a header section consisting of an illustration depicting various flowers, a circular profile picture, a Discord-style status bubble, a username, and 6 square links. Two boxes sit side-by-side below the header, each with a heading and a bullet list prefixed with a unique icon and label. A third wider box sits underneath them, spanning the same width as the header, containing paragraph text describing the word etymology of "heartworm".ALT
A closer screenshot preview of the "Heartworm" page on a more narrow view, labelled "Desktop & mobile friendly". The 6 square links in the header section have relocated to the bottom of the header, and the two columns of boxes have shifted to become single column.ALT
A closer screenshot preview of the "Heartworm" page on a more narrow view, labelled "Popup Tumblr askbox". The rest of the page is blurred as a popup titled "Ask me anything" shows in the foreground, followed by the Tumblr askbox.ALT

About Page [19]: Heartworm by glenthemes

🫀 ── preview / code / guide / credits 。

ˈhärt-ˌwərm, (n.) a faded relationship or friendship that lingers, alive and unfinished, like smoldering embers of an abandoned campsite.

🫀 ─── features ‣

  • header: banner image ; profile picture ; Discord-inspired status bubble ; username ; nav links with hover text
  • popup askbox: optional ; custom popup title
  • info boxes: 1 to 2-column layout ; heading/title ; bullet lists with icons and labels
  • text formatting [🔗]: bold, italic, links, faded text, small caps, bolded small caps, blockquotes
  • misc: desktop & mobile friendly ; no javascript ; highly customizable

🫀 ── how to use and edit ‣

Please read the guide I put together!  (o˘◡˘o)ノ

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

1,306 notes

Screen recording of a navigation menu that slides in from the left of the screen.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!

122 notes