GeistHaus
log in · sign up

NYCTOCODES

Part of tumblr.com

✦ Let’s express ourselves again. ✦

stories
Theme [41]: Reducks by glenthemes
other peoples themesverrryyy cute

glenthemes:

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  ☕

https://nyctocodes.tumblr.com/post/812711668199079936
I was wondering if it would be okay if I redistributed your TPC ACNL theme and made it HTML-friendly. I would also make sure to credit you and prohibit its use for commercial purposes!

Unfortunately I am going to have to say no 💔 I do plan on eventually returning to this blog (I have just been very busy since July; nyctocodes has been on the back burner), and when I do return, I plan on updating most everything I've already posted, including the TPC ACNL theme.

Also, it's already created in HTML (though heavily outdated) so I don't understand what you mean when you say make it HTML-friendly ? If this is for neocities where everything is customized via HTML and CSS code itself: I would one day like to branch out to that platform myself so unfortunately I don't want anyone redistributing my work there either.

Lastly, I would have appreciated this being asked off anonymous. Asking something like this but leaving no trail to who you are or what you do, it just doesn't make me want to say yes...

Sorry! Thank you very much for asking!

https://nyctocodes.tumblr.com/post/799222989532119040
✨ CSS popups (no JavaScript)
resourcesOOOOOH!!!

glenthemes:

Banner that reads "CSS Popups: written by glenthemes" stylized in all uppercase.ALT
Screen recording GIF of the user interacting with the demo page for CSS popups. There are four sentences present, each of which has several words emphasized in blue and underlined. When the user clicks the emphasized phrase, a popup appears with content associated with said trigger. Clicking outside of the box closes the popup.ALT
✨ CSS popups (no JavaScript)

Some basic CSS popups I put together by utilizing <⁠l⁠a⁠b⁠e⁠l⁠ ⁠f⁠o⁠r⁠=⁠"⁠.⁠.⁠.⁠"⁠> and <⁠i⁠n⁠p⁠u⁠t⁠ ⁠t⁠y⁠p⁠e⁠=⁠"⁠r⁠a⁠d⁠i⁠o⁠"⁠> combinations together with its :checked state to mimic a <⁠d⁠i⁠a⁠l⁠o⁠g⁠> in its open/showModal() state.

  • Unlimited popups
  • Only 1 popup can be open/active at a time
  • Clicking outside the popup box will close all popups.

🔗 github.com/glenthemes/css-popups

https://nyctocodes.tumblr.com/post/794501862980272128
good news: I switched from nyctothemes to nyctocodes
so much for a redirection blog....so annoying! I sent a support message but alas I do not think I will get a responsemaybe I will but idk how reliable support is about it

good news: I switched from nyctothemes to nyctocodes

bad news: in the switching process I accidentally did something to activate (I assume??) bot detection and now the nyctothemes url is deactivated and unavailable….

https://nyctocodes.tumblr.com/post/778413585496997888
Thank you so much for all your hard work!!! I don’t know if it’s just tumblr themes disappearing over time or I’m just not seeing them cross my dash anymore but you’re the only one I know that still makes them regularly. With how much Tumblr has changed over time I can’t imagine it’s getting any easier to code, but I really appreciate what you do. It kinda feels like keeping the old ways alive or something haha
and that's not even touching the twitch aspect!I don't have a persona in any way but I enjoy how vtubers heavily decorate their brandsit shows people DO want to express themselves;but minimalist web2 doesn't give them the means to do somy point: it would be fun to code for stream elements lmaoand bridge the gap between tumblr users and twitch users!!!

😭🙏 thank you!! I've actually been on hiatus for... quite a few years 🙈 but I've lately gotten passionately interested in the "indie web" and the idea of making a website to 100% express yourself outside of streamlined social media. And since tumblr has been getting waves of new users over the last few years, I'd like to make stuff for them! ESPECIALLY with the new features of CSS that didn't exist when I was active!

There are definitely theme makers I don't recognize (whether they're new creators or old creators who rebranded), so I'm excited to re-immerse myself in this community!!

https://nyctocodes.tumblr.com/post/776386451403341824
NPF based template
resources

eggdesign:

NPF based template

preview + code

This is an alternative to the more extensive base code I’m working on that uses the NPF variable that still uses the legacy theme blocks and variables. This is intended to keep your theme making process familiar and more comfortable for those who do not have a lot of JS experience but still want to utilize the NPF variable.

The JS is pretty minimal (especially compared to the full NPF theme), but it uses the NPF variable to keep formatting more consistent with the legacy post types. While you do not need to edit any JS to use this theme, if you want to, you can use more things from the NPF variable like getting checkmarks for users that have them!

