[CM] vB'Sexy Bookmarks (Mouseover Effect)

[ChiNa]

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

https://vborg.vbsupport.ru/external/2012/11/6.gif

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

https://vborg.vbsupport.ru/external/2012/11/7.gif


Image of the product ABOVE THE FORUMS

https://vborg.vbsupport.ru/external/2012/11/8.gif



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

https://vborg.vbsupport.ru/external/2012/11/12.png

[doctorsexy]

Nice..

[Prorockz]

nice work........

[ChiNa]

nice work........

Nice..

Thanks for the Headsup Guys.... :up:

[Rideharder]

How can remove off main forum area and just put it in post?

Thanks!

[kartheekb]

when i installed showing like this...

http://img18.imageshack.us/img18/156/errordf.jpg

[ChiNa]

How can remove off main forum area and just put it in post?

Thanks!

@Rideharder, you mean you want it to show inside your POSTBIT in the posts?
I must say sorry... you cant make it work inside the postsbit with this CODE! Because this is not made to work on your
Postbit! I have to make another product for the posbit, and right now I dont have much time for it.. But if I do I let you know! (Subscribed)

when i installed showing like this...



@kartheekb, Its because you havnt uploaded the FILES in the RIGHT folder. I have tested this on 10 Different Templates, and worked without any problem... The CSS is files is missing, and is not being recognised by the system! It means they are not where they should be.. Make sure to Put all the files correctly!

The files should be in /clientscript/mysocial FOLDER!

Contact me back if you still havnt made it to work! I will be waiting for your REPLY!

[Rideharder]

No, Its working good for post just need it off my main forum.. I dont like to the look of it on my main forum, I would put a banner up and its not working for the main forum.

speedaholic.net

[ChiNa]

No, Its working good for post just need it off my main forum.. I dont like to the look of it on my main forum, I would put a banner up and its not working for the main forum.

speedaholic.net

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

[majjed2008]

thank you , is that possible to make it inside first post ?

[Rideharder]

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?