#tumblr html

[celestie0]

custom font colors tutorial

note: this is for my bb @tobaccosunbxrst but also just wanted to post it to public for anyone curious on how to do custom fonts w html on tumblr. i originally made this tutorial privately for my mutual @certainlysyko so apologies for the silly choice of example text that i used lol. anyways.

so as we know, tumblr only has the following default color options for text:

but what if we want some other cool colors like coral pink or cerulean blue or barf green?

to do custom fonts, it’s very simple, but it needs to be done on pc/laptop (cannot be done on app). we are going to start with a post:

then, you’re just gonna change whatever word that you want the custom color for into one of the tumblr defaults. you do this by just selecting the text with your cursor and then tumblr’s default colors pop up. you can change into any of them, this just establishes the code in the html and makes it easy to spot

then you're going to go to the little settings thingy at the top right of the post (the settings wheel) and click on this drop down, then click on "html" which will switch it to html

now it's in html. this looks very simple bc there is only one statement here. i’ll touch on how to deal with more lengthier blocks of html code later. but for now, note this section only:

<span class="npf_color_rachel">

this is ALL we need to work with in the code

we're going to change it from

<span class="npf_color_rachel">

to

<span style="color: #[hex code]">

so, for example, something like

<span style="color: #81b7ce">

note. you can also just copy paste the lines above so you don’t have to type it out

soooo all we did was delete the class=npf_color_rachel part and just replaced it with style=“color: #[hex code]

and here's the preview! all done :)

this is the website i use to find the hex codes. a hex code is basically those codes after the hashtag so like #81AACE (don't forget to input the hashtag)

now, for those lengthier posts i mentioned, you can use ctrl+f and search the word "color". it will show up any place on the post where you have a colored font (so do this after you’ve already changed all the places you want custom colors into default tumblr colors, like in the 1st step)

this way, you can easily find the places with <span blah blah> that you need to edit

here is an example of that in one of my posts:

and yeah! that’s basically it. disclaimer, i’m not a software engineer nor so i know much about tech haha, this is just for tumblr aesthetics

alright peace out! 🧚‍♀️✨ hope this is helpful

[andthentheywilleatthestars]

Hey, for the past six years I've been running a random generator using a custom Tumblr theme. Just now when I went to update it, I got this message. Is this an error, or do i have to find another place to host it? If it's the latter case, where did you announce this change?

@cyle @support

[uyuforu]

