In a valiant attempt to remove the clutter from my sidebar, I added drop down menus. Horray. They thwarted me for a while and wouldn't look pretty in different browsers. This caused me much aggrivation. So, switching between IE and Firefox, I finally got them to look at least semi-nice in both. This is annoying. I generally only use Firefox, but I know tons of people who still use IE.

Yes, this is a very boring post of me patting my own back and adding in those silly menus. I know it's not really cool or spiffy, but I decided to also post the code I used so other people can play about with them as well. I could have added little "GO" buttons as well, but i didn't want to. I might add them tomorrow with a nice little graphic that will act as the button. I don't know yet.

Here are the Category Archives Drop down Menu. I am still trying to make it show the subcategories as well, but I think I need to install perl to make it work. Yech. I am far to lazy to do that.

<form action="" name="pulldown1">

<select name="mypulldown1" onchange= "document.location=pulldown1.mypulldown1.options[selectedIndex].value">

<option style="color: #215146; font-family: palatino linotype, verdana, arial, helvetica, sans-serif;
font-size:10px; background-color: #dffff8" value=""> Home </option>

<MTArchiveList archive_type="Category">

<option style="color: #215146; font-family: palatino linotype, verdana, arial, helvetica, sans-serif; font-size:10px; background-color: #dffff8" value="<$MTArchiveLink$>">
<$MTArchiveTitle$>
</option>

</MTArchiveList>
</select>
</form>

You can change all the stuff inside the "option" tags to match your layout and make it rather nice and pretty. To change this to an archives list, you just change the name of your pulldown menu in the form brakets. Them you change <MTArchiveList archive_type="Category"> to <MTArchiveList archive_type="Monthly">. Then change <$MTArchiveTitle$> to <$MTArchiveDate format="%B %Y"$>. That should pretty much do it for you.

If you are still confused, I learned the basics of what I should do from Learning Movable Type: Pull Down Menus.

Edit: Durrr... Note to self, when naming your <DIV>, remember it is <DIV CLASS="namehere"> and not <DIV="namehere">. Oye... I am a fucking moron some days. Ah well, at least I fixed it today. Some days I think I must have left my brain in bed.

Posted by Utopia at February 21, 2006 05:39 PM

Comments

Posted by: a-[e] at February 23, 2006 01:56 PM

Post a comment