callmebrandon
How To Create A Drop Down MenuOkay, here’s a tutorial to do the drop-down menu. The option tag is most important and is what shows the content and links. You can change the width, height, font color, font size, font family, and background color using the style tag for personal customization. Add more option tags if needed. Put the code below in the info/description section of your blog.

YOUR CAN PUT A HEADING HERE
<form>
<select onchange=”location=this.options[this.selectedIndex].value;” style=”width: 200px; height: 18px; font-size: 9px; background-color: #FFFFFF; color: #000000; font-family: Arial;”>
<option value=”#”>THIS FIRST TAG IS SEEN FIRST BUT IS NOT A SELECTABLE TAG</option>
<option value=”THE LINK GOES HERE“>TAG #1</option>
<option value=”THE LINK GOES HERE“>TAG #2</option>
<option value=”THE LINK GOES HERE“>TAG #3</option>
</select>
</form>

Tutorial By: Callmebrandon

How To Create A Drop Down Menu
Okay, here’s a tutorial to do the drop-down menu. The option tag is most important and is what shows the content and links. You can change the width, height, font color, font size, font family, and background color using the style tag for personal customization. Add more option tags if needed. Put the code below in the info/description section of your blog.

YOUR CAN PUT A HEADING HERE

<form>

<select onchange=”location=this.options[this.selectedIndex].value;” style=”width: 200px; height: 18px; font-size: 9px; background-color: #FFFFFF; color: #000000; font-family: Arial;”>

<option value=”#”>THIS FIRST TAG IS SEEN FIRST BUT IS NOT A SELECTABLE TAG</option>

<option value=”THE LINK GOES HERE“>TAG #1</option>

<option value=”THE LINK GOES HERE“>TAG #2</option>

<option value=”THE LINK GOES HERE“>TAG #3</option>

</select>

</form>

Tutorial By: Callmebrandon

destroyer

If by now you don’t have a little basic knowledge of messing with coding on tumblr…don’t bother with this. I will not be able to help you. So try your best to follow my instructions.

Place this script between your “<head> </head>” tags:
<script type=”text/javascript” src=”http://codysherman.com/tools/infinite-scrolling/code”></script>

This next part might be tricky/confusing for some people, pay attention. 

Place this before “{block:Posts}”:
<div class=”autopagerize_page_element”>

Then paste  this after “{/block:Posts}”: 

</div> 



It’s fairly easy. So good luck. 

Image fade effect:

Place this code in between your “<style>” tags:
img, a img { border: 0px;  opacity: .75; filter: alpha(opacity=100); -o-transition: opacity 1.5s linear; -webkit-transition: opacity 1.5s linear; -moz-transition: opacity 1.5s linear; }

img:hover, a:hover img {opacity: 100; filter: alpha(opacity=100); -o-transition: opacity .1s linear; -webkit-transition: opacity .1s linear; -moz-transition: opacity 1.5s linear; }


To change how the fade works mess around with “opacity:.75;” & “opacity: 100;”.

Falling Snow Script

Insert this script in between your “<head></head>” tags:

<script type=”text/javascript”>
sitePath = “http://elletricity.com/wordpress/wp-content/plugins/let-it-snow/”;
sflakesMax = 210;
sflakesMaxActive = 200;
svMaxX = 2;
svMaxY = 2;
ssnowStick = 1;
sfollowMouse = 0;</script>

<script type=”text/javascript” src=”http://elletricity.com/wordpress/wp-content/plugins/let-it-snow/script/snowstorm.js”></script>