header title here header subtitle here header
keep reading

using javascript on tumblr pages – how to ask support for permission

✧ What is happening?

As of early May 2022, you might have gotten this message when trying to save edits on your custom pages or when trying to install new ones:

“Looks like you’re trying to add some Javascript or invalid html to your page. You’ll need to contact Support if you’d like to use Javascript.”

✧ Why is this happening?

Tumblr is preventing potential malicious uses of javascript and decided to ban any form of javascript on your pages, and for now the only way to re-enable it is to “contact Support”.

More info: https://help.tumblr.com/hc/en-us/articles/5869629271319

✧ How to contact support:

Just “contact Support” is vague enough in itself, so here’s a quick guide on what to write in your request to them so you can get approved asap. Please note that it may take some time for them to process your request. This exact method isn’t guaranteed, but here’s what I did that got me approved within a week.

1. Go to https://www.tumblr.com/support

2. In the Category option, choose “Customizing your Tumblr”.

image

3. In the message box, list out all the blogs you want to use custom pages on. Then, give a brief description of what you use those blogs for. You only need to state the blog names, *not* each of the custom page urls, or the javascript file links. Here’s a template:

image

(Remember the please & thankyous! Staff are flooded with requests right now so be mindful).

4. Skip the Attachment part.

5. For the Relevant Blog option, pick your main blog (the very first blog you created on your account)

image

6. For the Account Email, enter the email you use to sign in to Tumblr

7. Complete the Captcha and wait for the tick ✓ to show

8. Click Next.

9. You’ll reach the “Does any of this help?” screen. No, it does not. Scroll to the bottom and click “No, send my thing”.

And done! You’ll receive a confirmation email from staff that they’ve received your request. They will not send you a reply if your blogs have been approved for javascript usage. You need to check your custom pages every few days to see if you can save any edits, or if you can install new ones.

✲ edit: they do send you a reply, but you might’ve already been granted javascript usage approval *before* they send an email back!

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

I’ve had a few requests for a tutorial on how to code tags so that they display only when a user clicks on a button, which I’ve used in a few of my themes (lilac and nightshade); and here it is after many months! This tutorial uses HTML, CSS, and jQuery; ideally, you should be familiar with the basic Tumblr blocks and variables for posts, but you don’t need to be fluent in jQuery to get through this tutorial.

Continuar lendo

keep reading

image

ㅤㅤㅤㅤㅤㅤHow to Make Gradient Text on Tumblr

✉︎¹ . . ⁽ᵇᵉᵉᵖ ᵇᵉᵉᵖ⁾ 𝐓𝐮𝐭𝐨𝐫𝐢𝐚𝐥 𝐨𝐧 𝐡𝐨𝐰 𝐭𝐨 𝐦𝐚𝐤𝐞 𝐚 𝐭𝐞𝐱𝐭 𝐢𝐧 𝐠𝐫𝐚𝐝𝐢𝐞𝐧𝐭 𝐮𝐬𝐢𝐧𝐠 𝐇𝐓𝐌𝐋

𝐈𝐧 𝐭𝐡𝐢𝐬 𝐬𝐢𝐦𝐩𝐥𝐞 𝐥𝐢𝐭𝐭𝐥𝐞 𝐭𝐮𝐭𝐨𝐫𝐢𝐚𝐥 𝐈'𝐥𝐥 𝐭𝐫𝐲 𝐭𝐨 𝐭𝐞𝐚𝐜𝐡 𝐲𝐨𝐮 𝐡𝐨𝐰 𝐭𝐨 𝐦𝐚𝐤𝐞 𝐚 𝐭𝐞𝐱𝐭 𝐠𝐫𝐚𝐝𝐢𝐞𝐧𝐭.

𝐖𝐞𝐛𝐬𝐢𝐭𝐞𝐬 𝐮𝐬𝐞𝐝: 𝐆𝐫𝐚𝐝𝐢𝐞𝐧𝐭 𝐆𝐞𝐧𝐞𝐫𝐚𝐭𝐨𝐫 𝐚𝐧𝐝 𝐂𝐨𝐥𝐨𝐫 𝐏𝐚𝐥𝐞𝐭𝐭𝐞

