Bingo! the new vB skin in 9 colors...

Here is my latest creation Bingo -the new professional vB style comes in 9 colors! Yes in 9 color variations...

For vb 3.8.3

View Demo

The highlight of this skin is it uses only one vB templates and 9 Cascading style sheet, it means you have to customise or update only one template each time not 9 and the colors changes without the page reload - this is done using Js...

There are 2 xml file, the only difference is the design on forum home page :

1) bingo - default forum home in vB3x.
2) bingo_forumhome_vb4 - the forum home looks similar to vb4x

Use the one you like...

Few instructions to follow:

To enable the latest Threads to display on the footer:

1. Go to 'vBulletin Options>vBulletin Options>External Data Provider'
2. Set 'Enable External Javascript' to 'Yes'
3. Set 'Cache Lifespan' to any given value between 1 to 1140 Rread the description for further information. For the quickest turnaround time on new threads, set to 1. Note: This causes the data provider to use maximum resources)
4. Set 'Maximum External Records' to 5 (recomended or the footer will look crap).

To add your blog link:

1. Go to 'Styles & Templates> header
2. Find > <a href="faq.php$session[sessionurl_q]">$vbphrase[faq]</a>
3. next/below to that, insert the following code:

<a id="blog_menu" href="$show[nojs_link]#blog_menu">$vbphrase[blogs]</a><script type="text/javascript"> vbmenu_register("blog_menu", 1); </script>

Then Goto> Navbar > find <!-- / user cp tools menu --> after that add the code below:

<!-- blog_menu -->
    <div class="vbmenu_popup" id="blog_menu_menu" style="display:none">
        <table cellpadding="4" cellspacing="1" border="0">
            <tr><td class="thead"><a href="blog.php">$vbphrase[blogs]</a></td></tr>
            <tr><td class="vbmenu_option"><a href="blog.php?do=bloglist">Blog Directory</a></td></tr>
            <tr><td class="vbmenu_option"><a href="blog.php?do=bloglist&blogtype=best">Best Blogs</a></td></tr>
            <tr><td class="vbmenu_option"><a href="blog.php?do=list&blogtype=best">Best Entries</a></td></tr>
            <tr><td class="vbmenu_option"><a href="blog_search.php?do=search">Find Blogs</a></td></tr>
        </table>
    </div>
    <!-- / blog_menu -->

If using vBa:

1. Go to 'Styles & Templates> edit templates > headinclude > scroll down > find:

<link href="images/styles/bingo/style-db.css" rel="stylesheet" type="text/css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="green-style" href="images/styles/bingo/style-gr.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="orange-style" href="images/styles/bingo/style-or.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="pink-style" href="images/styles/bingo/style-pi.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="brown-style" href="images/styles/bingo/style-br.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="red-style" href="images/styles/bingo/style-re.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="blue-style" href="images/styles/bingo/style-bl.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="violet-style" href="images/styles/bingo/style-vi.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="dusty-style" href="images/styles/bingo/style-du.css" />
<script src="images/styles/bingo/styleswitch.js" type="text/javascript"></script>

Add http://www.yourforums.com/forum/

before the images/ (in all 10 lines)


Changing the logo to yours:

Psd files for the header logo and the footer logo are zipped for your convenience and you need to insert your logo or text and save in all 9 colors bg - which you will find in both psd...

Keep the same size for the logo as in psd, the same width and height or it may break the design...

Addtional info:

Button psd are provided in the zip for translation purpose and i have already created the "Thanks" and "Groan" buttons which are inside the button folder...

The skin passed the validation, 100% HTML 1.0 and CSS level 2.1

Do not remove my copyright text at the footer 'Design by Minerskinz.com' if you want to remove the copyright make a donation and PM me with your forum URL...


Please click install if you download the skin and if i reach the 100 installed mark here, i will release my next new free skin...

Hope you like it, enjoy bingo!!

[weto]

there is an rtl version of the style?

[miner]

Originally Posted by lycheepassion

