theme photosets

Support 500px and 540px Photosets in Your Theme

Intermediate HTML/CSS knowledge required. Some javascript knowledge may help.

This is a fix for photosets on themes until tumblr fixes it on their end. (For photos, see this post.) If tumblr make changes to their photoset code, this script may break, so use at your own risk! This code is THEME-DEPENDENT, as your theme must be designed to display both 500px and 540px width posts.

What this script actually does: It will take the highest resolution images available and shove it into the photoset. 500px photosets will stay 500px wide. 540px photosets will be 540px. If the photoset images are larger than 540px, it will scale down to 540px. There may be flickers, as the images load. This script may lag on pages with many photosets, so you may want to restrict this script to permalink pages.

Why you should do this even if you’re using custom user styles: this makes your blog prettier for everyone else, too!

    
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
<script>
  /* questions? ask oddhour.tumblr.com */
     var updatePhotosetCss = "<style id='updatePhotosetStyle'>  .photoset .photoset_row.photoset_row_1 img { max-width: 540px; } .photoset .photoset_row.photoset_row_2 img { max-width: 268px; } .photoset .photoset_row.photoset_row_3 img { max-width: 177px; } .photoset .photoset_row .photoset_photo { margin-left: 4px; } .photoset .photoset_row { text-align: center; width: 540px; } .photoset { width: 540px; }</style>";
   function updatePhotoset() {
        
        $(".photoset:not(.540-resized)").each( function (i, e) {
            if($(this.contentDocument).find("#updatePhotosetStyle").size() <= 0) 
                $(this.contentDocument).find("head").append(updatePhotosetCss);
        	var photoset = $(this.contentDocument).find(".photoset");
        	var photosetRows = photoset.find(".photoset_row");  
            photoset.find(".photoset_photo")
                .each(function () {
                    var hiResSrc = $(this).attr("href");
                    var img = $(this).find('img');
                    img.attr("src", hiResSrc );
                    img.attr("style", "");
                });
    	    photosetRows.attr("style", "").css("margin-bottom", "-11px");
    	    photoset.attr("style","");
    	    photoset.addClass("540-resized");
    	    $(this).height($(this.contentDocument.body).height());
        });
    }
    
    updatePhotoset();

    var photosetTimer = setInterval(updatePhotoset, 1500);
    $(window).on('load', function () { setTimeout(function() {clearInterval(photosetTimer)}, 2000); })
</script>
    

How to use:

  1. Add this script either before your end body tag (</body>) or in the head section (<head></head>). If you already have jquery on your theme, you don’t need to add that first line; just paste the rest after your jquery library. If you have no idea what I’m talking about, it’s probably best not to change anything.
  2. Update your theme. Your theme must be using the responsive photoset tag i.e. {Photoset}, not {Photoset-250} or any of the numbered variants.
  3. If your photosets display at the correct size but appear cut off, your theme’s post containers are probably designed to hold 500px width posts. You must update your theme so the post containers and columns are at least 540px wide. Themes vary, so you must understand HTML/CSS for this last step.

Note: if you want to just have all photosets at 540px (stretching photosets made for 500px), use {Photoset} and make your container 540px width.

(5/16/17 - tumblr recently updated their photoset code and briefly broke the script, but they made further updates and the script should work again - permalink for the latest updates)

“You know the two of us are just young gods
And we’ll be flying through the streets with the people underneath”


fitzsimmons  → elementals au

HEY, FRIENDS!  I’ve decided to open up my NON-PROFIT COMMISSIONS ( which means 0$ ) again! I’m currently only accepting 5 commissions every two weeks! I’m offering PROMOS, THEME BACKGROUNDS, AND AESTHETIC PHOTOSETS! If you’re interested in receiving a graphic from me simply hit me up on instant message & we’ll begin from there!  if you could REBLOG this to share the word that would be amazing!

yay for cool banners

sup nerds i decided to collide all of the masterposts and masterposts of masterposts into one giant ass masterpost because why the fuck not
here we goooo
(EDIT: Some of the links didn’t work, so i had to link them to the post on my blog!!)

