#not my code

[redpandahug]

nhl team sorter!

hey guys !! so when i was into kpop, the bias sorters were one of my fave things to do. but now that i’m into hockey i couldn’t find any for the nhl teams :O

so i made one >:) 

behold:

click HERE to rank your fave nhl teams !

also if you want me to make one with the roster of your fave team i’d love to, but you’d have to let me know first. pls do so, i have fun with these! 

(coding and original template made by @biasorter​, used with permission from their blog, their credits are linked in the sorter <3) 

[randommuffinyt]

Saw the kirin design from (oh heck, it was a software/buy-a-model people for video games) and had to draw the amazing creatures and then put my own spin on it.

[nomorekeys]

@dreamchaser-mod is using my sprites for testing!

[multifandom-madnesss]

TUTORIAL - My Tags Pages

I was asked about how I did my tag page(s) so I thought I'd do a little tutorial (because I may have always wanted to make one of those^^). 

[Disclaimer: The original html is not mine. I just changed it to suit my needs, so don't think I coded the pages!]

My problem was that I had a lot of fandoms and a lot of tags, so I decided to give my tag page a cover (left pic) and by clicking the fandom one would proceed to the desired category. 

Go to "Customize theme" > "Add page" > select "Custom Layout" and paste the code in the crew theme post into the html part.

The cover is a modified version of this crew theme by horan20s. Now the cue is to delete the background image for each member. You are looking for this section: 

Delete the url so that the html looks like this: 

Now your background will be white and you can rename the different parts as you need them and chose icons instead of the pictures given under CSS.

(If anyone wants it I can make a masterpost with great icon pages I have found during my time on tumblr.) 

Now, the fun part!

For every category you need to add a new page to your blog. Every page will contain the code found here made by dominicwrites. 

Example: I created the page "http://multifandom-madnesss.tumblr.com/tags", which is my cover. Now I created "/sherlock", "/supernatural" etc. with the tag page code from dominicwrites. 

Advice: Modify one page and put in the links without the actual tag: 

<div class="box">

        <div class="btitle">General</div>

        <a href="http://multifandom-madnesss.tumblr.com/tagged/">Sherlock crack</a>

        <a href="http://multifandom-madnesss.tumblr.com/tagged/">Sherlock meta</a>

        <a href="#">tjlc</a>

And then copy the html into aaaaalll your other pages! AND THEN ADD THE TAGS. I only realized this would make it easier about halfway through the pages, so please learn from my mistakes^^

Anyway, that part takes time because you have to insert the links to the tags so that by clicking on the link you get to see the posts that are tagged accordingly. 

Why I chose these themes: The left one allows me to add as many rows as I want, so no matter how many more fandoms I enter, there will always be a space for them on my tag page :) The same with the specific fandom pages - it goes on and on as long as I want to. 

I hope that explains it? I had hardly any experience with html before I joined tumblr and all that I know now is the result of hours of hours of trial and error, so don't despair if you try out anything and it doesn't work right away :D 

Thanks for reading and thanks to the anon who requested this!

[salty-software-engineer]

[photoshopshitilike]

Hover or drop down description theme code

This goes under <style type="text/css"> a {color:;text-decoration:none;-webkit-tra… all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;} .fufu {width:227px;-webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;} .fufu:hover {-webkit-transform: translate(1em,0);-moz-transform: translate(1em,0);-o-transform: translate(1em,0);} #biter  #bite a {display:block} #bite .death {margin-top:-45px;filter: alpha(opacity = 0);opacity:0;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;} #bite:hover .death {margin-top:0px;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out; filter: alpha(opacity = 100);filter: alpha(opacity = 100);opacity:100;} This goes in your description. <div id="bite"> <h4><center>IMAGE OR TEXT</center></h4> <div class="death"> <div align="center"> STUFF GOES HERE </div> </div> </div>

[loony-lovegood]

what code did you use for your blogroll? and how did you make it?

I used this code and this tutorial