Forum Home Enhancements - [CM] vB'Sexy Bookmarks (Mouseover Effect)

vB'Sexy Bookmarks
Brought to you by ChiNa-Man on vBulletin.org



vB'Sexy Bookmarks is yet another Social Sharing with a nice Jquery Effect that expands when you hover your mouse over! It comes with 2 XML PRODUCTS for 2 Different spots! You can choose to Install it one BELOW THE NAVBAR or you can choose to Install another ABOVE THE FORUMS!

You can Install both at once, or you can also choose to Install only one!


Image of the product BELOW THE NAVBAR




Image of the product ABOVE THE FORUMS

Installation & Instructions:

First of all download the Upload.zip file from the Attachments below to your computer! Inside the "Upload.zip" file there is a folder called "clientscript" 2 XML Products which you will have to Install from your ADMINCP!

1) Upload the "clientscript" folder to your forum root directory using your FTP client or upload it through your HOSTING PANEL!

There are 2 XML PRODUCTS, 1 that can be Installed BELOW THE NAVBAR and 1 ABOVE THE FORUMS! Decide which one you wanna install and have it ready...

2) Login to your ADMINCP

3) Scroll down and find Plugins & Products >> Manage Products

4) Scroll down till you see [Add/Import Product], Click on it and on the next Page you will see the BROWSE button! Click on it and Locate one of the XML
PRODUCTS that you want to Install!

5) Choose your PRODUCT and click IMPORT! DONE!

Thats it, we are done!! Dont forget to click on INSTALLED if you use this ADDON!

Closeup Image

[Rideharder]

Originally Posted by ChiNa

Ok, Then I will provide you the code to add manually in your postbit, or postbit legacy... Usually! Find out what you use.. Find your Postbit or Postbit_legacy template....

1: Upload all the files as told:
2: Go to your Templates area and enter your "postbit_legacy" or "postbit" template.

Depends on which one you use..

And add this code in your postbit or postbit legacy:

<link rel="stylesheet" type="text/css" href="clientscript/mysocial/mysocial.css" media="screen" />
<script type="text/javascript" src="clientscript/mysocial/jquery.js"></script>
<script type="text/javascript" src="clientscript/mysocial/mysocial.js"></script>

<div style="width: 600px;">
<div class="sexy-bookmarks sexy-bookmarks-expand sexy-bookmarks-center sexy-bookmarks-bg-sexy">
     <ul class="socials">
        <li class="my-rss"><a href="external.php?type=RSS2">RSS Feed Bookmarking</a></li>
        <li class="sexy-digg"><a href="http://digg.com/submit" rel="nofollow" class="external" title="Digg this!">Digg this!</a></li>
        <li class="sexy-twitter"><a href="http://twitter.com/home" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a></li>
        <li class="sexy-scriptstyle"><a href="http://scriptandstyle.com/submit" rel="nofollow" class="external" title="Submit this to Script &amp; Style">Submit this to Script &amp; Style</a></li>
        <li class="sexy-reddit"><a href="http://reddit.com/submit" rel="nofollow" class="external" title="Share this on Reddit">Share this on Reddit</a></li>
        <li class="sexy-delicious"><a href="http://del.icio.us/post" rel="nofollow" class="external" title="Share this on del.icio.us">Share this on del.icio.us</a></li>
        <li class="sexy-stumbleupon"><a href="http://www.stumbleupon.com/submit" rel="nofollow" class="external" title="Stumble upon something good? Share it on StumbleUpon">Stumble upon something good? Share it on StumbleUpon</a></li>
        <li class="sexy-mixx"><a href="http://www.mixx.com/submit" rel="nofollow" class="external" title="Share this on Mixx">Share this on Mixx</a></li>
        <li class="sexy-technorati"><a href="http://technorati.com/faves" rel="nofollow" class="external" title="Share this on Technorati">Share this on Technorati</a></li>
        <li class="sexy-blinklist"><a href="http://www.blinklist.com/index.php" rel="nofollow" class="external" title="Share this on Blinklist">Share this on Blinklist</a></li>
        <li class="sexy-diigo"><a href="http://www.diigo.com/post">Post this on Diigo</a></li>
        <li class="sexy-yahoobuzz"><a href="http://buzz.yahoo.com/submit/" rel="nofollow" class="external" title="Buzz up!">Buzz up!</a></li>
        <li class="sexy-myspace"><a href="http://www.myspace.com/Modules/PostTo/Pages/" rel="nofollow" class="external" title="Post this to MySpace">Post this to MySpace</a></li>
        <li class="sexy-facebook"><a href="http://www.facebook.com/share.php" rel="nofollow" class="external" title="Share this on Facebook">Share this on Facebook</a></li>
        <li class="sexy-designfloat"><a href="http://www.designfloat.com/submit.php" rel="nofollow" class="external" title="Submit this to DesignFloat">Submit this to DesignFloat</a></li>
        <li class="sexy-devmarks"><a href="http://devmarks.com/index.php" rel="nofollow" class="external" title="Share this on Devmarks">Share this on Devmarks</a></li>
        <li class="sexy-newsvine"><a href="http://www.newsvine.com/_tools/seed&amp;save" rel="nofollow" class="external" title="Seed this on Newsvine">Seed this on Newsvine</a></li>
        <li class="sexy-google"><a href="http://www.google.com/bookmarks/mark" rel="nofollow" class="external" title="Add this to Google Bookmarks">Add this to Google Bookmarks</a></li>
    </ul>
</div>
</div>
<br />

Hope you made it.. Good luck mate.. If you want it to be added in a special spot, then pm me your Template name and I will make you a short tutorial,,

But the important was the code, now you got the full code for the vBSocials..
Enjoy and thanks for the comment

Thank so much, will this work on 4.2.5?