How do you make a website like this

Cheerag Nundlall

Cheerag Nundlall

Well-known member
Registered
Joined
Oct 12, 2016
Messages
336
Points
18
I don't see the text to click and show its description.

I only see if I hove on text on table, it showed a tool tip with a small text in it. Is that what you are needing to do?
 
Require

Require

Active member
Registered
Joined
Feb 12, 2020
Messages
68
Points
6
Require
When you click the user and scroll under Personnel Log it shows something like this when you move your cursor towards it
1582321077419.png
 
Cheerag Nundlall

Cheerag Nundlall

Well-known member
Registered
Joined
Oct 12, 2016
Messages
336
Points
18
Cheerag Nundlall
As I saw this effect before then it was jQuery, exactly it is jQuery tool tip which you can create effects when hover or click on an object.
 
David Beroff

David Beroff

Well-known member
Registered
Joined
Jun 14, 2016
Messages
1,498
Points
63
David Beroff
Agree with Cheerag, you could find it here https://jqueryui.com/tooltip/
Codes to try or apply for your website
Code: 
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>jQuery UI Tooltip - Default functionality</title>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  <link rel="stylesheet" href="/resources/demos/style.css">
  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
  <script>
  $( function() {
    $( document ).tooltip();
  } );
  </script>
  <style>
  label {
    display: inline-block;
    width: 5em;
  }
  </style>
</head>
<body>
 
<p><a href="#" title="That&apos;s what this widget is">Tooltips</a> can be attached to any element. When you hover
the element with your mouse, the title attribute is displayed in a little box next to the element, just like a native tooltip.</p>
<p>But as it's not a native tooltip, it can be styled. Any themes built with
<a href="http://jqueryui.com/themeroller/" title="ThemeRoller: jQuery UI&apos;s theme builder application">ThemeRoller</a>
will also style tooltips accordingly.</p>
<p>Tooltips are also useful for form elements, to show some additional information in the context of each field.</p>
<p><label for="age">Your age:</label><input id="age" title="We ask for your age only for statistical purposes."></p>
<p>Hover the field to see the tooltip.</p>
 
 
</body>
</html>
 
You must log in or register to reply here.
Older Threads
Pocomaster
What is the best SEO strategy for a website of a hosting company?
Replies
6
Views
2,357
Jackleo7878
GoMummy-GM
  • Locked
Cpanel VPS license in just $5 ? Fake or Real ?
2 3 4
Replies
68
Views
22,277
aleksandrdoe
Kaz Wolfe
How to upgrade ConfigServer Security & Firewall?
Replies
10
Views
3,664
UWH-David
Pocomaster
How do I rank a website fast through SEO process?
Replies
7
Views
2,430
Chris Worner
john-mth
How can client change php.ini on cPanel control panel?
Replies
6
Views
2,105
hostguy
Newer Threads
L
Please check out my website
Replies
3
Views
1,591
Require
Require
New here
Replies
12
Views
2,895
Dr. McKay
L
Hello from AU!
Replies
5
Views
1,691
Malcolmjr96
Chris Worner
How to block Brute Force Attacks?
Replies
15
Views
4,803
Chris Worner
john-mth
Dedicated servers with cheap rate?
2
Replies
33
Views
8,095
ndshgyta
Latest Threads
BlueLeaf
Decoding Server Location: How It Affects Your Website’s Performance
Replies
0
Views
37
BlueLeaf
J
Hybrid cloud storage definition and use cases
Replies
0
Views
49
jtti
abrogard
New member abrogard
Replies
3
Views
157
BlueLeaf
abrogard
What/where is the best substitute for Awardspace (paid hosting) ?
Replies
0
Views
77
abrogard
J
In the first half of 24 years, all the consumer cpus worth getting on the car can close their eyes
Replies
0
Views
229
jtti
Recommended Threads
WP-Script
Hello, I'm Sebastien from WP-Script
Replies
7
Views
3,337
Ron Killian
Liliana
Creating website mobile friendly without revamping the theme?
Replies
0
Views
2,814
Liliana
Harry P
Any Tips to Increase Open Rate
Replies
5
Views
3,064
Princety
Dewlance
WTS DemoTiger - Video Knowledgebase for WHMCS/Blesta/WP/HostBill - Top WHMCS Addon
Replies
1
Views
1,136
Dewlance
Setari
Recommendations for a webhost?
Replies
1
Views
1,998
Chris Worner
Similar Threads
BlueLeaf
Decoding Server Location: How It Affects Your Website’s Performance
Replies
0
Views
37
BlueLeaf
K
Websites not working on Airtel Network
Replies
1
Views
1,445
Mjlivera
BlueLeaf
How to Add Cryptocurrency Payments to Your Website: A Beginner's Guide
Replies
0
Views
414
BlueLeaf
Marqueli
Hi, I am new To this website
Replies
1
Views
278
AlbaHost
David Beroff
How to verify if my website is utilizing Memcached?
Replies
1
Views
746
mikstrahost

Latest postsNew threads

Latest Hosting OffersNew Reviews

Popular Contributors - Past 30 Days

Sponsors

Tag Cloud

You are using an out of date browser. It may not display this or other websites correctly.
You should upgrade or use an alternative browser.
  • cpanel
  • dedicated
  • free
  • hello
  • hosting
  • hosting services
  • marketing
  • offers
  • seo
  • server
  • services
  • vps
  • web
  • web hosting
  • website
  • wordpress
    • Top