10-31-2012, 12:36 AM | #1 |
Registered User
Join Date: Jul 2012
Posts: 111
|
CSS Tooltips
We can create a tool tip using CSS. When mouse over the link the tool tip content will display otherwise display none.
a:hover { background:#ffffff; /*BG color is a must for IE6*/ text-decoration:none; } a.tooltip span { display:none; padding:2px 3px; margin-left:8px; width:130px; } a.tooltip:hover span{ display:inline; position:absolute; background:#ffffff; border:1px solid #cccccc; color:#6c6c6c; } <a href="#" class="tooltip">Tooltip<span> Extra info </span></a>
__________________
To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts. | To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts. |
11-11-2012, 11:56 AM | #2 |
Registered User
Join Date: Nov 2012
Posts: 12
|
nice css technique
__________________
To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts. To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts. |
12-05-2012, 05:08 AM | #3 |
Registered User
Join Date: Nov 2012
Location: India
Posts: 103
|
I have a technique of tool tip. Code is bellow
a[data-tooltip]:link, a[data-tooltip]:visited { position: relative; text-decoration: none; border-bottom: solid 1px; } a[data-tooltip]:before { content: ""; position: absolute; border-top: 20px solid #0090ff; border-left: 30px solid transparent; border-right: 30px solid transparent; visibility: hidden; top: -18px; left: -26px; }
__________________
To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts. - Shopping Cart - PrestaShop, Zencart; CMS - WordPress, Joomla; Custom Development To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts. - SEO, Pay Per Click (PPC), SEM, Link Popularity Building, SEO Copywriting, SMO, SMM |
01-02-2013, 08:07 PM | #4 |
Registered User
Join Date: Nov 2008
Posts: 53
|
thank you for this quick code that can be helpful
__________________
To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts. / 3000+ To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts. |
01-24-2013, 01:50 AM | #5 |
Registered User
Join Date: Jan 2013
Posts: 99
|
I read your CSS Tips - Thanks for share Good Knowledge
__________________
To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts. |
01-29-2013, 11:52 AM | #6 |
Registered User
Join Date: Nov 2008
Posts: 53
|
thank you for this simple trick!
__________________
To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts. / 3000+ To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts. |
02-13-2013, 03:09 AM | #7 |
Registered User
Join Date: Feb 2013
Location: Liverpool
Posts: 10
|
thank you!
__________________
To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts. | To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts. | To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts. | To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts. |
02-13-2013, 08:12 PM | #8 |
Registered User
Join Date: Feb 2013
Posts: 13
|
Thanks for this topic.
__________________
To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts. |
02-20-2013, 10:16 AM | #9 |
Registered User
Join Date: Jan 2013
Posts: 21
|
that nice. could you share more tooltips if you have. I appreciate your work.
__________________
To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts. | To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts. | To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts. |
02-25-2013, 08:02 AM | #10 |
Registered User
Join Date: Feb 2013
Posts: 10
|
Just what I was looking for, Thanks!
|
04-19-2013, 03:57 AM | #11 |
Registered User
Join Date: Apr 2013
Posts: 58
|
thanks for sharing this info.....
__________________
To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts. To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts. |
Currently Active Users Viewing This Thread: 1 (0 members and 1 guests) | |
Thread Tools | |
Display Modes | Rate This Thread |
|
|