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!!

[simba6666]

nice
thx
i'll install it soon

[IrIsmaili]

سلام
خیلی قشنگه
hi
Very Nice

[drbox]

hi

how can edit the classes used in style to change fonts
the css change dont worked
thanks alot

[drbox]

hi again
it,s really confusing

when change css font and color of WYSIWYG , Input Filed , Button it not act

how can change this fonts?

[Mattcch]

Hi,

Great style, installed ok.
Thanks

[nanaimobar]

Originally Posted by foruma-z

Sorry i am not sure how to solve your issue as there is no space in the login part on the header to accommodate the facebook codes, thats the reason it breaks the login box...

I noted this issue and will rework the design and codes on next update vb4x...

thanks...

I placed FB login code in a USC right column but no button appears, just 3 flashing dashes like the program is trying to connect.

FB Connect button works fine in the vB default style, in side columns or anywhere else I place. Testing on latest vB 3.8 version.

[nanaimobar]

Originally Posted by foruma-z

Sorry i am not sure how to solve your issue as there is no space in the login part on the header to accommodate the facebook codes, thats the reason it breaks the login box...

I noted this issue and will rework the design and codes on next update vb4x...

thanks...

Facebook Connect button displays within the 'header' section. Instructions:
In Bingo 'header' template, find
<input type="hidden" name="vb_login_md5password" />
<input type="hidden" name="vb_login_md5password_utf" />
</form></if>
and below add the Facebook Connect button code
<!-- fbconnect -->
<center>
<span class="fbconnect" style="height:21px">
<img src="http://static.ak.fbcdn.net/images/loaders/indicator_white_small.gif" alt="Connect with Facebook" />
</span>
</center>
<!-- / fbconnect -->

Note: You can change the "Connect with Facebook" alt text with words of your choice.

Next find the Bingo footer template, open it, find code:
// Main vBulletin Javascript Initialization
vBulletin_init();
//-->

and below that add
<!-- fbconnect -->
$fbconnect_init
<!-- / fbconnect -->

Button displays on my site, but button not functioning, so must be problem elsewhere.

[dt_truck11]

Originally Posted by foruma-z

Yes i will once vB4 gold is released...

As i will be recoding this theme from scratch again i will rectify the issues and problems reported in this thread for vB4 versions...


thanks everyone...

I know VB4 was just released this week, but do you have some sort of a timeline as to when this style will be ready?

[cuphongle]

in the footer, for newest threads

i set it to 3, and it shows 3
but then there's 2 more "undefined" after it

know what the problem is?

btw, great style
thanks

[ahmedipa]

so grate style