Gonna ask something pretty weird, idk, but how do some people center their text on Tumblr?? whatever I try in the html section, it never works and I am going insane :(

[rattics]

I somehow convinced myself that learning Tumblr HTML would take approximately 5 minutes

It did not and I gave up

[w000ble]

Genuine question- What is the point of tumblr's HTML post editor? I've been messing around with it but as far as I can tell, everything it can do can be done easier in the rich text editor.

I tried using <detail><summary>this text would be visible</summary> this text would be hidden in a drop-down</detail> with the editor and nothing. It would alternatively be nice to apply spoilers like in discord, or at least highlight text to a similar effect.

I am aware that switching to 'preview' can delete some added HTML, such as <!--comments-- > I posted without switching to preview

[neverloseguy]

Today I got myself into a lesson teaching about coding in HTML and CSS, and it reminded me of @khorren who uses a template written in the same language to display her characters. Not happy with the uh...slow progress (and I guess the overall atmosphere in class altogether), I took off on my own and studied the template used to basically reverse-engineered the damn thing to make up my own custom HTML so that I can use it to do the same.

I have Carrd and I still think it's fantastic, but...I gotta flex my skills a little, so here it is...

The brand-spanking-new character index

[recents]

i wonder if there could be a way to code a tumblr theme so that on the desktop theme an avatar was displayed next to each post and it was different for every post, like it was on livejournal and dreamwidth. you didnt just have one pfp, you had multiple pfps uploaded to your account, and you could set them for each post as a way of indicating the “mood” of the post. when i coded my own little personal web diary that i used through 2020, i specifically worked this into the html and manually set the icon for each entry:

since tumblr itself obviously doesn’t give you a way to set this manually when making a post, i’m not sure it would work exactly the same, but maybe with some fancy coding in the desktop theme it could be configured by post type or even by tags? assigning a specific pfp to a specific tag? i’m not nearly advanced enough of a coder to figure this out though LOL

[flowcodes]

How To Put Headings (Larger Text) In Tumblr's HTML Sections

Say you are making a page for your Tumblr blog and you don't have many options for creating. At the least, the buttons let one bold and italicize, and that is it. Or would you like the biggest heading in your post? Or maybe you want a smaller one but still gleam that it is a heading? Here is how you are able to do that.

First, for the page you want to create, you will want to hit the HTML button on the options when adding a page.

And if you want to biggest heading that you can get your hands on for a Tumblr post get the settings button which is a cog that is to the right of your username once you are in the post thing. Then scroll all the way down to the bottom where it says "Text Editor" then on the drop-down menu pick HTML.

Now that you have your process all ready to go and all you need to know is how one makes the heading bigger. Well, you have a good couple of options. 6 in fact.

The basic format of the coding tags is this:

<h1-6> Your curing the world text </h1-6>

Now that is not an actual tag (at least that I know of but even if it is not what you are going to need to do) but what the numbers are.

The biggest one is the < h1> (without the space) and the smallest < h6> (Again without the space) Now this is probably fucking with your brain cause your whole life you have been told that the higher the number the bigger the thing is. Not here baby.

Anyways try them out and find out which one looks best for whatever your fucking amazing creation is.

Hope this helped!

[lordpigbeetle]

Is there truly no way to center text on individual tumblr posts? I’ve tried everything, the <center></center> method does nothing, a div class tag does nothing, span style tag does nothing, and in the worst cases, once you hit save, tumblr will just delete those tags off your post itself like you never put it there in the first place.

Does tumblr hate centering?

[themeatybitch]

Swear this just saved my life. I was trying to upload my playlist and it wouldn’t save because of this same issue. This helped a million times.

[wearethewitches]

Also, I love your theme on desktop!

Tyvm - funnily enough a friend of mine I didn't meet for years in person, and didn't follow on here until then, has the same one, which is wild. It's one of the free themes, though I'd have to go on my laptop to check lmao

[mad-scientist-clown]

hey does anyone know how to embed an interactible iframe into a rebloggable tumblr post. I wanna have minigames on here.

[madlyfluffy]

Yearly reminder to everyone trying to find alternatives to tumblr/social media in general: go make a Neocities account and teach yourself basic HTML and post your art/writing/shitposts there.

It does take extra time to set up (but there are templates out there!) but it is so so worth it to have a site that is 100% YOURS!

You don’t even have to be that good at coding. I’m not. My site is not very accessible via mobile devices but that is fine with me (keeps me off my phone) but there are plenty of ways to make your site mobile friendly. There are plenty of bare bones/accessible sites I adore purely for the media on it.

Imagine having your site on your phone and showing someone- hey! I coded this from scratch. And I didn’t even have to pay a company like squarespace. All your images, links, writings, in one place. I have my fandom edits, memes, fanart, and custom graphics there.

Neocities has a very bare bones follower and comment system, but you can disable this if you want your site to truly abstain from any social media-isms. I use it because its a great way to meet other webmasters and get help with coding problems. Neocities isn't an exact replacement for Tumblr (no reblogging here) but html coding is an invaluable skill to know, as is keeping a personal website in this day in age.

The awesome thing about having your own website is if, god forbid, Neocities goes down, you can move your site to any other number of hosting platforms (like Teacake.org). Your site is truly YOURS, and no one else (shitty tech CEO cough cough) can take it away from you.

If you need help getting started, I recommend checking out sadgrl.online. (More links to resources in the comments section of this post).

I know neocities has been talked about before, especially within my follower circle, but I thought I'd bring it up again for anyone unaware of this awesome platform.

[zephyrchama]

(obey me!) moments where they fall in love with you all over again

---01

It’s dinner, and you’re talking about mundane things that happened during your day. You saw a cool bird, got some gum stuck on your shoe, and bought a new flavor of toothpaste to try. Everyone is listening intently. If only they would pay this much attention in class.

Lucifer knows the way his brothers look at you all too well. It’s a look full of respect, admiration, and fondness. It’s a look that’s often reflected on his own face when in your presence. At first he never really understood why you put up with his siblings, as the option to ignore them and be on your way was always there. Yet you continue to make time for them anyway. How unusual.

Moments like these where everyone is together and you don’t treat them as the Seven Rulers of Hell, you just treat them as your dear friends and family. That’s what makes Lucifer soft. He tries to imagine a long future of things staying just like this.

---02

Mammon’s hesitant to lend anybody money, even you. It takes a few minutes to butter him up and fluff his ego before he relents. At last, he hands you the crispest bill in his wallet. “Don’t spend it all in one place,” he kids, knowing full well he’d do just that if he was in your shoes.

He’s curious what you plan to buy. It never dawns on him that you have no intention of spending the cash. Half an hour later, he finds it on his desk. The exact same bill, now creased and folded neatly into an origami bird.

He picks it up to wiggle the little paper wings, entranced, then looks around frantically and catches your eye. A playful smile graces your face and tugs at his heartstrings.

---03

Leviathan is not typically one to make mistakes when it comes to anime. But even he’s not perfect.

He had it set in his mind that the new show premiered at 6:00pm, which left plenty of time to prepare the ultimate solo viewing party after school. He was humming quietly to himself when you walked over. “Isn’t your show starting soon?”

You specifically took an interest in his hobbies. You remembered that it started at 16:00 (four o’clock), not 6:00. Leviathan wondered, how could he make such a egregious mistake? You were the one who dashed back to the House of Lamentation at full speed by his side. When your human stamina started failing, he unconsciously picked you up so you’d both make it in time. You made it with two minutes to spare.

Sweaty and out of breath, still in uniform, you were able to watch the premiere together. It wasn’t until after credits rolled, you went elsewhere, and the live reactions on social media started calming down that Levi realized what a big deal this was to him. What a big deal you were to him.

---04

Satan wasn’t expecting you to be spacing out in his favorite armchair. He had plans to read in it that evening, and considered asking you politely to move. But the way the lamp light shines on your skin, the thoughtful expression on your face while pondering ideas unknown. The way your lips part ever so slightly and your eyes gaze off into nothing. It captivates him. You look like a painting. His breath gets caught in his throat, and in clearing it he manages to break your trance.

“Oh, hey. Welcome home, I didn’t realize you were there.”

You go to get out of the chair, but Satan insists you stay. It doesn’t look right without you anymore. He doesn’t feel right without you anymore.

---05

Asmodeus does not have wardrobe malfunctions often. His outfits are of the highest quality and a lot of care goes into putting them on. Still, things happen.

When his fans rush forward out of nowhere, sometimes they are successful in tearing his clothes. A fistful of shirt here, a mouthful of pants-leg there. Being in the center of a lust-fueled stampede can make even the most collected people lose their minds, but you are steadfast. You shout at the rabid demons, shaming them for their disrespect. You believe you can chase them off all on your own, not knowing that the Avatar of Lust behind you is exuding a killer aura and warning his fans to back off with a powerful glare.

As you sloppily stitch up what remains of his shirt so he can walk home without the incident repeating, Asmodeus is smiling from ear to ear. You’re so focused on genuinely helping that you don’t even notice the bedroom eyes he’s flashing. The scene of you waving your arms and trying to chase off a pack of demons as if they were stray pigeons is permanently ingrained in his memory. Just as your existence is ingrained in his soul.

---06

Beelzebub knows what he likes. He knows what will catch his interest and is pleasantly surprised when a new one crops up.

One thing he likes is you. Another is food. Both are in the cafeteria. He piles a tray high with carbs and goes looking for you at lunch time, finding you seated in the middle of a long table at the edge of the room. He calls your name.

It’s unexpected, the way you quickly swing your head up mid-bite. Your cheeks are full and noodles dangle from your mouth, sauce dripping back onto your plate. Your eyes light up as you look at him from below. It makes him stop in his tracks, causing several shorter demons to walk into him. Such a simple action, yet so profound. You hurriedly chew and offer him a seat while Beelzebub powers through his emotions. He takes a seat across from you to offer a napkin, wondering when he’ll see that face again.

---07

It’s late, far past everyone’s bedtime. Yet Belphegor forgot to tell you something during the day and decided now would be a great time. When you don’t respond to the quiet knocks at your door, he lets himself inside. Your sleeping figure looks too comforting to resist and he gets the brilliant idea to crawl into bed with you to whisper in your ear.

The problem is, as soon as he lifts the covers, you fart. It’s loud. You don’t move an inch, remaining fast asleep and ignorant of what just happened.

Belphegor freezes in his tracks to process it, but is soon doubled over on the futon laughing. The vibrations wake you. You sleepily open your eyes to see who is in hysterics and ask the obvious: “what?”

Belphegor is laughing too hard to tell you. He doesn’t want to tell you. It’s too priceless. You groggily smack him with a spare pillow and it makes him laugh harder. While he loves to look at you, that week it becomes difficult for him to meet your eyes without erupting into a fit of giggles.

[taintandviolent]

does anyone know how to deal with the javascript thing? I’ve emailed Tumblr support, but I don’t know if I did something wrong

[joyfriend]

marija theme by joyfriend

live previews: one x two (bright images/flashing lights)

waow my first theme in over a year ... cleaned up my current theme so i have released it! my first theme as a professional software developer ... CRINGE!

features:

windows xp version

optional windows xp hills

lil image in the corner

probably a bit too much customization

music player ^_^

um .. some other stuff probably

:3