other masterpost

  • fruitcroc’s makeup/beauty masterpost
  • br0k3n-dreamland’s movie/tv masterpost
  • asbakes’s hugs ass masterpost of cool stuff
  • starrify-everything’s writing masterpost
  • diamondhero’s movie masterpost
  • ahoyjay’s movie masterpost
  • theworldwillbedreaming’s 2014 resource masterpost
  • perchancetodance’s masterpost of masterposts
  • southerngothic’s ‘greatest cinematography masterpost’
  • lovegud’s book rec list/masterpost
  • bizarreismm’s creepy videos and horror movies masterpost
  • swagcola’s movie masterpost
  • hellyeahmasterpost’s steampunk movie masterpost
  • herhmione’s writing masterpost
  • resource post for trans women
  • bakrua’s 'literally everything; masterpost
  • vodkadean’s 'eveything you didn’t know you needed’ masterpost
  • masterpost of creepy wikipedia articles
  • diminishes’s ultimate teen movie masterpost (80’s to present)
  • icanttellyoubutiknowitsmine’s 2014 masterpost
  • rosydrops’s become an adult masterpost
  • ussromanov’s resource masterpost
  • another movie masterpost
  • nicois’s masterpost
  • remoslupin’s “the really useful bits’ masterpost
  • music masterpost for different moods
  • those animated Japanese emoticons masterpost
  • classic doctor who masterpost
  • not-so-scary halloween movies
  • halloween movie masterpost
  • broadway musicals masterpost
  • homestuck generators masterpost

tumblr stuff

  • how to do cool effects in text posts
  • more text tricks for posts
  • themes, icons, backgrounds, favicons, etc. masterpost
  • you can look at posts on a certain day
  • places to get rlly simple themes
  • the new photoset pixel sizes

cool gadgets and gizmos aplenty

  • things and stuff
  • phone charger that wont tear
  • cute winged scarfs!!!
  • fandom-based nail polish collections
  • fandom-based eyeshadow
  • funny desk-must-haves
  • hairbrush flask??
  • cute zodiac necklaces
  • rad labeling dog collars
  • best deodorant you’ll ever use
  • cute book clasp purse
  • make a ticket stub into a pillow!!
  • wallet ninja
  • apps
  • apps every productive student needs
  • The Rape Defender app!!!!
  • SafeTrek app!!
  • TalkTo app (social anxiety helper)
  • aggressive dude wont leave you alone?? feminist quote line!
  • websites and extensions
  • affordable dorm room furniture website
  • finding out art sources
  • cheap student travel flights
  • CreepFace
  • BeeLine reader
  • archieveposter!!!
  • post limit checker
  • WolframAlpha
  • Elf ears store
  • Amazon college kid’s prime
  • places to buy cheaper textbooks
  • how to find things you want for cheaper
  • GamePhobias
  • Duolingo
  • livefeed of porn searches??
  • unisex makeup company!!
  • reference manager for term papers
  • games
  • new cool MMO game you should totes play
  • drinking games??
  • alter-ego game
  • 90s games!!!
  • rad multi-fandom game
  • game that tells you what kind of thinker you are!!
  • become the god of the internet and remove trolls game
  • 100 running songs??
  • more running songs
  • studying playlist

thinks you can do to help others!!!

  • help puppies and kitties in need with 1 click
  • tiGERS IN DANGER
  • help people for different reasons
  • don’t bathe rabbits 
  • cat 'head pressing’ against walls?
  • dog CPR
  • cute undies that send pads to girls in need!!!

calm down friend

  • cute pixel games
  • feeling overwhelmed?
  • cute websites to remember
  • better ways to calm down others
  • for anxiety attacks
  • what to do if friend has panic attack
  • Making a "happy folder”
  • how to not talk to kids???
  • easing depression symptoms
  • more things to do
  • funny websites to use
  • lots of alternatives
  • international help lines
  • tumblr helps with suicide
  • more websites
  • cool game
  • dealing with depression
  • facts about anti-depressants
  • beating anxiety without medicine
  • helpful links masterpost!!
  • what  you feel affects your body temp
  • make sand art to help calm down
  • about panic/anxiety attacks
  • hobbies to reduce anxiety
  • helping someone with an anxiety attack
  • having a bad night?
  • what you SHOULD say to people dealing with disorders
  • think no one cares?
  • how to deal with a broken heart

life hacks and facts

  • life hacks post
  • life hacks post 2
  • life hacks post 3
  • life hacks post 4
  • life hacks post 5
  • life hacks post 6
  • life hacks post 7
  • life hacks post 8
  • psychology facts post
  • psychology facts post 2
  • psych2go post 3
  • ultrafacts post
  • ultrafacts post 2
  • studying ultrafacts post 3
  • pool life hacks??
  • clothing life hacks
  • clothing life hacks 2
  • bra lifehacks!!
  • packing hack
  • dog owners life hacks
  • winged eyeliner hack
  • Target shopper’s hacks
  • Chinese take out box life hack
  • math functions hack
  • makeup with spoon hack
  • losing weight tips
  • self defense tips!!!
  • self defense tips 2
  • cool parenting tips
  • period tips
  • tips and facts you never knew
  • useful websites
  • we have more than 5 senses???
  • 3 theories of time travel
  • 12 foods not to feed to a dog
  • dog’s sight vs humans
  • we’ve been eating fruit wrong lmao
  • 6 abs workouts that work better than crunches
  • 25 ways to show affection
  • 2014 full moon dates
  • stuff nobody tells you about getting an apartment
  • if we lost oxygen for 5 seconds
  • how long would it take to finish a tv show
  • list of band’s fanmail addresses

