Want to help support the site? Donate Bitcoins @ 1BSyxQbLhq5vMijFZ3hrZQmNMrxC5dVEcM
Admin Password
Please follow these instructions carefully in order to get a drop down menu that "slides" out.

Copy and paste the following code before "<style type="text/css">" in your theme code:

<script src="http://static.tumblr.com/me5sfsd/1YFl414t0/jquery142.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$('li.drawer div:nth-child(2)').hide();
$('li.drawer h4').click(function () {
if ($(this).hasClass('open')) {
$('li.drawer div:visible:nth-child(2)').slideUp().prev().removeClass('open');}
else {
$('li.drawer div:visible:nth-child(2)').slideUp().prev().removeClass('open');
$(this).next().slideDown();
$(this).addClass('open');}
});
});
</script>

__________________________________________________________________________________________________________________________________________________________________


Next, copy and paste the following code before the "</style>" in your theme code:

ul#drawers {width: 100px; list-style: none; margin: 0 auto; padding: 0px; border-top: 0px; color: #000;}

ul#drawers a {text-decoration: none; color: #000;}

ul#drawers li h4 {margin: 0; padding: 1px; text-transform: Camelcase; font-size: 10px; text-align: center; background-color: #363835; background: rgba(255, 255, 255, 0.0); -webkit-transition: background-color 0.5s ease-out; -moz-transition: background-color 0.5s ease-out;
transition: background-color 0.5s ease-out;}

h4.small {display: table-cell; width: 100px; margin: 0px; height: 100%;}

li.drawer h4.open {background-color: #121213; border-top: 0px;}

li.drawer div {padding: 2px; margin: 0px; line-height: 12px; background-color: #363835; background: rgba(255, 255, 255, 0.0);}

li.drawer div li {list-style-type: disc;}

li.drawer div ul {-webkit-padding-start: 12px;}

__________________________________________________________________________________________________________________________________________________________________

Finally, add this code to your description, which will be the base of your links:

<ul id="drawers">
<li class="drawer" id="info">
<h4>HEADER HERE</h4>
<div align="center">
<p>
<a href="LINK HERE">TITLE HERE</a>
<p>
<a href="LINK HERE">TITLE HERE</a>
<p>
<a href="LINK HERE">TITLE HERE</a>
</p>
</div>
</li>
</ul>

__________________________________________________________________________________________________________________________________________________________________

NOTE: If you change your theme, you'll have to repeat this cycle of steps again.
Dank Papes! Looking for dank papes?
It's a piece of cake to get a pape that's dank at dankpapes.com

Enjoy the site? All donations are appreciated. Paypal or BTC

Donate BTC: 1BSyxQbLhq5vMijFZ3hrZQmNMrxC5dVEcM

Free Text Host is brought to you by Dagon Design
This site contains no adware, spyware, or popups
Questions? Comments?     Privacy Policy     Report abuse here