This theme will also take into consideration if photos or other media should not move, like in the case of text separating photosets.

Here is a before and after of a post made with the beta editor:

This base code is very simple compared to my other ones (it is only the posts and pagination), so please edit it as much as you want! I didn’t want this to be restricted to a specific style or layout. Given a lot of theme makers have felt limited with their post styles since switching to one post type, I’m hoping this can help bridge that gap.

Let me know if you have any questions or run into problems while using this!

https://nyctocodes.tumblr.com/post/775613023482249216
glenthemes: This is a masterlist consisting of links to...
resources


glenthemes:

This is a masterlist consisting of links to different types of posts here on Tumblr. I compiled this for theme-makers in mind as a way of double-checking if any elements have been accidentally left unstyled. You can reblog the posts onto your test blog to check if everything looks as intended. Particularly for NPF posts, there may be some default properties you wish to override. I had these links saved all over the place so I decided to group them in one post for easier access. This list is by no means definitive, but I hope it can help somewhat. ♡

2023 Dec update: I’ve created a blog at @glen-test in which I reblog a variety of different post types and formats! My tags list: https://glen-test.tumblr.com/list

💌 If you have any suggestions or additions to this list, let me know!

🕒 Last updated: 2023-12-27

Keep reading

https://nyctocodes.tumblr.com/post/775570514055938048
◍ magnesium theme.
other creators

xuethms:

◍ magnesium theme.

Links: previewinstall | features

Magnesium is a theme for the lovers of angled corners, blocky styles, and neatly constructed layouts; plus a flashy sidebar design.

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

Credits: cappucciconsfeather iconsNPF images fix v3.0, NPF audio player, photosets.csscustomaudio.jsStyle-my-TooltipsTruncate note counts

https://nyctocodes.tumblr.com/post/756844761430802432
1.0.1 - added more code to hide the “Go Ad Free” button and suggested blogs within the…

nyctocodes:

Tumblr 2023 Layout - cleaned up

I personally am open to a new look, but my god is it cluttered 😵 I’m rusty with coding, so lemme know if there’s any bugs.

How to add:

  1. Add the Stylus Chrome or Firefox extension.
  2. While on tumblr’s homepage, click the extension’s “Write style for: www.tumblr.com/” button.
  3. Paste this code into the top area (replace any default code already present)
  4. Delete any part of the code that hides something you want (e.g. the Explore button).
  5. Save!

1.0.1 - added more code to hide the “Go Ad Free” button and suggested blogs within the dashboard.
1.0.2 - added code to hide the second dashboard tab
1.0.3 - re-hid the updated Lives suggestion window. I didn’t change the code but rather added onto it, in case some people didn’t get the update yet.

https://nyctocodes.tumblr.com/post/725930815287164928
Tumblr 2023 Layout - cleaned up
tumblrtumblr updatesmy codesdashboardstylusstylish
Tumblr 2023 Layout - cleaned up

I personally am open to a new look, but my god is it cluttered 😵 I’m rusty with coding, so lemme know if there’s any bugs.

How to add:

  1. Add the Stylus Chrome or Firefox extension.
  2. While on tumblr’s homepage, click the extension’s “Write style for: www.tumblr.com/” button.
  3. Paste this code into the top area (replace any default code already present)
  4. Delete any part of the code that hides something you want (e.g. the Explore button).
  5. Save!
https://nyctocodes.tumblr.com/post/725844013855490048
🎧 NPF audio player ⋆
resources

glenthemes:

Heading in all uppercase that says "NPF audio players". Subheading says "plugin by glenthemes". Next are a before and after comparison of how NPF audio players look like by default, and how it appears after the plugin is applied. The new player balances out the elements and has label text for the audio's track, artist, and album names. The new player's background is very pale gray.ALT
🎧 NPF audio player ⋆

On Tumblr’s process of changing everything to NPF, staff has added metadata (details) to NPF audio inserts to reflect what was originally entered when it was posted. Unfortunately, they’re unstyled for now, so I wrote a plugin that mimics the appearance of Tumblr’s legacy audio player.

☆ Features:

  • functional play/pause buttons with customizable sizes and colors
  • [optional] preceding labels, e.g. “Track:” / “Artist:” / “Album”
  • [optional] placeholder text for empty fields, e.g. “Untitled Track”
  • shows album cover image if its comes with one, with customizable dimensions
  • customizable player padding and background color

☆ How to install:

https://gitlab.com/tmblr-npf-audio/s#preview

https://nyctocodes.tumblr.com/post/722198337109000192
themesbypale:Page 04: POKÉDEX 98 Preview  | CodeAn about page...
THIS IS INCREDIBLE!!! Very beautiful and thoughtful work!!other creators










