Mishmash ⌘ customizable background theme

Added by saibapanku@userstyles, Created: Nov 28, 2014, Updated: Jan 22, 2015
With the style applied
Background color (if you'll set an image, leave this on default, the image will cover it)
Background image (if you only want a color as background, write "transparent" in the url box):
Background repeat (set repeat ONLY if you're using a small sized bg, read description for info)
PNG (transparent character) image (if you don't want one just write "transparent"):
PNG image position on the dash: right or left?
PNG size (original might be too big, imo 400px fits best)
Sidebar text (posts, followers, etc..., better use dark colors if you chose a light bg image)
Background color of sidebar when hovering
'Back to top' arrow (again, better be dark on light bgs and viceversa)
Header (logo, top buttons, search bar): scroll or not?
Show tumblr radar?
Show recommended blogs?
"Recommended for you" bar on search page: scroll or not?


Ever had a nice picture you wanted to use as background on tumblr but couldn't figure out how?
Ever wanted to have that one precious character always with you while you're tumbling?

Here you go, with this theme you just gotta set your preferences, provide your links and bam, you can slap your husbando or waifu on your dashboard... or just a simple wallpaper you really enjoy.

PS: friendly advice - better use links than uploading your pictures, it works faster. If you upload your own, hit the green button and wait for it to turn blue, it might take a while if the images are big. It's quicker to put them online somewhere and use links.

▶Make sure to read the notes below for clarifications and credits!

Need help? Wanna send some love? You can find me on http://sugoi-dashboards.tumblr.com/, feel free to leave a message!


More info
22 Jan 2015 ∙ Counters have same color of sidebar text. / Added option to choose background color when hovering over sidebar sections.
10 Jan 2015 ∙ Modifiable "back to top" arrow color / Removed blue bg when hovering on sidebar text / Removed blue strip behind scrolling avatars (happens in updated Firefox) / Removed blue bg from "recommended for you" bar on search page + make it scroll or not / Replaced blue bg with transparent white bg when composing new post after clicking the compose button.

1 Dec 2014 ∙ Modifiable color of the sidebar text / Radar & recommended blogs: show or not.

30 Nov 2014 ∙ Fixed "new post" text box, Firefox users won't see the background invading the box.

▶Just a few explanations before you start:

1▸ If you choose a pattern for the background, please use only big/wallpaper sized images. As you can see from the third option, I let you choose if the image should be repeated or not, but if you choose a small one (and therefore set it on "repeat"), you need to open the code itself (click on the userstyles app on your browser > edit) and at this line:

background-size: [png size you've chosen], cover !important;

change COVER into AUTO, remember to hit save, and it should look right.

To make things easier just choose a wallpaper sized image/pattern and you won't have to do anything.

2▸ You don't have to add a transparent character, if you just want to change the color, or the background image, you can just write "transparent" where the url should go. Don't worry I've left instructions, it's easy. ^^

3▸ GIFs work too! That's right, try out a transparent gif as foreground image (you can find many on tumblr) it's quite entertaining!

4▸ One of the options lets you choose the size of the PNG, some are already small enough in their original size but I've left other options in case you're using a big image. If those are not working for you, open the code (again, userstyles app on your browser > edit) and at that same line:

background-size: Npx, cover !important;

change whatever value you've set for N into something that might work better for you, like 350px or 250px. (Remember to hit save!)

5▸ Last thing I promise! Once you've installed the dashboard you might want to change something, like the color of the background or the size of your PNG, in that case you just need to refresh this page, change the settings and hit on "update".


CREDITS (aka where you can find the images I used in the previews including those shown on my tumblr post:

◦Tokyo Ghoul (black): http://intomybubble.tumblr.com/post/95512261135, bg color #0F0F0F.
◦Madoka Magica (galaxy): http://escarletes.tumblr.com/post/71699316997/transparent-cuties, http://wallpaper-download.net/wallpapers/random-wallpapers-tumblr-backgrounds-galaxy-wallpaper-36937.jpg.
◦Aoba (cyberpunk): http://garekin.tumblr.com/post/56303244209, http://www.wallpaperup.com/uploads/wallpapers/2012/12/23/26332/cfc22846741128b3ee04508b6916efd1.jpg by Peter Swigut.
◦Aladdin (light blue): http://oxoluffy.deviantart.com/art/Aladdin-Render-2-402669442, bg color #B9EFF0.
◦Oikawa (green): http://janoneee.deviantart.com/art/Oikawa-Render-464307830, bg color #C4F2A5.
◦Kaworu (flowers): http://anime-png.tumblr.com/post/91169203113/himeworu-here-have-a-transparent-gay-space, http://a.wattpad.com/userbg/sophie0612.37233.jpg.
◦Yukine (teal): http://transparentloser.tumblr.com/post/84347251651/transparent-blushing-yukine, http://i.imgur.com/Vq5SYDl.jpg.
◦Makishima (white): http://joanah009.deviantart.com/art/Psycho-Pass-Makishima-Shougo-render-359821511, bg color #E0E0E0.

Applies to:
www.tumblr.com, http://www.tumblr.com/dashboard/iframe, https://www.tumblr.com/dashboard/iframe

Related styles:

WARNING: This webware is not functioning properly. Please enable javascript in your browser and try again.