Forum Display Enhancements - Display Options Above Threads - as seen on vbulletin.org

This template mod will streamline and relocate the "Display Options" dropdown menus to the top of your threads list on forumdisplay, as seen here at vbulletn.org in the modification areas.

As part of this move, we'll also change the look of the "Active Users"/Moderators panel remaining at the bottom of the page. (Screenshots of both sections are below.)

This modification should work on vB versions 3.6.5 - 3.6.7 PL 1.

Important: There are two different versions of the instructions: one for a default setup, and one for people using the excellent Thread Prefixes mod by Mystics. Please make sure you choose the correct version for your setup!

(Of course, if you've installed or applied other mods that have altered the forumdisplay template, you may need to adjust the instructions accordingly.)

Update on May 10, 2008: I'm happy to say that the 3.7.0 version of this mod is now available! Note that there's now only one set of instructions in 3.7.0, since Mystics prefix mod no longer applies. If his mod is ever updated, however, I'll be happy to include a new batch of instructions. Especially 'cause I prefer his prefixes to vB's!

Update on July 27, 2007: New version fixes issue with AJAX inline editing thread titles. If you've already installed the older version, please use these instructions to correct the problem. Thanks to Skavenger for the heads-up.

Live Demo: Working Demo at My Site. (This will show you the Display Options section; I don't use the "Active Users" part of the mod.)

This is my first template modification release, and I hope it's helpful. Many thanks to vbulletin.org for the inspiration, not to mention years of providing an amazingly helpful community.

[hissatsu]

it is alright now - one coder came to fix it for me.

It works now. So i will try using your hack to display the prefixes on top of my pages. Will let you know what happens. Definately click install if it works.

Edit:
wow-- kira ur site is beautiful. How did you set that up? damn -- i really need to learn how to code, these things may become easier to understand.

[kira]

Wow, thanks so much, hissatsu! I did the graphic designing and template modding myself, but the code modifications can all be found right here (there's some custom work, but not very much). This site's taught me so much. This month we're even up for vB.com's Board of the Month contest along with four other very nice sites. You should check them all out for inspiration -- it's a great way to learn.

Anyway, I hope you have luck installing the template changes. It's pretty simple! If you need any help let me know.

[Quantnet]

Originally Posted by kira

Sure. It uses a background image, though, which I've attached.

background-color: #DF501F;
background-image: url(images/misc/bg_button.gif);
background-repeat: repeat-x;
border-width: 2px;
border-style: solid;
border-color: #DF501F;
color: #FFFFFF;
font-weight: bold;

Kira,

I meant to ask for the css button class of vb.org default, not the one you use (nice). Mine come out flat square. Not like the one in your demo pic or the one here which has rounded corners
sorry about it

[kira]

I meant to ask for the css button class of vb.org default, not the one you use (nice). Mine come out flat square. Not like the one in your demo pic or the one here which has rounded corners

Oh, I feel dumb. Okay, well the form buttons here and at vbulletin.com are identical, so this is part of the default vBulletin style. If you look at the default style you'll see there's nothing in the button class that affects the edges or border - just the font. (BTW, if you've customized your style, you can recreate the default by going to your Style Manager and adding a new style -- just make sure it has no parent style.)

A look at the quantnet.org style shows that your css for the buttons is:

background: #ffffff;
color: #000000;
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
border: 1px solid #6b82ac;
margin-left: 0px;

Remove the border and margin attributes from the "extra CSS attributes" box and you should get back to the original rounded shape.

[Quantnet]

thanks Kira.
I had to revert the button css

[PeteBlume]

Here you can use the TMS-XML for Template Modification System.

It's my first try with this system. I hope that everyting is ok.

[kira]

Hi PeteBlume! Thanks for the addition. Can you explain what this does? I'm afraid I'm not very familiar with the TMS.

[Symmetrical?]

thnx ..

[gobears20]

I was curious if I wanted to display this only for certain user groups?

Would I put something like this below and if so, where?

Thanks!

<if condition="$bbuserinfo['usergroupid'] < 10">


</if>

[kira]

Hi gobears20. Short answer: yes, that code will work if you want to hide the filtering options part of the forumdisplay. You would place the first line right after:

<!-- Modified Display Options -->

and the final "/if" statement would go right before:

<!-- End Modified Display Options -->

HOWEVER. The problem is that if you want to use the original filtering options as an alternative, things are gonna get a little complex, because this means you'll need both the original code and the changed template stuff we added in this modification, either showing or hiding each depending on the different usergroups with conditionals.

I can try to figure it out for you if you really need this to work that way. I'd need to know what specific usergroups you want to allow access to the new version, and which ones will have the original version. (Oh and also whether you're using the prefix or nonprefix version.)

Out of curiosity, why would you only want certain usergroups to have this capability? It's not that nifty, except looks-wise.