borntobewildcodes

[borntobewildcodes]

🎧 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

#npf audio player #tutorial #script #blog

[borntobewildcodes]

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

#resources #tutorial #blog

[borntobewildcodes]

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 ☕

#npf #tutorial #blog

[borntobewildcodes]

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:

And here are some of the current options:

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

#blog

[borntobewildcodes]

[ 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.

Options:

Instead of giving you a selection of post sizes to choose from, you can enter your desired post size (i.e. 500px or 40vw). The same applies to the sidebar.

A custom title and/or description. To activate the custom title and description options, just type anything in the text boxes "Custom Title" and "Custom Description."

You have the option to choose whether your accent colors will be a gradient or one color.

There is a selection of border styles and header styles to choose from.

Different sidebar images are optional. However, the first sidebar image that uses your header image as the default will always be visible on your blog. There is no option to hide it like the other sidebar image.

Show or hide tags on the index page.

Notes:

The search bar will be hidden automatically if you have the option to hide your blog from search results enabled.

The following and recently liked sections will only work if you're using the theme on a primary blog. It will not work with side blogs. Please also make sure you have enabled the options to share your following and liked posts in your blog settings.

For an in-depth explanation and tutorial on how to customize the theme to your liking, please refer to the theme guide! Everything you need to know will be addressed there.

Credit:

NPF Audio Player by @glenthemes

Tabler Icons by Paweł Kuna

See full list of credits here.

Please make sure to read the theme guide before sending in any questions about customization, thank you!

#blog

[borntobewildcodes]

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

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

#resource #color palette #blog

[borntobewildcodes]

Tutorial: "Load more” buttons

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

#tutorial #load more #blog

[borntobewildcodes]

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!

#blog

[borntobewildcodes]

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

#blog

[borntobewildcodes]

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!

#blog

[borntobewildcodes]

Audio

preview + installation guide

Audio is a theme made for music blogs. Though it is built for audio posts, it does support all post types. 

This theme looks and functions like a playlist. You can navigate to the next post by “skipping” or selecting the name of the post in the list. Permalink pages feature normal post styles for easier reading. 

Features:

This theme looks and functions like a playlist. You can navigate to the next post by pressing the skip buttons or selecting the name of the post in the list.

Custom Colors

Google Fonts

As many custom links as you want

Since this theme has a very specific aesthetic, the customization options are more limited than my other themes. Please let me know if you have any specific requests for more customization options!

#themerec #blog

[borntobewildcodes]

PART ONE: CHARACTER NAME, BRACKETS + AVATAR

LET ME INTRODUCE YOU TO TUPPERBOX. firstly, thank you to @arrakispaul​ for introducing me to this wonderful bot. why will this improve your discord rp experience? this bot is universal in it’s ability to allow you create your own character profiles with the simple trick of a sentence of text. to help explain i’ve brought GIF SAMPLES to help you with this process. 

benefits: 

universal: meaning any server with this bot will carry through your characters. once you register a character, it will follow you into ANY server that hosts tupperbox.

avatar + custom name ( for those aesthetics )

what you’ll need: 

discord account ( duh lol )

a server to experiment 

the tupperbox extension

the goal: 

               LIKE IF THIS HELPED  /  TUPPERBOX BOT

Keep reading

#blog

[borntobewildcodes]

FUCK YOU DISNEY

Anyways, y’all better start saving your fave fanfics and fanart under the Disney labels cause it looks like they’re trying to curb fair use/fanworks and I’m sure there’s going to be mass panicked deletions even though it’s probably unnecessary cause AO3′s legal team will fight for us.

#blog

[borntobewildcodes]

Hello :) I just found your Character page ( the marvel one that shows Thanos from june 21st - sorry I dont know the name ._. ) and I absolutely love it! I'm trying to show an art book with this page but I need to add 150 Characters to it... is that even possible? Cause for some reason as soon as I add more than 111 characters the links break down. Maybe you can help me :) thank you so much!!

Hello! I’m glad you love the page! Unfortunately I have no idea if that’s possible. I believe the issue is caused by page getting overloaded with photos and js. Is it possible that you make two separate pages that you link? 

#blog

[borntobewildcodes]

wips for a college project :-)) decided to center it around the 1917 script cos i'm obsessed 😔🤟

#art #inspo #blog

[borntobewildcodes]

• 𝘊𝘰𝘮𝘮𝘦𝘯𝘵/𝘧𝘢𝘷 𝘪𝘧 𝘺𝘰𝘶 𝘥𝘰𝘸𝘯𝘭𝘰𝘢𝘥 𝘪𝘵 • 𝘊𝘳𝘦𝘥𝘪𝘵𝘴 𝘪𝘧 𝘺𝘰𝘶 𝘶𝘴𝘦 𝘪𝘵 • 𝘋𝘰 𝘯𝘰𝘵 𝘤𝘰𝘱𝘺 𝘮𝘺 𝘸𝘰𝘳𝘬

download

#resource #goodies #psd #coloring #blog

[borntobewildcodes]

Hey, I I had to update to Storytime Vol 3 (I think I was using Vol 1 or 2) because all of the tiny url images were no longer available :C. Is there a way to add the quotation back underneath the bio / sidebar and putting the main links across the top of the posts like in the old one?

There is. 

1. Find 

Index Ask Submit Archive

and move it under 

2. Add a quote you like below 

. You might have wrap the quote inside the

tag

#storytime #blog