Stats
Blog started:
Sep 21st 2013
Ask box status:
Closed
Commissions:
Closed
Customisation help:
Closed
Uploaded:
24 themes / 10 pages / 1 base code / 4 widgets
Updates
Jan 12th
Theme: PANTA REI
Nov 24th
Widget: FONT WIDGET
Sep 24th
Theme: NOSTALGIA
Aug 07th
Page: PORTFOLIO
Jul 12th
Theme: SPACE
Jun 22nd
Widget: UPDATES TAB
May 29th
Theme: STORYTIME
Apr 27th
Theme: HEAVEN & HELL
Apr 06th
Theme: CLEAN
Feb 24th
Widget: PROFILE BOX
Feb 08th
Theme: WONDERFUL LIFE
Jan 19th
Page: ABOUT
Jan 08th Widget: SHARE WIDGET
CODES
Themes
Pages
Plugins
LATEST CREATIONS
Character page
Theme Living Coral
Theme Panta Rei
HI. I'M KATARINA,
I am an enthusiastic designer with a focus on UI/UX and graphic design for websites, web apps and mobile apps, boasting more than 12 years of expertise in web design and development. As a self-driven professional, who also enjoys working in collaborative environments, I thrive on creativity, approaching each project with an open-minded perspective that encourages innovative solutions.
glenthemes
February 27th 2024
  • 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

  • mournstera
    February 23rd 2024
  • mournstera

    image

    jQuery-free TimeAgo Tumblr plugin

    I've absolutely loved using @bychloethemes timeAgo(); plugin for several of my Tumblr themes, but wanted to utilize their timestamp feature without the requirement of jQuery since I no longer use it in my themes. This is my attempt at rewriting it in pure Javascript. I have, respectfully, used Chloe's options for easy usage.

    Installation & guide

  • glenthemes
    February 22nd 2024
    glenthemes:
“NPF images fix v3.0 by glenthemesWhat are NPF images?
“NPF images refer to any images located between paragraphs, or images in posts uploaded via mobile. There has been little to no official documentation in regards to NPF, and the...
  • glenthemes

    NPF images fix v3.0 by glenthemes

    What are NPF images?

    NPF images refer to any images located between paragraphs, or images in posts uploaded via mobile. There has been little to no official documentation in regards to NPF, and the default styling only really works with Optica.

    Turns out, their images have a property of position:absolute; and padding-bottom:75%; meaning that they’re only 75% of their real height.

    Anything posted via mobile counts as a text post. So even if you post a single image (e.g. your art or a selfie) with no accompanying text, it’s still rendered as a text post, which can be counter-productive to what you originally wanted it to look like.

    Features / Overview:

    • stops images from stretching past the post width
    • stops images from being squashed
    • custom spacing between images
    • custom spacing between images and caption text
    • automatically adapts to old blockquote captions or modern captions
    • lightbox support (i.e. click for next image in the set)

    ✲ Whilst v2.0 still works, it’s admittedly not my best work. This new version is more efficient and less buggy. Please remember to remove the old version before installing the new one!

    ♡ ⇢ instructions + download | have a question? | donate

  • eggdesign
    February 21st 2024
  • eggdesign

    Beta release of the theme builder!

    Learn more about the theme builder + start building your theme

    The theme builder is ready to be used! Since this is the beta version, there are still a lot of options that are going to be added in the future.

    Here are some examples of themes made with the current version:

    image
    image
    image
    image

    And here are some of the current options:

    image
    image
    image

    Please let me know if you have any suggestions or run into issues making or using a theme!

  • ricecodes
    February 11th 2024
  • ricecodes

    The image shows the light mode version of the theme with the sidebar on the right. This is the default option.ALT
    The image shows the dark mode version of the theme with the sidebar on the left.ALT

    [ Theme #11: TTYL ]

    Preview + Install (Theme Garden)

    Live Preview + Static Preview + Code (GitHub)

    A responsive, all-in-one theme that includes the option to hide the about, navigation, muses, following, and recently liked sections!

    Features:

    • Day and night toggle button that will stay in the selected mode until it is turned off. A dark mode option is available for those who prefer a dark color scheme on their blogs instead of the default light colors. The day and night mode button will also change according to the scheme you are using.
    • 6 sections are included in the theme (blog posts, an about me, navigation links, muses, following, and recently liked posts).
    • Left or right sidebar. Both layouts are responsive on multiple screens including mobile.
    • You can also choose icons that you like for various elements of the theme (i.e. the menu links in the sidebar) from Tabler Icons. Please refer to the theme guide linked below for more information.
    • Like and reblog buttons, a search bar, an updates tab, and a custom "Not Found" page.
    • A drop-down menu with 3 custom links.
    • Supports NPF posts and page links.

    Keep reading

  • color-palettes
    July 3rd 2020
    color-palettes:
“ A Long ways to go - Submitted by Stars-and-screaming
#373B45 #4A659A #353D3D #E0DFDF #F0C8C1
”
  • color-palettes

    A Long ways to go - Submitted by Stars-and-screaming

    #373B45 #4A659A #353D3D #E0DFDF #F0C8C1

  • shythemes
    July 3rd 2020
    Tutorial: “Load more” buttons
  • shythemes

    Also known as manual trigger infinite scrolling, a load more button allows users to control when the next page of posts is loaded by clicking a button, rather than having the next page of posts load automatically as the user scrolls. This tutorial includes the html and scripts you will need to add this feature to a theme, given that it already includes the infinite scroll plugin by Paul Irish.

    Keep reading

  • borntobewildcodes
    July 3rd 2020
    Anonymous

    Hello!! So I’m quite new to tumblr so still forgiving out the works, I saw your PAGE: Folio and was wondering how to access it? Cause idk HAHAH hope it isn’t too much trouble, thanks and take care 💕

    Hello! It’s not trouble at all, you’re so kind! You can get the code from one of these links:

    Monochrome versoion: https://controlc.com/9821b038

    Color version: https://controlc.com/109adafc

    You’re welcome and you take care, too!

  • borntobewildcodes
    July 3rd 2020

    Hello!! I'm using your marvel character theme, the one with the avengers. I was wondering if there is a way that I could move the character picture (the fullbody) a little bit to the left. I don't know much about codes. Is it possible? Could you help me? (I hope I explained myself right!)

    Hello! Sure you can and here’s how:

    Find the following

    .tab-right img {    position:absolute;    bottom:20px;    left:50%;    height:auto;    max-height:calc(100vh - 120px);    z-index:100!important;    transform:translateX(-50%); }

    and change the value in “left:50%” to whatever you like

  • borntobewildcodes
    July 3rd 2020

    Hi! I don't know if you answer asks, but I tried doing it myself to no avail: in the Nostalgia theme, how do I put the search icon inside the sidebar instead of randomly floating next to it? Thanks in advance! :)

    Hello! In your case you need to do the following:

    Find #search and remove these values:   

       margin-left:0;    {block:IfLeftSidebar}    margin-left:40%;    {/block:IfLeftSidebar}

    then add this one:

       right:0;

    You’re welcome!