⌕ 𝐖𝐡𝐚𝐭 𝐢𝐬 𝐇𝐓𝐌𝐋? 𝐇𝐓𝐌𝐋 (𝑯𝒚𝒑𝒆𝒓𝑻𝒆𝒙𝒕 𝑴𝒂𝒓𝒌𝒖𝒑 𝑳𝒂𝒏𝒈𝒖𝒂𝒈𝒆) 𝐢𝐬 𝐭𝐡𝐞 𝐦𝐨𝐬𝐭 𝐛𝐚𝐬𝐢𝐜 𝐛𝐮𝐢𝐥𝐝𝐢𝐧𝐠 𝐛𝐥𝐨𝐜𝐤 𝐨𝐟 𝐭𝐡𝐞 𝐰𝐞𝐛. 𝐃𝐞𝐟𝐢𝐧𝐞𝐬 𝐭𝐡𝐞 𝐦𝐞𝐚𝐧𝐢𝐧𝐠 𝐚𝐧𝐝 𝐬𝐭𝐫𝐮𝐜𝐭𝐮𝐫𝐞 𝐨𝐟 𝐰𝐞𝐛 𝐜𝐨𝐧𝐭𝐞𝐧𝐭.


⚠︎!! First, check your post editor, make sure the new Tumblr editor is disabled (It needs to be disabled for us to edit the post's HTML).

  • Write your text, make sure everything is right because you won't be able to edit it later.
  • Open the settings of your post, they are in the little brake that appears when you go to post.
  • In the option of "Text Editor" select "HTML".
  • Copy the part of the text of your choice to make the gradient and go to this site (click here).
  • Paste your text in the first field and in the second space your code will appear, where the colored buttons appear, is where you will choose the colors of your gradient, use this site (click here) to choose the colors if you prefer, after having done this whole process, click on "run" and your code will appear with the preferences previously selected.
  • Copy the generated HTML code and paste it into your post, replacing the original text with the generated code.


ㅤㅤㅤㅤㅤㅤㅤㅤYour text will look like this!


♡ꜜ Before posting your post, click "preview" to see if the result is good and ready! I hope I have helped.

I recommend using colors that are very different from each other, so the gradient effect will be more visible and also leave the text in bold.

Oh... and sorry if it's bad, it's my first tutorial… I promise I'll try to improve.

keep reading

image
image
image
image

DAYSLILY DELIVERY 💌 template #33: chevalier.

by clicking the source link, you will be directed to a psd download of the template shown above (via deviantart). every layer within this template is labeled to make editing easier. there are two versions (pictured top left, bottom right), sorted into folders called 'unlocked' and 'locked'.

this template was requested by anonymous ! please feel free to request templates through my inbox or discord server.

  • usage guidelines: read here.
  • needed fonts: poppins (dl via google fonts)

Taylor Swift headers & matching icons + TIFF ‘22 (requested by anonymous)

  • twenty headers, 640x380px
  • thirteen icons, 150x150px
  • click to load full size
  • please like and reblog if using or saving
  • do not re-edit or repost
  • message me if you would like any of these in a different color
  • set mobile background to white or black for headers with dividers
  • icons and headers with black and white dividers under the cut:

Continuar lendo

TRANSPARENT PNG PACK #13

  • Reblog or like if using!
  • This is a free resource, but if you decide to buy it, I thank you from the bottom of my heart for supporting me ♡
  • You can download this pack here!

VALENTINE – playlist template

  • Here’s a set of easily customizable templates for your playlist needs! Fonts used are Abril Fatface, Microsoft Himalaya and Times New Roman, make sure to have them downloaded before opening the file!
  • This is a FREE RESOURCE. If you decide to purchase it, I thank you from the bottom of my heart for supporting me ♡ Excluding website taxes, you can purchase this template for 6 USD on Deviantart or via PAYPAL (message me for details). The purchase includes the coloring (ostara), which is a premium coloring and only available on purchase.
  • Please like or reblog if you use! Do not repost, redistribute or claim as your own, and please do not take parts of my work to make your own template unless you’ve asked me beforehand.
  • DOWNLOAD HERE !