how to add an extra tab in vbshout pro

[iNF3RN0]

Hi,
I want to add an extra tab/link after the two tabs i-e Shoutbox | Active Users | new tab for adding the link to the shoutbox rules..

If I remember correctly (from the old inferno's shoutbox) we used to do this by editing the JS file..but I am not sure about the vbshout pro? any help??

 

[Deceptor]

It's do-able thanks to javascript being so open

Edit the template "dbtech_vbshout_shoutbox". Find:

vB_Editor['dbtech_shoutbox_editor{vb:var instance.instanceid}'] = vBShout{vb:var instance.instanceid}.smilies;

Underneath this, add:

vBShout{vb:var instance.instanceid}.show_rules = function()
{
    window.location.href = 'YOUR RULES PAGE URL';

    return false;
};

vBShout{vb:var instance.instanceid}.add_tab('rules_', 'Shoutbox Rules', false, 'show_rules()');

Save and you're done, just replace the capitals with the link you want the users to be directed to

 

[iNF3RN0]

works perfectly ^_^ thanks however I want to tweak it a bit, the new rules tab is appearing as the selected one (CSS alt2 I guess), how I can make it appear normal? (CSS alt1)?

cheers,

 

[iNF3RN0]

just checkout my forum: http://www.pakgamers.com/forums/ (see the Shoutbox rules tab, it's appearing orange which is a selected tab color, I need to make it normal)

 

[jellybelly]

thanks for the information working great on my forum and custom style

 

[iNF3RN0]

hey how I can make the tab link open in the new window?

 

[Bravo]

hey how I can make the tab link open in the new window?

To get a link to open in a new browser window, what you do is add the target="_blank" attribute to your link tag, like this:

HTML:<a href="http://www.example.com/blah.php" target="_blank"> 
Click Here!</a>

Javascript: window.open('url to open','window name','attribute1,attribute2')

 

[iNF3RN0]

^ thanks dude, it's working fine now..

Cheers,

 

[Bravo]

^ thanks dude, it's working fine now..

Cheers,

Glad I could help

 

[jellybelly]

hello now you have updated the shout wher do i now add the code because i cannot find vB_Editor['dbtech_shoutbox_editor'] = vBShout.smilies;

 

[Fillip H.]

Edited Deceptor's post with the updated instructions.

 

[Fillip H.]

I've turned that post into a sticky, so closing this