Tessisamess

Previous | Next

Code: Unrelated Tumblr Posts





burgrs:
hi im here to ruin everything


shipsnamedenterprise:
*planet explodes* *removes one earbud* what


Information

Hey guys! ...how has it never occurred to me to do these before? I love these. Ever wanted one of those "unrelated tumblr posts overlaid on an image" pics for your character, but couldn't find what you wanted? No problem! Now you can just plug an image and some text into this code and it takes five seconds, yay!

This is technically just a fun teeny extra code for the month, so it's pretty simple to use given the nature of it. You can position your fake reblog crop text to any area of the image and you can resize everything with super minor edits and no headaches. I'll probably make profile page safe versions of this too so just come back to this page if you want those and they should be here by Tuesday! Enjoy! ♥

The Coding



Installation Guide

Paste into an entry and fill in the following!

BGIMG - Background image; will fit itself
username - Username of original post (not a real link)
tumblrpost - Reblog content; can be any length but EXTREMELY long content will probably run up and cut off

Editing Guide

Paste the coding into Notepad or similar and bring up Replace All (usually Ctrl+H) to replace values quickly and easily!

FONTS
arial,sans-serif - Overall font
13px - Font size

HOW TO RESIZE AND REPOSITION REBLOG CONTENT
width:500px;height:300px; - Width and height of whole container
width:55%; - Width of reblog content
margin:15px; - Margin around reblog content
justify-content:flex-start;align-items:flex-end; - This positions your reblog content; not all images have negative space in the bottom left, so you can redo these to position the content anywhere you like! justify-content controls horizontal and align-items controls vertical. The positions for both are: flex-start, flex-end, and center (left, right, and center for justify and top, bottom, and center for align, respectively)

Terms of Use

♡ Do not remove credit.
♡ Do not redistribute my codes in part or in whole (posting a copy for players to use in your game is fine with a link to original post.)
♡ If you break something during editing, please feel free to drop me a comment and I'll help as best I can!
♡ I love seeing edits! This isn't a rule, but if you have a cool edit of one of my codes I'd love to see it!

Comments

(Anonymous)
Mar. 9th, 2018 05:12 pm (UTC)
asdkjhas! THIS IS AMAZEBALLS. <3
Mar. 9th, 2018 05:14 pm (UTC)
AWW TY TY! ♥ I thought of making them like an hour ago and I was like why have I never done this...
Mar. 9th, 2018 05:22 pm (UTC)
YES! This is amazing! I've always wondered how people made these.
Mar. 9th, 2018 08:48 pm (UTC)
I imagine that it'd be photoshop (text layer on top of all the other layers, or something like that), but this is obviously, much, much easier! lol.
Mar. 9th, 2018 07:10 pm (UTC)
I HAVE ALWAYS WANTED THIS
Mar. 12th, 2018 07:25 pm (UTC)
SAME AND I DIDN'T EVEN KNOW IT LOL.
Mar. 9th, 2018 08:55 pm (UTC)
so much easier than opening photoshop.
Mar. 12th, 2018 07:25 pm (UTC)
Heeee yasss!
Mar. 10th, 2018 12:09 am (UTC)
THIS IS AMAAAAZIIIIIINGGG!
Mar. 12th, 2018 07:25 pm (UTC)
PSHHHH TY TY ♥
Mar. 10th, 2018 12:14 am (UTC)
FILED UNDER THINGS I DIDN'T KNOW I NEEDED!!

I am sure this will be super useful, thanks <3
Mar. 12th, 2018 07:25 pm (UTC)
RIGHT LOL! ♥ Yw!
Mar. 15th, 2018 07:14 am (UTC)
you are a hero to rpers everywhere! i've used this for a meme here.
Apr. 20th, 2018 06:05 pm (UTC)
Oh man I thought I replied to this haha, I LOVE that! (And the line you used is hilarious hahaha.)
Apr. 20th, 2018 04:48 am (UTC)
Uhm. Yes? I. LOVE????

THIS IS SO GOOD and I have a bad feeling I'm going to abuse this.
Apr. 20th, 2018 06:06 pm (UTC)
Yassss ty ty; abuse the shit out of it!! ♥