Link to home
Start Free TrialLog in
Avatar of Starr Duskk
Starr DuskkFlag for United States of America

asked on

Display a link website's info in panel

In Discord when you paste in a link it displays the site's info in your discord screen. On my web site, I want to put a bunch of links in a table on the left, and when I hover over a row, it will display the site's info as shown below, in a panel on the right. Is that possible in CSS or whatever? thanks!

User generated image
ASKER CERTIFIED SOLUTION
Avatar of leakim971
leakim971
Flag of Guadeloupe image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of Starr Duskk

ASKER

That's great!
However, the website I want to display refuses a connection. (ark.gamepedia.com refused to connect.)

And I wasn't looking for the page in an iframe. I was hoping to pull these values, with the image shrunk down to fill the panel, but not exceed it (Like in the Discord image):
<meta property="og:title" content="Mek"/>
<meta property="og:image" content="https://gamepedia.cursecdn.com/arksurvivalevolved_gamepedia/thumb/1/1e/Dossier_Mek.png/981px-Dossier_Mek.png"/>

I that possible?

Thanks!
you put what you want in the link
a link to a screenshot picture
instead an iframe replace by what you want
ok, I guess the second part of my question, to display the site's info, wasn't very clear. I'll create a new ticket for that aspect. Thanks for the CSS part! You're great!!
Thanks so much! You're the best!
you welcome