System Architecture
  • Home
  • How to start
    • International Standards
    • Types of diagrams
  • Reference Architecture
    • Reference Architecture – Short
  • Resources
    • List of EN STANDARDS
    • List of IEC STANDARDS
    • Recommended Software
    • Symbols
  • Res
    • Porttfolio
      • Portfolio 2 Column
      • Portfolio 3 Column
      • Portfolio 4 Column
      • Single Portfolio: 2/3 Slider
      • Single Portfolio: 2/3 Gallery
      • Portfolio Ajax
      • Single Portfolio: Big Slider
      • Masonry Portfolio
      • Single Portfolio: Fullscreen Slider
      • Mixed Fullwidth Portfolio
    • Pages
      • About Us
      • Blank Pages
        • What is a Blank Page?
        • Maintenance Mode
        • Coming Soon
      • Contact
      • FAQ
      • Help
      • Landing Page
      • Meet the Team
      • Pricing
      • Services
    • Home Old vesion
      • Home v1: Landing Page Style
      • Home v2: 3 Col + Contact
      • Home v3: 3 Column with Blog
      • Home v4: Small Slider
      • Home v5: Portfolio Style
      • Home v6: Classic 4 Column
      • Home v7: One Page Portfolio
      • Home v8: Frontpage Shop
      • Home v9: Videos and Parallax
      • Home v10: Magazine
      • Home v11: Transparent Menu
  • Blog
    • Blog Grid
    • Blog Multi Author
    • Blog Single Author Small
    • Blog Single Author Big
    • Blog Single Author Fullwidth
    • Masonry Blog
  • Codes
  • Search
  • Menu Menu
1
2
3
1

Place any number of tooltips on the image

2

You can change styling, size and position of each of the tooltips to your likings

3

Here is an example of a tooltip with a different color scheme

Images with Tooltips

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.

1
1

Place any number of tooltips on the image

1
2
1

Place any number of tooltips on the image

2

Here is an example of a tooltip with a different color scheme

 

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.

  • Animated Image
  • Blog Elements
  • Buttons
  • Columns & Sections
  • Contact Forms
  • Easy Slider
  • Gallery
  • Hr Elements
  • Iconbox
  • Iconlist
  • Images with Hotspots
  • Layer Slider
  • Notification
  • Portfolio Shortcode
  • Post Slider
  • Pricing and data Tables
  • Progress Bars
  • Promo Box
  • Tabs
  • Team Element
  • Testimonials
  • Toggles & Accordions
  • Video

INTERESTING LINKS

Bellow are some interesting links for you! Enjoy your stay :)

Followon XSubscribeto RSS Feed

Latest News

  • Postformat Gallery: Multiple images with different sizes
  • Indented Quotes and Images – beautiful
  • Custom Lightbox!

Categories

Business Hours

Our support Hotline is available 24 Hours a day: (555) 343 456 7891

  • Monday-Friday: 9am to 5pm
  • Saturday: 10am to 2pm
  • Sunday: Closed
  • Youtube
  • X
  • Skype
  • LinkedIn
  • Mail
Scroll to top