RWExtras Simpler webdev, one stack at a time…
To use:
  • Add a link to text or any image, either manually or using RapidWeaver's Add Link command
  • Set a class of 'tooltip'
  • Set the 'href' attribute to '#' or the appropriate URL (if the Active Link option is checked in the HUD)
  • Add a 'title' attribute to the link. The value of the 'title' attribute becomes the tooltip contents
  • In the 'title' value, use "|" (pipe symbol, located above the Return key) to create line breaks

Tooltips Stack

Updated for Stacks 1.3!

Tooltips
Customizable jQuery-based tooltips:
  • Width from 150px to 450px
  • Scale font size (to adjust depending on theme used)
  • Control everything: text and background colors, border size and color, to match your theme's style
  • Option to click through to an external URL
  • Three tooltip transition effects
  • Optional arrows that adjust automatically to point at link
  • New! More control over positioning of tooltip relative to the link
  • Show or hide tooltip drop shadow
  • Check the user interface
  • Works with Firefox, Safari, and IE6/7/8
  • Only US$5.00
Add to Cart View Cart
Lorem ipsum dolor sit amet, euismod nunc duis felis pede aliquam sit, est lectus hac, massa sapien nisl pulvinar, id natoque sed non. Lorem ipsum dolor sit amet, euismod nunc duis felis pede aliquam sit, est lectus hac, massa sapien nisl pulvinar, id natoque sed non. Lorem ipsum dolor sit amet, proin consectetuer sit donec, ullamcorper vivamus elementum nascetur. Dis libero feugiat venenatis, quam blandit nisl aliquam, eros nulla imperdiet congue felis, vitae arcu pede ante duis. Sit quam vestibulum dolor, orci arcu fames suscipit in. Luctus duis congue rhoncus, nostra ultrices malesuada commodo nisl. Vestibulum ipsum nec sit, neque risus rutrum nibh, vestibulum in enim ut, lacus elit lorem ligula. Et ad dolor mus, nibh augue ipsum lobortis, tempor atque gravida nibh feugiat, platea hac scelerisque velit. Porta eleifend leo lacus lacus, tempus sed vel eu, ante montes erat odit ut. Lorem ipsum dolor sit amet, euismod nunc duis felis pede aliquam sit, est lectus hac, massa sapien nisl pulvinar, id natoque sed non. The End.
stacks
Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet. Lorem ipsum dolor sit amet, proin consectetuer sit donec, ullamcorper vivamus elementum nascetur. Dis libero feugiat venenatis, quam blandit nisl aliquam, eros nulla imperdiet congue felis, vitae arcu pede ante duis. Sit quam vestibulum dolor, orci arcu fames suscipit in. Luctus duis congue rhoncus, nostra ultrices malesuada commodo nisl. Vestibulum ipsum nec sit, neque risus rutrum nibh, vestibulum in enim ut, lacus elit lorem ligula. Et ad dolor mus, nibh augue ipsum lobortis, tempor atque gravida nibh feugiat, platea hac scelerisque velit. Porta eleifend leo lacus lacus, tempus sed vel eu, ante montes erat odit ut. Luctus.
Theme: F Fusion by NCD Themes