When I Was Lurking On Tumblr, I Was Amazed By All The Beautiful Gradient Text That People Had One Their

When I was lurking on Tumblr, I was amazed by all the beautiful gradient text that people had one their posts. I discovered this extremely detailed post on how to make your own, and I absolutely love Method 1. The way I add the HTML code to the post is by first writing everything out in the rich text editor. Then I switch to the HTML editor and paste the site's gradient HTML code into the part of the post that I want since the HTML formatting for that line of text is already done for you. Make sure that you only replace the text within the formatting code with the text gradient code you copied.

If you have a method that you like to use, let me know what it is and why it's your favorite! If you are in the same boat as me, I hope you'll find this resource as helpful as I did. :)

this is kinda stupid of me to ask but how do you do gradient texts?

Hello! 

[Disclaimer: To make gradient text, you have to turn off the beta option on tumblr posts] UPDATE: The beta option can no longer be turned off (presumably because they, well, rolled out whatever features were previously there in the beta). However, you can go to Settings → Dashboard → Type of dashboard (it'll be a dropdown close to the bottom) → HTML.

To make a gradient text, you basically have to convert whatever gradient you have into HTML code. [css code doesn’t work] Fortunately though, there are sites for that! You can use this site and/or this site. Here’s how they both work:

Method 1 - Patorjk’s Text Color Fader

Step 1: Enter your desired text, your colors [you can change the number of colors too; just click on the dropdown option] 

image

[Fade Type: I just use the default fade type, but I reckon the vertical one’s good if you want to create gradient paragraphs]

Now once you’ve clicked the “Generate Color Faded Text” button, you’ll see something like this:

image

Copy all of that and paste it into this site like so:

image

Click “Replace Text” and copy it to the clipboard, and you’re done!

Method 2 - JSFiddle 

This one’s not as “user-friendly” as the former, but it’s still pretty easy to manoeuvre around once you get the hang of it!

image

[When you’re done customizing, click on the “Run” button on the top left.]

Now you should see that the colors in those boxes in the run area are now your desired colors. Enter the text in the top text box as shown and click the run button next to the color boxes. Your HTML code should appear in the second text box. Copy that and you’re done!

[I’d only edit the main code if I want to add one/more colors. Otherwise you can just click the boxes in the run area and edit the colours directly from there. This supports hex codes, RGB and HSL.]

For example, I’ve done this:

image

Okay, now once you’ve copied your HTML code, you have to go back to tumblr and create a new post without the beta format. You should see a gear icon; click that and change the post type to HTML. [tip: customize a blank piece of text however you want (bold, italic etc.) in the Rich Text editor and then just replace that with your gradient text code in the HTML editor]

Now paste your HTML code in the text area, and you should see something like this:

[note: I just clicked on the gear icon to demonstrate what it should look like]

image

You can preview your text by clicking on the “preview” button to see if you got anything wrong/to see what the final result will look like, and you can add your desired tags.

And that’s really all there is to it! Here’s what my final result will look like:

Viridian: #009698 to #008b8b to #007474

[Forgot to mention, once you've got your gradient text, you can't switch back to the Rich Text editor without losing your gradient, which is why I recommend customising your text in the Rich Text Editor before switching to HTML and replacing the black text with your gradient one! Personally, I just use the header option for my text so I put the h2 tags manually at the start and end of the code so as not to create a hassle]

More Posts from Droideplane and Others

1 month ago
Send Me To Mars With Party Supplies Before Next August 5th

Send me to Mars with party supplies before next august 5th


Tags
2 months ago

the concept and idea of “you can always start trying to be a better person” is extremely important to me both in media and irl and i continue to be deeply deeply disturbed by the trend on this site pushing that these ideas in media are bad writing or even morally reprehensible

because theyd rather someone stay terrible or just straight up die than become a better person 

from a compassionate point of view it’s deeply distressing and from a pragmatic point of view it’s outright frustrating

it’s fucked up. 


Tags
2 months ago
1 month ago
The Star Clipper, A Space Shuttle Design From Lockheed For NASA.

The Star Clipper, a Space Shuttle design from Lockheed for NASA.

The craft would have used expendable wrap-around fuel tanks to boost it into space, where it could deposit crew and cargo to orbital platforms.

1 month ago
So, I'm Back With Another Recreated Comic Fit. This Is Namora In Sub-Mariner #29 (1948). It Was Impossible

So, I'm back with another recreated comic fit. This is Namora in Sub-Mariner #29 (1948). It was impossible to find a dress from the 1940s that looked exactly like hers, so I ended up going with this sweet red dress from the 1950s. The earrings are also from the '50s, because I like those gleamy carnelians better than the 1940s bakelite earrings that came up in my search. Everything else is from the '40s.

Not my most period-accurate comic recreation, but given the year this issue was published, I guess it's close enough. :)


Tags
1 month ago
Another Of My Old Engineering Memes For You All. :D

Another of my old engineering memes for you all. :D


Tags
3 days ago

Thank you for putting this into such eloquent words! I also like how you present your takes on this @murtagh-thorn and @thearunadragon.

! I made an interesting realization just now in the shower! On a couple of occasions, Eragon and Nasuada suggest that Murtagh should act in the way Tornac would have as a way to change for the better and, ultimately, change his true name to free himself from Galbatorix and fight for them instead. Eragon insinuates this without directly mentioning Tornac: "Look at someone whom you admire but who has chosen paths other than your own through life and model your actions upon his." But in the context of Murtagh's backstory, this advice strongly evokes Tornac. And Nasuada outright names him: "Ask yourself: what would Tornac have wanted you to do?"

But that's a very curious demand for them to make because Murtagh is already emulating Tornac. Consider what we know about him. Tornac served Galbatorix, he would have had to for the king to entrust him with Murtagh's care. They lived in Uru'baen together as Murtagh grew up with Tornac raising him and he would have had to be in Galbatorix's service for all that time. Yet, he had no love for the king given that, when Murtagh wanted to abandon the Empire and flee, he was immediately ready to join him and help him leave that very same night. So he served the Empire for many years even though he had no true desire to be support them or the king, in order to provide the care and protection that Murtagh needed, until Murtagh was ready to make his own choice and take his own risk and Tornac turned his back on the king for him without hesitation.

That's exactly what Murtagh is doing. By yielding to Galbatorix and complying with his commands, Murtagh is doing the same thing for Thorn. He's bowed to this broad, great evil so he can look after the needs of an individual when no one else is willing nor able to. He does what he does to prevent Thorn from being tortured, to keep him from being broken, helpless against the king were Murtagh to abandon him. So he doesn't, the same way Tornac never abandoned him. And in the end, they rebel in a very similar way too. When Thorn is ready to carve his own path and fight for the right to claim his own life for the first time, and Murtagh wants to reclaim the life he desired but thought lost, they stand by each other and break free from Galbatorix.

For him to act the way that Tornac would requires that period of reluctant subservience so he can save the one he loves most. They ask Murtagh to follow Tornac's example, ignorant to the fact that the actions they so disapprove of are doing exactly that. And I wonder if this is a root of Murtagh's defining anger, an anger at Eragon and Nasuada's implication that the compromises that saved his own life and provided him much needed love and support through his childhood- the compromises that saved Thorn, the partner of his heart, when no one else (certainly no one from the Varden) would have helped him- were wrong. That they were immoral, they were not worth while, they were not enough, they fell short, they were wrong. Because such an implication is really a dismissal of Murtagh and Thorn's wellbeing- arguably of their lives.


Tags
1 month ago

Gorgeous color combination!

𝜗𝜚‿‿‿ 𝜗𝜚 ‿‿‿𝜗𝜚

𝜗𝜚‿‿‿ 𝜗𝜚 ‿‿‿𝜗𝜚


Tags
2 months ago

These drawings have no business being so cute!!! 😭😭😭

I Hate These Videos But These Chibi Planes Are Sooo Cute & Expressive & Gauche
I Hate These Videos But These Chibi Planes Are Sooo Cute & Expressive & Gauche

i hate these videos but these chibi planes are sooo cute & expressive & gauche


Tags
Loading...
End of content
No more pages to load
  • k1ngslayerz
    k1ngslayerz liked this · 3 days ago
  • v0idsp3rson
    v0idsp3rson reblogged this · 3 days ago
  • v0idsp3rson
    v0idsp3rson liked this · 3 days ago
  • fuckingnymfo
    fuckingnymfo liked this · 3 days ago
  • dreamsfyree
    dreamsfyree liked this · 3 days ago
  • bronzealchemy
    bronzealchemy liked this · 4 days ago
  • cryingdew
    cryingdew liked this · 5 days ago
  • millionfeen
    millionfeen liked this · 6 days ago
  • louis-andthecarrots
    louis-andthecarrots liked this · 6 days ago
  • a-forbidden-spade
    a-forbidden-spade liked this · 6 days ago
  • versignyz
    versignyz liked this · 6 days ago
  • cosmicties
    cosmicties liked this · 1 week ago
  • terpho
    terpho liked this · 1 week ago
  • mono-gamy
    mono-gamy liked this · 1 week ago
  • millionsbills
    millionsbills reblogged this · 1 week ago
  • zerillia
    zerillia liked this · 1 week ago
  • capt-sievert
    capt-sievert reblogged this · 1 week ago
  • capt-sievert
    capt-sievert liked this · 1 week ago
  • velvetccke
    velvetccke liked this · 1 week ago
  • h0onviv
    h0onviv liked this · 1 week ago
  • jadadonaldson
    jadadonaldson liked this · 1 week ago
  • chiyodis
    chiyodis liked this · 1 week ago
  • crying-ang3l
    crying-ang3l liked this · 1 week ago
  • jinxpantsu
    jinxpantsu liked this · 1 week ago
  • dvnklenacht
    dvnklenacht liked this · 1 week ago
  • eraserbread
    eraserbread liked this · 1 week ago
  • miniemesblog
    miniemesblog liked this · 1 week ago
  • dxyziez
    dxyziez liked this · 2 weeks ago
  • yangrdn
    yangrdn liked this · 2 weeks ago
  • aureatelys
    aureatelys liked this · 2 weeks ago
  • rivendell-poet
    rivendell-poet liked this · 2 weeks ago
  • meowsys
    meowsys liked this · 2 weeks ago
  • lilac0re
    lilac0re liked this · 2 weeks ago
  • vissenya
    vissenya liked this · 2 weeks ago
  • theinvisiblespoon
    theinvisiblespoon reblogged this · 2 weeks ago
  • theinvisiblespoon
    theinvisiblespoon liked this · 2 weeks ago
  • radiationh3ll
    radiationh3ll liked this · 2 weeks ago
  • theresatzu
    theresatzu liked this · 2 weeks ago
  • thewindslaughter
    thewindslaughter liked this · 2 weeks ago
  • aimonnova
    aimonnova liked this · 3 weeks ago
  • buffyansummers
    buffyansummers liked this · 3 weeks ago
  • shuyoo
    shuyoo liked this · 3 weeks ago
  • yumiyawning
    yumiyawning reblogged this · 3 weeks ago
  • stargirlygirl
    stargirlygirl liked this · 3 weeks ago
  • webanglikethat
    webanglikethat liked this · 3 weeks ago
  • xoluvx
    xoluvx liked this · 3 weeks ago
  • solitaryshift
    solitaryshift liked this · 3 weeks ago
  • the5thorgy
    the5thorgy liked this · 3 weeks ago
droideplane - DroidePlane
DroidePlane

Nothing to see here, just a pair of fanfic writers who like random stuff.

121 posts

Explore Tumblr Blog
Search Through Tumblr Tags