I'm confused i upload the blog script but its blank how do i edit that to link it to my blog thank you

Check my first post...

To add your blog link:

[ricardoNJ]

Hi, I want to add a new tab. How can I do this please?

[Nadeemjp]

Originally Posted by foruma-z

Check my first post i have already posted how to make it work for the vBa pages...

yeah i kn ow u did but that is for the images links.
i am talking about the navbar links.
some of custom links like members area, purchases, radio and tv do not work when this style is set as vbadvanced and i was wondering if you can help in that regards

[NetRover]

Excellent theme looks really nice. The only problem I would have is my users often have dissabilities and change font sizes.

The tabs dissapear and the design breaks a bit.

[Naan-Kadavul]

can any one tell me, how can i change the logo to mine ?

[Ohiosweetheart]

Originally Posted by Naan-Kadavul

can any one tell me, how can i change the logo to mine ?

Read the original release post. Miner posted instructions there.

[Ohiosweetheart]

Originally Posted by foruma-z

And those need to edit the navbar top its in teh header template, but note the design is optimised for 1024px wide and above, so having long text or more tabs will break the design...

Logo size has to the same dimension at present but if you are good ay CSS then make changes to it as you needed, no problem...

Miner, would making the existing tabs smaller help if someone needs to add more tabs?

[RenatoMN]

Originally Posted by Ohiosweetheart

Miner, would making the existing tabs smaller help if someone needs to add more tabs?

+1 for smaller tabs

--

Just a note: Last post, Threads and Posts texts are not translated in vb4x xml template file, however, it's fine in vb3x xml one.

Thanks. Marked as installed

[RenatoMN]

To translate "Last post", "Threads", "Posts", "Moderators" in the vB4x XML:

In the template Forum Display > forumhome_lastpostby

Find:

PHP Code:

        <span style="white-space:nowrap"><strong>Last Post:</strong>&nbsp; 


Replace with:

PHP Code:

        <span style="white-space:nowrap"><strong>$vbphrase[last_post]:</strong>&nbsp; 


In the template Forum Display > forumhome_forumbit_level1_post

Find:

PHP Code:

<span style="float: right;">Threads: $forum[threadcount]   Posts: $forum[replycount] 


Replace with:
<span style="float: right;">$vbphrase[threads]: $forum[threadcount] $vbphrase[posts]: $forum[replycount]

In the template Forum Display > forumhome_forumbit_level2_post

Find:

PHP Code:

  <span style="float: right;">Threads: $forum[threadcount] &nbsp; Posts: $forum[replycount] &nbsp; <br /><if condition="$vboptions['showmoderatorcolumn']">Moderators: $forum[moderators]</if></span> 


Replace with:

PHP Code:

  <span style="float: right;">$vbphrase[threads]: $forum[threadcount] &nbsp; $vbphrase[posts]: $forum[replycount] &nbsp; <br /><if condition="$vboptions['showmoderatorcolumn']">$vbphrase[moderators]: $forum[moderators]</if></span> 


You may also want to replace "Choose Your Color" in the header template and the phrases "Latest Threads" and "Navigation" in the footer template of BOTH vB3x and vB4x as well.

You can just write the text you want or replace with $vbphrase[choose_color], $vbphrase[latest_threads] and $vbphrase[navigation] if you have more than 1 language in your forum. Of course, you need to create the phrases choose_color, latest_threads and navigation in the GLOBAL language section of your vBulletin.

In the template header:

Find:

PHP Code:

    <td height="20">Choose Your Color&nbsp;&nbsp;</td> 


Replace with:

PHP Code:

    <td height="20">$vbphrase[choose_color]&nbsp;&nbsp;</td> 


In the template footer:

Find:

PHP Code:

<h4>Latest Threads</h4> 


Replace with:

PHP Code:

<h4>$vbphrase[latest_threads]</h4> 


Find:

PHP Code:

<h4>Navigation</h4> 


Replace with:

PHP Code:

<h4>$vbphrase[navigation]</h4> 


It's done