food-y things

  • apple pie inside of an apple
  • twisted pizza breadsticks
  • the cookie cup
  • giant fluffy pancake
  • cookie in a mug recipe
  • brownie in a mug recipe
  • pizza burger
  • buncha yummy food things
  • The Kim Possible 'Naco"
  • The Tea Wheel
  • Make ramen taste better
  • 36 homemade popiscle recipes
  • 18 recipes you can make in the microwave
  • s'mores stuffed pizza cookie
  • pinata cookies
  • strawberries and cream mug cake
  • starbucks drinks recipes
  • cinnamon pull aparts
  • Funfetti Stuffed Chocolate MM Cookie Cake
  • deep dish chocolate chip microwave cookie
  • 34 two-ingredient recipies
  • TARDIS cake
  • toffee apples
  • Kingdom Hearts II ice cream

drawing and writing things

  • paper to digital art
  • firealpaca art program!!
  • practice drawing poses
  • boot anatomy tutorial
  • coloring hair tutorial
  • glowy art tutorial
  • some art tutorial
  • arm tutorial 
  • girls and guys pose tutorial
  • another pose tutorial
  • more poses tutorials wow
  • drawing hands tutorial
  • pixel art tutorial
  • bunch of tutorials
  • drawing people tutorial
  • drawing heads tutorial
  • drawing Homestuck character’s hair
  • drawing Ariel
  • drawing eyes
  • drawing eyes 2
  • drawing boobs
  • drawing boobs lel
  • drawing rooms
  • drawin dat ass like
  • overlay tutorial
  • gif tutorials
  • coloring gifs
  • pulsing light effect
  • brush masterpost
  • hair colors
  • natural skin tone colors
  • folds in clothing and windblown things
  • simple tips to make your art look better
  • paint tools sai tips
  • tips for tablets
  • more art references
  • how to love your art
  • random drawing generator
  • writing
  • character development sheet
  • incontrovertible insult formula?
  • insult generator
  • character trait generator
  • homestuck troll generator
  • fictional world creator
  • using correct forms for french?
  • typing edit rules?
  • 'thy’ 'thou’ 'thee’ and 'thine’
  • royalty titles
  • cant find the right word?
  • family relations chart
  • writing body language
  • writing outlines
  • inflating and deflating word length
  • england vs us slang
  • eye color chart
  • more eye color names
  • 99 ways to beat writer’s block

how to’s and what to do’s

  • how to recognize artists by their paintings
  • how to track anons
  • how to tie a bowtie
  • how to tie a bowtie 2
  • turn off flashy gifs on tumblr
  • how to remove permanent marker from everything
  • how to help pay off your student loans with volunteer time
  • remove your information from this site now!!
  • how to break out of zipties
  • how to get rid of lint pills
  • how to delete tourists from your pictures
  • how to make a secret computer monitor
  • how to make a otp pendant
  • how to identify body language 
  • how to cut tomatoes effectively
  • how to color eggs with onion shells
  • how to do special effect stage makeup
  • how to disappear online
  • how to buy a good wig off of ebay
  • how to make a mini matchstick pistol
  • how to warped tour
  • how to make an 8-bit valentines day card
  • how to make a presentable art portfolio 
  • how to cover up tattoos
  • how to make your Mind Palace visible
  • how to balance a checkbook
  • how to make a tiny bow and arrow
  • how to make moss graffiti 
  • how to tie scarfs cutely
  • how to effectively pull an all nighter and do well on your exam
  • how to reblog long posts as text rather than links
  • how to pick locks
  • how to multiply large numbers in your head
  • how to make gradient and striped nails
  • how to build the perfect resume
  • how to cast and mold armor for cosplay
  • how to make invisible shoes for cosplay
  • cosplay makeup for guy characters
  • what to watch on netflix
  • learn Japanese cheat sheets c:
  • learn Korean in 15 minutes
  • learn Elvish
  • things to do with notebooks
  • be cremated into a vinyl record
  • 15 kid friendly scientific experiments
  • cool hair do’s
  • acne chart!!
  • college advice
  • binder help for trans guys

sex ed

  • contraceptive help
  • how to use a condom
  • 'ap sex ed’
  • sex positions???
  • Yvis’s facts about the va-jay-jay