themesbypale:

Page 04: POKÉDEX 98 

Preview  | Code

An about page that is also a Pokédex mini web application, based on the Pokémon Yellow interface design. Why? Because is having a Pokédex in your blog is cool! (。◕‿‿◕。)

Read the customization guide here.

Features:

  • A full functional Pokédex. You can search any of the current 1000+ existing pokémon. 
  • Set your dream team easily.
  • Change the language of the Pokédex.
  • About section.
  • Tags/Links section.
  • Extra section that can be used for more information, terms of use, FAQ, etc.
  • Toggle Light/Dark Mode and customize it, too.
  • Add background music and switch on/off.
  • Select between ultra retro or modern sprites for your team.
  • Responsive on mobile.

More info:

This page retrieves all the pokémon information through the services of the Poke API. The Poke API is a full RESTful API linked to an extensive database detailing everything about the Pokémon main game series. This means this page does not have coded any information of the pokémon, instead every time you search a pokémon the app connects to the API and gets the information back.

Notes:

  • This is the first version of the page, but in the future I will add more functionalities! Recommendations are always welcome.
  • The Pokémon nformation is dependant of the Poke API database, so if there is some information missing or wrong the Pokédex page can’t control that.
  • Make sure you have Javascript enabled on your blog.

Credits on code.

Inspiration came from Pokémon first generation games and also the page was inspired by @nyctothemes beautiful first generations themes! Check them out!

Please reblog/like if using! :3

https://nyctocodes.tumblr.com/post/717441244810379265
I started to revisit a theme wip from back in October where I used the NPF variable to grab a user’s…
resources

eggdesign:

eggdesign:

I started to revisit a theme wip from back in October where I used the NPF variable to grab a user’s default/mobile theme. I ended up with a combination of the dashboard popup and the blog view.

I thought it was really neat that the variable includes the last updated timestamp, so I’m trying out an active indicator above the user’s avatar

While I’m not sure if I can get a fully functioning theme with the NPF variable yet (although I’m close), it’s still opening a lot of new doors for theme features that I’ve been wanting to try for a while now!

Also, I ended up making an alternative version of the script I made for recommended blogs to display a blog’s followers which I will probably incorporate into this theme somehow

Btw I have a working preview of the recommended blogs!

This uses an older/very modified version of the script for preview purposes but it functions the same way as the current/unfinished version does.

And this one has more to work out, but you can look at the blogroll/following version too!

https://nyctocodes.tumblr.com/post/702214404229447680
xuethms:◍ neon theme.Links: previews [ neo / eon ] | install |...
Soooo cuuuuteother creators










xuethms:

◍ neon theme.

Links: previews [ neo / eon ] | install | features

Neon is a contained theme which features animated floral features and other decorative elements, creating a maximalist, scrapbook-like design — Perfect for those who want a more artistic blog theme!

Features: contained theme, decorative elements, animated flowers (3 different petal shapes), big title, user profile (icon + status + another title), searchbar, 250px/400px/500px posts, styled search & tag pages

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

https://nyctocodes.tumblr.com/post/695113271769989120
yeoli-thm:Premium Theme - Spring AgainLive Preview ⬩ Static...
WOW!!other creators






yeoli-thm:

Premium Theme - Spring Again

Live PreviewStatic Preview
Buy £20

A fully responsive, art journal inspired grid theme. Recommended for photo blogs but also supports all blog types.

Sidebar features

  • polaroid image
  • music player
  • filmstrip (showing either your own photo uploads or your top Tumblr posts)
  • scheduler box
  • social media box
  • extra info box

Blog features

  • fixed post size
  • custom fonts and font sizes (compatible with google fonts)
  • auto link pages with 3 additional custom links
  • dashboard style captions
  • supports new post types
  • search bar
  • responsive layout

Notes:

  • theme user guide here
  • basic HTML knowledge is recommended to edit the sidebar contents
https://nyctocodes.tumblr.com/post/693950364115976192
How to implement the filtered tag posts on your blog theme
resources

fukuo:

A screenshot of an indivual post from "fukuo". The post contains filtered tags with the following: spoilters, hellsite, and tumblr secrets. Below the tags, there is a button that says "View posts" to fully show the post that has been covered with an overlay.ALT

You can use this to prevent posts with certain tags or your own custom tags from showing up on your blog. The filtered posts will have an overlay obscuring the post itself with an explanation of why the post was filtered along with the option to view the post if you’d like.

This post is not going to explain the details, you’ll be just provided an instruction to implement this on your blog. You need to be familiar with HTML, CSS, and JavaScript before proceeding with this.

Keep reading

https://nyctocodes.tumblr.com/post/692396521135669248