{"id":9242,"date":"2018-11-30T07:20:16","date_gmt":"2018-11-30T07:20:16","guid":{"rendered":"http:\/\/webartdevelopers.com\/?p=9242"},"modified":"2021-08-30T06:30:02","modified_gmt":"2021-08-30T06:30:02","slug":"hovercard","status":"publish","type":"post","link":"https:\/\/webartdevelopers.com\/blog\/hovercard\/","title":{"rendered":"HOVERCARD"},"content":{"rendered":"<div class=\"info-box\">\n<div class=\"info info-author\"><em><span style=\"text-decoration: underline;\"><strong>Made by:<\/strong><\/span><\/em><\/p>\n<ul>\n<li>Prashant Chaudhary<\/li>\n<li class=\".last-child\"><time>December 23, 2012<\/time><\/li>\n<\/ul>\n<\/div>\n<div class=\"info info-link\"><\/div>\n<\/div>\n<p><em><span style=\"text-decoration: underline;\"><strong><span class=\"about-the-item\">About the plugin:<\/span><\/strong><\/span><\/em><\/p>\n<p>This is a nice and simple free light weight jQuery plugin that enables you to display related information with the hovered label, link, or any html element of your choice.<\/p>\n<p><em><span style=\"text-decoration: underline;\"><strong><span class=\"about-the-item\">Features:<\/span><\/strong><\/span><\/em><\/p>\n<ul class=\"article-list\">\n<li>smoothly fades the name into a hovered card (in place)<\/li>\n<li>uses minimum css and no external stylesheets to download<\/li>\n<li>full control over html to be displayed<\/li>\n<li>comes with built in Twitter and Facebook hovercard<\/li>\n<li>supports callback functions on hover in and hover out<\/li>\n<li class=\".last-child\">auto adjust on the edges of viewport<\/li>\n<\/ul>\n<a href=\"https:\/\/github.com\/prashantchaudhary\/hovercard\/archive\/master.zip\" class=\"su-button su-button-style-default\" style=\"color:#ffffff;background-color:#000000;border-color:#000000;border-radius:40px\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"color:#ffffff;padding:0px 20px;font-size:16px;line-height:32px;border-color:#4d4d4d;border-radius:40px;text-shadow:none\"> Download<\/span><\/a>\n<a href=\"http:\/\/designwithpc.com\/Plugins\/Hovercard\" class=\"su-button su-button-style-default\" style=\"color:#ffffff;background-color:#000000;border-color:#000000;border-radius:40px\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"color:#ffffff;padding:0px 20px;font-size:16px;line-height:32px;border-color:#4d4d4d;border-radius:40px;text-shadow:none\"> Demo<\/span><\/a>\n<a href=\"https:\/\/github.com\/prashantchaudhary\/hovercard\" class=\"su-button su-button-style-default\" style=\"color:#ffffff;background-color:#000000;border-color:#000000;border-radius:40px\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"color:#ffffff;padding:0px 20px;font-size:16px;line-height:32px;border-color:#4d4d4d;border-radius:40px;text-shadow:none\"> Github Page<\/span><\/a>\n<!-- AddThis Advanced Settings generic via filter on the_content -->","protected":false},"excerpt":{"rendered":"Made by: Prashant Chaudhary December 23, 2012 About the plugin: This is a nice and simple free light weight jQuery plugin that enables you to display related information with the hovered label, link, or any html element of your choice. Features: smoothly fades the name into a hovered card (in place) uses minimum css and no external stylesheets to download full control over html to be displayed comes with built in Twitter and Facebook hovercard supports callback functions on hover in and hover out auto adjust on the edges of viewport<!-- AddThis Advanced Settings generic via filter on get_the_excerpt -->","protected":false},"author":1,"featured_media":9247,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2540],"tags":[2550,583,2541],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/posts\/9242"}],"collection":[{"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/comments?post=9242"}],"version-history":[{"count":2,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/posts\/9242\/revisions"}],"predecessor-version":[{"id":28780,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/posts\/9242\/revisions\/28780"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/media\/9247"}],"wp:attachment":[{"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/media?parent=9242"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/categories?post=9242"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/tags?post=9242"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}