Welcome Guest ! Please   Login or Register


Check out our latest Premium Themes, Majestic , Majestic - Dark and Musk Themes for MyBB 1.8 Click to Shop Now

Now open for Custom Theme requests : Click to Order Now





 
Thread Rating:
  • 3 Vote(s) - 4.33 Average
  • 1
  • 2
  • 3
  • 4
  • 5
Global Tool Tips with Jquery for Mybb

myskins Offline
Super Moderator
******

Posts: 13
Joined: Aug 2012
Likes Received : 12

Nationality: Undisclosed

Mood: None

Points: 204.34Points
Post: #1
Heart Global Tool Tips with Jquery for Mybb

JQuery Tool Tips and Mybb

Hello friends,
This is the first tutorial of our forum and we go with quite an interesting feature : "The Tool Tips with Jquery"

So The tool tips are just hover elements that show the title/alt attributes in a boxy overlay pattern.

Inorder to install them into your forum please follow the following steps.

1.Download this Package : link

2.Upload the files into your forum jscripts folder.

3.After this just copy the code and paste the code in your headerinclude template at bottom.

Code:
<link rel="stylesheet" type="text/css" href="jscripts/tipTip.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="jscripts/jquery.tipTip.js"></script>
<script type="text/javascript" src="jscripts/jquery.tipTip.minified.js"></script>
<script type='text/javascript'>
jQuery.noConflict();
jQuery(function() {
jQuery("a").tipTip({maxWidth: "auto", edgeOffset: 10,gravity: 'n'});
jQuery("img").tipTip({maxWidth: "auto", edgeOffset: 10,gravity: 'n'});
  });
</script>

4.Save the template and its done.

There will be tool tips all over ur forum,where u have any link with "title" attribute.

Thank you,
regards,

Envira Phani
(This post was last modified: 08-17-2012 01:15 AM by myskins.)
08-17-2012 01:14 AM
Find
4
Quote




imgur Offline
Banned

Posts: 1
Joined: Sep 2012

Nationality:

Mood: None

Points: 75.05Points
Post: #2
RE: Global Tool Tips with Jquery for Mybb

Good stuff, thanks for this.

When I change the CSS of the tooltip it doesn't seem to take effect though.
(This post was last modified: 09-11-2012 02:23 AM by imgur.)
09-10-2012 09:57 PM
Find
0
Quote




myskins Offline
Super Moderator
******

Posts: 13
Joined: Aug 2012
Likes Received : 12

Nationality: Undisclosed

Mood: None

Points: 204.34Points
Post: #3
RE: Global Tool Tips with Jquery for Mybb

(09-10-2012 09:57 PM)imgur Wrote:  Good stuff, thanks for this.

When I change the CSS of the tooltip it doesn't seem to take effect though.

Glad you like it,make sure you have uploaded the css file after editing replacing the old one.try reloading the page after clearing the browser cache.this will help Smile

[Image: KIDsp.png]
09-11-2012 11:25 AM
Find
0
Quote




jagdeepmarahar Offline
Junior Member
**

Posts: 1
Joined: Aug 2013
Likes Received : 1

Nationality:

Mood: None

Points: 0.00Points
Post: #4
RE: Global Tool Tips with Jquery for Mybb

thanks bro this is really very helpfull....but i want to add the auto overlay script to all the threads not only to header so can you please tell me where should i add the script for that...thanks in advance
also i wanna add google adsence to my forum but they are not accepting my request says your site is difficult to navigate i have register domain name on godaady.com, hosted at x10hosting.com and linked them......any idea about that please...
(This post was last modified: 08-22-2013 06:30 PM by jagdeepmarahar.)
08-22-2013 06:26 PM
Find
1
Quote




LeakBoard Offline
Junior Member
**

Posts: 28
Joined: Oct 2013
Likes Received : 1

Nationality:

Mood: Addicted

Points: 597.11Points
Post: #5
RE: Global Tool Tips with Jquery for Mybb

The download link has expired Sir. Sad

[Image: y7rjTGP.png]
02-19-2014 05:00 PM
Find
0
Quote




LivingKing Offline
Junior Member
**

Posts: 6
Joined: Dec 2013
Likes Received : 0

Nationality: Undisclosed

Mood: None

Points: 12.38Points
Post: #6
RE: Global Tool Tips with Jquery for Mybb

Wow thanks a ton for this! Will help a lot.
06-09-2014 08:04 PM
Find
0
Quote




Yorne Offline
Member
***

Posts: 56
Joined: Mar 2014
Likes Received : 0

Nationality: Belgium

Mood: Artistic

Points: 112.92Points
Post: #7
RE: Global Tool Tips with Jquery for Mybb

Thanks!
09-06-2014 07:42 PM
Find
0
Quote





Possibly Related Threads...
Thread: Author Replies: Views: Last Post
Star Simple jQuery Drop Down Login Form tutorial for MyBB envira 42 7,731 11-29-2016 08:50 PM
Last Post: DmitriyCauct
Information Add Social Links to Your MyBB Forum envira 5 3,996 10-25-2016 01:08 AM
Last Post: Chub
  [1.8x] [How] MyBB Reputation Gabbar 0 465 10-29-2015 09:41 AM
Last Post: Gabbar
Smile Some MyBB Useful Codes that you can use in your templates envira 11 8,240 07-07-2015 09:18 AM
Last Post: Unr34lity
Star [1.8x] MyBB jQuery User Dropdown Menu with Font Icons and jQuery envira 0 1,256 07-07-2015 12:29 AM
Last Post: envira
  Forum Hover Effect on MyBB Index Page envira 8 4,566 08-17-2014 11:59 PM
Last Post: !!!a
Smile Multiple Colored Category Headings/ Thead MyBB envira 9 4,522 07-20-2014 06:47 PM
Last Post: VetFalco
  How To Create Free MyBB-Based Forum. Jero 15 3,467 07-20-2014 06:44 PM
Last Post: VetFalco
Smile Tutorial to make 4 column footer for MyBB envira 9 5,224 07-20-2014 06:43 PM
Last Post: VetFalco
Heart Tutorial to make MyBB Tabbed Profiles/ Profile Tabs with jQuery envira 33 13,387 07-20-2014 06:18 PM
Last Post: VetFalco

Forum Jump:


User(s) browsing this thread: 1 Guest(s)

About Myskins

MySkins Studio is MyBB Themes Resource Website.

At MySkins Studio, We procreate MyBB Themes both custom MyBB Themes and premium Mybb Themes.We believe in quality and assure you the best MyBB themes at a very reasonable price , that suits your taste.

Feel free to drop in a request and get a quote.