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

[Zi55]

Amazing Style Thank you

[texasf1racer]

I've seen a lot of people here asking how to add drop down menu tabs, so I thought I'd share how I did it.

To add a drop down menu tab, first you need to edit the HEADER template. For my site I added a custom drop down menu tab right after the Forum tab so if you want your tab in a different place than mine you will have to place it before or after the existing tabs you want it.

1. In HEADER template Find:

<li><a href="$vboptions[forumhome].php$session[sessionurl_q]"><span>Forum</span></a></li>

Paste the following below it:

<li><a id="extratab" href="$show[nojs_link]#extratab"><span>Extra Tab</span></a><script type="text/javascript"> vbmenu_register("extratab", 1); </script></li>

2. In the NAVBAR template find:

<if condition="$show['popups']">
<!-- NAVBAR POPUP MENUS -->

Paste this below it:

<!-- extratab link menu -->
    <div class="vbmenu_popup" id="extratab_menu" style="display:none;margin-top:3px" align="$stylevar[left]">
        <table cellpadding="4" cellspacing="1" border="0">
        <tr><td class="thead">Extra Tab</td></tr>
                <tr><td class="vbmenu_option"><a href="http://www.yourlink.com">Link 1</a></td></tr>
                <tr><td class="vbmenu_option"><a href="http://www.yourlink.com">Link 2</a></td></tr>
                <tr><td class="vbmenu_option"><a href="http://www.yourlink.com">Link 3</a></td></tr>
                <tr><td class="vbmenu_option"><a href="http://www.yourlink.com">Link 4</a></td></tr>
        </table>
    </div>
    <!-- / extratab link menu -->

Edit the links as you need for your site above. Enjoy! :up:

[taffy056]

Originally Posted by texasf1racer

I've seen a lot of people here asking how to add drop down menu tabs, so I thought I'd share how I did it.

Brilliant stuff, works perfectly, thanks very much

[taffy056]

Can I ask, if you wanted to add two drop down menus on those tabs, is that possible?

[texasf1racer]

Originally Posted by taffy056

Can I ask, if you wanted to add two drop down menus on those tabs, is that possible?

I'm not sure I completely follow. Do you want other tabs to be drop down as well or you actually want 2 menus from one tab? The first is possible, just repeat the code I gave you changing the id term to something like: id="extratab2". If you wanted two menus from one tab I don't think that is possible.

EDIT: you can section the links in the same menu by adding the code below between the links you want separated:

<tr><td class="thead" align="$stylevar[left]">More Links</td></tr>

[taffy056]

Originally Posted by texasf1racer

I'm not sure I completely follow. Do you want other tabs to be drop down as well or you actually want 2 menus from one tab? The first is possible, just repeat the code I gave you changing the id term to something like: id="extratab2". If you wanted two menus from one tab I don't think that is possible.

Thanks, sorted it out, just wanted two different drop down menus with different links etc, once again thanks for your help

[SuperJETT]

Excellent skin Miner, as always. I finally moved away from fblue to Bingo and so far the members like it.

[hippyTRIBE]

* installed

Excellent skin! I am going to use this instead of the skin i just purchased


But i'd like to take out latest threads from the footer as i already have lots of such modules. How can i do this? I have tried by taking out the latest thread codes form the footer template but it's still showing up. Could you please point me to the right direction?

1 more: the threads in the forumhome page are not aligned properly. Plz have a look http://www.hippytribe.com/forumdispl...es-buy-21.html

what could have gone wrong?

Excuse me if i am asking too much

[miner]

Not sure if you have removed the codes how does it show there?!

[hippyTRIBE]

Yes I have removed it.. (at least few codes )

PHP Code:

$ad_location[ad_footer_start]

<br />

$spacer_close
<!-- /content area table -->

<table cellpadding="$stylevar[cellpadding]" cellspacing="0" border="0" width="$stylevar[outertablewidth]" align="center">
<tr>
    <if condition="$show['quickchooser']">
        <td>
            <select name="styleid" onchange="switch_id(this, 'style')">
                <optgroup label="$vbphrase[quick_style_chooser]">
                    $quickchooserbits
                </optgroup>
            </select>
        </td>
    </if>
    <if condition="$show['languagechooser']">
        <td>
            <select name="langid" onchange="switch_id(this, 'lang')">
                <optgroup label="$vbphrase[quick_language_chooser]">
                    $languagechooserbits
                </optgroup>
            </select>
        </td>
    </if>
    <td width="100%">
        </td>
</tr>
</table>
</div>
<div id="footer-top">$vbphrase[all_times_are_gmt_x_time_now_is_y]</div><!-- footer-top close -->
<div id="footer">
<div class="fcol fcol1">
<div class="fcol1-in">





</div>
<div class="fcol fcol3">
<div class="fcol3-in">
<p>Design By: <a href="http://www.minerskinz.com" target="_blank">Miner Skinz.com</a></p>
<p>$vbphrase[powered_by_vbulletin] $cronimage $vboptions[copyrighttext]</p>
</div>

</div>
<div class="fcol fcol2">
<form action="$vboptions[forumhome].php" method="get">
<div class="fcol2-in">
<h4>Site Navigation</h4>
<ul><if condition="$show['contactus']"><li><a href="$vboptions[contactuslink]" rel="nofollow" accesskey="9">$vbphrase[contact_us]</a> </li></if>
                <if condition="$vboptions['hometitle']"><li><a href="$vboptions[homeurl]">$vboptions[hometitle]</a> </li></if>
                <if condition="$show['admincplink']"><li><a href="$admincpdir/index.php$session[sessionurl_q]">$vbphrase[admin]</a> </li></if>
                <if condition="$show['modcplink']"><li><a href="$modcpdir/index.php$session[sessionurl_q]">$vbphrase[mod]</a> </li></if>
                <if condition="$vboptions['archiveenabled']"><li><a href="archive/index.php">$vbphrase[archive]</a> </li></if>
                <if condition="$vboptions[privacyurl]"><li><a href="$vboptions[privacyurl]">$vbphrase[privacy_statement]</a> </li></if>
                <if condition="$vboptions[tosurl]"><li><a href="$vboptions[tosurl]">$vbphrase[terms_of_service]</a> </li></if>
                <li><a href="#top" onclick="self.scrollTo(0, 0); return false;">$vbphrase[top]</a></li>
</ul>
</div>
</form>
</div>
</div><!-- footer close -->

$ad_location[ad_footer_end]

<if condition="$show['dst_correction']">
<!-- auto DST correction code -->
<form action="profile.php?do=dst" method="post" name="dstform">
    <input type="hidden" name="s" value="$session[sessionhash]" />
    <input type="hidden" name="securitytoken" value="$bbuserinfo[securitytoken]" />
    <input type="hidden" name="do" value="dst" />
</form>
<script type="text/javascript">
<!--
    var tzOffset = $bbuserinfo[timezoneoffset] + $bbuserinfo[dstonoff];
    var utcOffset = new Date().getTimezoneOffset() / 60;
    if (Math.abs(tzOffset + utcOffset) == 1)
    {    // Dst offset is 1 so its changed
        document.forms.dstform.submit();
    }
//-->
</script>
<!-- / auto DST correction code -->

</if>
<script type="text/javascript">
<!--
    // Main vBulletin Javascript Initialization
    vBulletin_init();
//-->
</script> 


But am not sure if i have removed the right chunk ..

never mind about the error. I found out the cause.