{"id":90674,"date":"2025-08-20T19:22:42","date_gmt":"2025-08-20T19:22:42","guid":{"rendered":"https:\/\/mailinvest.blog\/index.php\/2025\/08\/20\/tabicon-tabs-framework\/"},"modified":"2025-08-20T19:23:41","modified_gmt":"2025-08-20T19:23:41","slug":"tabicon-tabs-framework","status":"publish","type":"post","link":"https:\/\/mailinvest.blog\/index.php\/2025\/08\/20\/tabicon-tabs-framework\/","title":{"rendered":"Tabicon &#8211; Tabs Framework"},"content":{"rendered":"<a href=\"https:\/\/go.fiverr.com\/visit\/?bta=1052423&nci=17043\" Target=\"_Top\"><img loading=\"lazy\" decoding=\"async\" border=\"0\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/fiverr.ck-cdn.com\/tn\/serve\/?cid=40081059\"  width=\"601\" height=\"201\"><\/a>\n<\/p>\n<p><a class=\"wp_automatic_demo_btn\" target=\"_blank\" href=\"https:\/\/1.envato.market\/c\/2840012\/950273\/4415?u=https%3A%2F%2Fcodecanyon.net%2Fitem%2Ftabicon-tabs-framework%2Ffull_screen_preview%2F19325500\">LIVE PREVIEW<\/a><a class=\"wp_automatic_buy_btn\" target=\"_blank\" href=\"https:\/\/1.envato.market\/c\/2840012\/950273\/4415?u=https%3A%2F%2Fcodecanyon.net%2Fitem%2Ftabicon-tabs-framework%2F19325500\">BUY FOR $6<\/a><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/previews.customer.envatousercontent.com\/files\/332251308\/tabspreview.jpg\"><\/p>\n<h3 id=\"item-description__features\">Options:<\/h3>\n<ul>\n<li>Pure HTML and CSS.<\/li>\n<li>Responsive design.<\/li>\n<li>CSS3 Animations.<\/li>\n<li>2 important variations, based mostly on movement of tabs whereas choice, the place every variation has 4 extra variations<\/li>\n<li>36 shade variations &#8211; 6 for physique and 6 for tabs.<\/li>\n<li>12 animations.<\/li>\n<li>9 shapes for tabs.<\/li>\n<li>Variations based mostly on shade, form and place may be switched to easily through the use of predefined class names.<\/li>\n<li>Detailed documentation.<\/li>\n<li>Most writer help.<\/li>\n<\/ul>\n<h4 id=\"item-description__classes-available-for-main-variations-mobile-and-immobile-tabs\">Courses out there for important variations &#8211; Cell and Motionless Tabs:<\/h4>\n<li>t_container<\/li>\n<li><b>Coloration variations:<\/b><br \/>\n             (Use one class for physique and one for tabs from beneath courses.)<br \/>\n                    <br \/>\n                    Darkish physique colours:<\/p>\n<ul>\n<li>t_b_bluish_dark<\/li>\n<li>t_b_greenish_dark<\/li>\n<li>t_b_browinsh_dark<\/li>\n<li>t_b_lightseagreenish_dark<\/li>\n<li>t_b_lightcoralish_dark<\/li>\n<li>t_b_grayish_dark<\/li>\n<\/ul>\n<p>                    Gentle physique colours:<\/p>\n<ul>\n<li>t_b_bluish_light<\/li>\n<li>t_b_greenish_light<\/li>\n<li>t_b_browinsh_light<\/li>\n<li>t_b_lightseagreenish_light<\/li>\n<li>t_b_lightcoralish_light<\/li>\n<li>t_b_grayish_light<\/li>\n<\/ul>\n<p>                    Darkish tabs&#8217; colours:<\/p>\n<ul>\n<li>t_t_bluish_dark<\/li>\n<li>t_t_greenish_dark<\/li>\n<li>t_t_browinsh_dark<\/li>\n<li>t_t_lightseagreenish_dark<\/li>\n<li>t_t_lightcoralish_dark<\/li>\n<li>t_t_grayish_dark<\/li>\n<\/ul>\n<p>                    Gentle tabs&#8217; colours:<\/p>\n<ul>\n<li>t_t_bluish_light<\/li>\n<li>t_t_greenish_light<\/li>\n<li>t_t_browinsh_light<\/li>\n<li>t_t_lightseagreenish_light<\/li>\n<li>t_t_lightcoralish_light<\/li>\n<li>t_t_grayish_light<\/li>\n<\/ul>\n<p>                     *The category names above signify the respective colours. <\/p>\n<h4 id=\"item-description__classes-available-for-immobile-tabs-type-only\">Courses out there for Motionless Tabs kind solely:<\/h4>\n<ul>\n            <b>Controlling place of tabs:<\/b> <\/p>\n<li>t_inside<br \/>\n                <br \/>\n                This class will transfer the tabs contained in the physique.<br \/>\n                <img decoding=\"async\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/i.postimg.cc\/ZYp8JB8s\/tinside.png\" alt=\"t_inside class\" \/>\n            <\/li>\n<li>t_outside_attached<br \/>\n                <br \/>\n                This class will transfer the tabs exterior the physique, however connected to it.<br \/>\n                <img decoding=\"async\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/i.postimg.cc\/Kcnjsnbf\/toutsideattached.png\" alt=\"t_outside_attached class\" \/>\n            <\/li>\n<li>t_outside_dettached<br \/>\n                <br \/>\n                This class will transfer the tabs exterior the physique and dettached to it.<br \/>\n                <img decoding=\"async\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/i.postimg.cc\/8khdBJ0Q\/toutsidedettached.png\" alt=\"t_outside_dettached class\" \/>\n            <\/li>\n<p>\n            <b>Controlling alignment and spacing of tabs:<\/b> <\/p>\n<li>t_left_separated<br \/>\n                <br \/>\n                This class will align the tabs to the left aspect, with some area between every pair of tab.<br \/>\n                <img decoding=\"async\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/i.postimg.cc\/8khdBJ0Q\/toutsidedettached.png\" alt=\"t_left_separated class\" \/>\n            <\/li>\n<li>t_left_unseparated<br \/>\n                <br \/>\n                This class will align the tabs to the left aspect, with no area between every pair of tab.<br \/>\n                <img decoding=\"async\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/s19.postimg.org\/eql3c7f8j\/tleftunseparated.png\" alt=\"t_left_unseparated class\" \/>\n            <\/li>\n<li>t_right_separated<br \/>\n                <br \/>\n                This class will align the tabs to the correct aspect, with some area between every pair of tab.<br \/>\n                <img decoding=\"async\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/s19.postimg.org\/3nany38pv\/trightseparated.png\" alt=\"t_right_separated class\" \/>\n            <\/li>\n<li>t_right_unseparated<br \/>\n                <br \/>\n                This class will align the tabs to the correct aspect, with no area between every pair of tab.<br \/>\n                <img decoding=\"async\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/s19.postimg.org\/z8an1lgpv\/trightunseparated.png\" alt=\"t_right_unseparated class\" \/>\n            <\/li>\n<li>t_fluid_separated<br \/>\n                <br \/>\n                This class will improve the scale of tabs in order to fill your entire width, with some area between every pair of tab.<br \/>\n                <img decoding=\"async\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/s19.postimg.org\/ehix8jd2b\/tfluidseparated.png\" alt=\"t_fluid_separated class\" \/>\n            <\/li>\n<li>t_fluid_unseparated<br \/>\n                <br \/>\n                This class will improve the scale of tabs in order to fill your entire width, with no area between every pair of tab.<br \/>\n                <img decoding=\"async\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/s19.postimg.org\/pv5gjqnkz\/tfluidunseparated.png\" alt=\"t_fluid_unseparated class\" \/>\n            <\/li>\n<li>t_center_separated<br \/>\n                <br \/>\n                This class will align the tabs within the middle, with some area between every pair of tab.<br \/>\n                <img decoding=\"async\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/s19.postimg.org\/4ufeytk2r\/tcenterseparated.png\" alt=\"t_center_separated class\" \/>\n            <\/li>\n<li>t_center_unseparated<br \/>\n                <br \/>\n                This class will align the tabs within the middle, with no area between every pair of tab.<br \/>\n                <img decoding=\"async\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/s19.postimg.org\/tc7impmn7\/tcenterunseparated.png\" alt=\"t_center_unseparated class\" \/>\n            <\/li>\n<p>\n            <b>Controlling form of tabs:<\/b> <\/p>\n<li>t_rounded_full<br \/>\n                <br \/>\n                This class will make the tabs rounded in any respect corners.<br \/>\n                <img decoding=\"async\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/s19.postimg.org\/cxms1mjfn\/troundedfull.png\" alt=\"t_rounded_full class\" \/>\n            <\/li>\n<li>t_rounded_top<br \/>\n                <br \/>\n                This class will make the tabs rounded at prime corners.<br \/>\n                <img decoding=\"async\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/s19.postimg.org\/43vvkiwgz\/troundedtop.png\" alt=\"t_rounded_top class\" \/>\n            <\/li>\n<li>t_la_rounded_top_extremes<br \/>  Use with left aligned tabs.<br \/>\n                <br \/>\n                This class will make the intense tabs of the left aligned tabs rounded at left\/proper corners.<br \/>\n                <img decoding=\"async\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/s19.postimg.org\/4s04pq5sz\/tlaroundedtopextremes.png\" alt=\"t_la_rounded_top_extremes class\" \/>\n            <\/li>\n<li>t_ra_rounded_top_extremes<br \/>  Use with proper aligned tabs.<br \/>\n                <br \/>\n                This class will make the intense tabs of the correct aligned tabs rounded at proper\/left corners.<br \/>\n                <img decoding=\"async\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/s19.postimg.org\/ap8lkacbn\/traroundedtopextremes.png\" alt=\"t_ra_rounded_top_extremes class\" \/>\n            <\/li>\n<li>t_la_rounded_extremes<br \/>  Use with left aligned tabs.<br \/>\n                <br \/>\n                This class will make the intense corners of the intense tabs of the left aligned tabs rounded.<br \/>\n                <img decoding=\"async\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/s19.postimg.org\/c6pgi3roj\/tlaroundedextremes.png\" alt=\"t_la_rounded_top_extremes class\" \/>\n            <\/li>\n<li>t_ra_rounded_extremes <br \/>  Use with proper aligned tabs.<br \/>\n                <br \/>\n                This class will make the intense corners of the intense tabs of the correct aligned tabs rounded.<br \/>\n                <img decoding=\"async\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/s19.postimg.org\/ohn0fx337\/traroundedextremes.png\" alt=\"t_ra_rounded_top_extremes class\" \/>\n            <\/li>\n<li>t_la_curved_full<br \/>  Really useful: Use with left aligned tabs.<br \/>\n                <br \/>\n                This class will make every tab of the left aligned tabs curved.<br \/>\n                <img decoding=\"async\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/s19.postimg.org\/ok2ap0hcz\/tlacurvedfull.png\" alt=\"t_la_curved_full class\" \/>\n            <\/li>\n<li>t_ra_curved_full<br \/>  Really useful: Use with proper aligned tabs.<br \/>\n                <br \/>\n                This class will make every tab of the correct aligned tabs curved.<br \/>\n                <img decoding=\"async\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/s19.postimg.org\/60o0bcxr7\/tracurvedfull.png\" alt=\"t_ra_curved_full class\" \/>\n            <\/li>\n<li>t_la_curved_extremes<br \/>  Really useful: Use with left aligned tabs.<br \/>\n                <br \/>\n                This class will make the intense ends of the intense tabs of the left aligned tabs curved.<br \/>\n                <img decoding=\"async\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/s19.postimg.org\/rcvi91hpf\/tlacurvedextremes.png\" alt=\"t_la_curved_extremes class\" \/>\n            <\/li>\n<li>t_ra_curved_extremes<br \/>  Use with proper aligned tabs.<br \/>\n                <br \/>\n                This class will make the intense ends of the intense tabs of the correct aligned tabs curved.<br \/>\n                <img decoding=\"async\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/s19.postimg.org\/so39hidb7\/tracurvedextremes.png\" alt=\"t_ra_curved_extremes class\" \/>\n            <\/li>\n<li>Add no class to get an oblong tab. That is the default form of the tabs.<br \/>\n                <img decoding=\"async\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/s19.postimg.org\/70eb72cwz\/toutsidedettached.png\" alt=\"Default shape\" \/>\n            <\/li>\n<\/ul>\n<h3 id=\"item-description__sources-and-credits\">Sources and Credit:<\/h3>\n<p>I&#8217;ve used the next icons or different information as listed.<\/p>\n<ul>\n<li>Google font &#8211; <a href=\"https:\/\/fonts.googleapis.com\/css?family=Open+Sans\" rel=\"nofollow\">Open Sans<\/a><\/li>\n<li><a href=\"http:\/\/fontawesome.io\" rel=\"nofollow\">FontAwesome Vector Icons<\/a><\/li>\n<li><a href=\"https:\/\/necolas.github.io\/normalize.css\/\" rel=\"nofollow\">Normalize.css<\/a><\/li>\n<\/ul>\n<p>\nPrice the file in the event you prefer it.<\/p>\n<p>Thanks!<\/li>\n<p>\n<iframe data-lazy=\"true\" data-src=\"https:\/\/www.fiverr.com\/gig_widgets?id=U2FsdGVkX18x7XQvttUTrv1oEqmGNGTgvvCUiUoJ\/AP4z\/UyMz8lXGOLpu15jIMxBbTR0gmD5uBoFvhC4KWeALQRp3h\/X\/AwcVD0K8Wj9H\/ZzYKzcCNHosB9oS4SCJJFWiN85P9ICAc4OgCoE\/wHKIY7CDkf2\/DQ1vqGvk4smVe5cRDEmrLPCWi4FC8p40VUhSmWQ5udCm0zoJtorgWv3vbDQw0kKYkwn39ozAnQXDe+YvWMxkLFWA+O3TFwkJvdkIK+\/AUSnRssPKt5WHY0FhNOxnSPcLslEL4G4\/RfP95ve99U+kRnDy3X+KtzdQLY+u935ghON\/o3UE4IMv9oN6JX9RnxzL\/LRcOgnHigxStSGPKsZYtnz8RWNVT\/rOLAibqiWJadC5MYHRbekF3eg6FOGrQGkXYbsn0+a5aovnlLCbLwIqY9fcS17UX8J235iQ6cdmHNbrPeS84CMm34RA==&affiliate_id=1052423&strip_google_tagmanager=true\" loading=\"lazy\" data-with-title=\"true\" class=\"fiverr_nga_frame\" frameborder=\"0\" height=\"350\" width=\"100%\" referrerpolicy=\"no-referrer-when-downgrade\" data-mode=\"random_gigs\" onload=\" var frame = this; var script = document.createElement('script'); script.addEventListener('load', function() { window.FW_SDK.register(frame); }); script.setAttribute('src', 'https:\/\/www.fiverr.com\/gig_widgets\/sdk'); document.body.appendChild(script); \" ><\/iframe>\n<br \/>\n<a href=\"https:\/\/1.envato.market\/c\/2840012\/950273\/4415?u=https%3A%2F%2Fcodecanyon.net%2Fitem%2Ftabicon-tabs-framework%2F19325500\">Source<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>LIVE PREVIEWBUY FOR $6 Options: Pure HTML and CSS. Responsive design. CSS3 Animations. 2 important variations, based mostly on movement of tabs whereas choice, the&#8230;<\/p>\n","protected":false},"author":1,"featured_media":90675,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[5317,13111,3906,15562,5554,9145,816,2183,9407,7237,20015],"class_list":["post-90674","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-codes","tag-animation","tag-color","tag-css","tag-css2","tag-css3","tag-html","tag-navigation","tag-responsive","tag-tab","tag-tabs","tag-tabs-navigation"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Tabicon - Tabs Framework - mailinvest.blog<\/title>\n<meta name=\"description\" content=\"Technology is forever changing, and there are always new pieces of technology to replace obsolete ones. Tons of people enjoy reading tech blogs on a daily basis.mailinvest.blog tracks all the latest consumer technology breakthroughs and shows you what&#039;s new, what matters and how technology can enrich your life. mailinvest.blog also provides the information, tools, and advice that helps when deciding what to buy.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/mailinvest.blog\/index.php\/2025\/08\/20\/tabicon-tabs-framework\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Tabicon - Tabs Framework - mailinvest.blog\" \/>\n<meta property=\"og:description\" content=\"Technology is forever changing, and there are always new pieces of technology to replace obsolete ones. Tons of people enjoy reading tech blogs on a daily basis.mailinvest.blog tracks all the latest consumer technology breakthroughs and shows you what&#039;s new, what matters and how technology can enrich your life. mailinvest.blog also provides the information, tools, and advice that helps when deciding what to buy.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/mailinvest.blog\/index.php\/2025\/08\/20\/tabicon-tabs-framework\/\" \/>\n<meta property=\"og:site_name\" content=\"mailinvest.blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/freelanceracademic\/\" \/>\n<meta property=\"article:published_time\" content=\"2025-08-20T19:22:42+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-20T19:23:41+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/mailinvest.blog\/wp-content\/uploads\/2025\/08\/tabspreview.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"590\" \/>\n\t<meta property=\"og:image:height\" content=\"330\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"admin@mailinvest.blog\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin@mailinvest.blog\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/08\\\/20\\\/tabicon-tabs-framework\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/08\\\/20\\\/tabicon-tabs-framework\\\/\"},\"author\":{\"name\":\"admin@mailinvest.blog\",\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/#\\\/schema\\\/person\\\/012701c4c204d4e4ebd34f926cfd31a4\"},\"headline\":\"Tabicon &#8211; Tabs Framework\",\"datePublished\":\"2025-08-20T19:22:42+00:00\",\"dateModified\":\"2025-08-20T19:23:41+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/08\\\/20\\\/tabicon-tabs-framework\\\/\"},\"wordCount\":739,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/08\\\/20\\\/tabicon-tabs-framework\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/mailinvest.blog\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/tabspreview.jpg\",\"keywords\":[\"animation\",\"color\",\"css\",\"css2\",\"css3\",\"html\",\"navigation\",\"responsive\",\"tab\",\"tabs\",\"tabs navigation\"],\"articleSection\":[\"Code's\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/08\\\/20\\\/tabicon-tabs-framework\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/08\\\/20\\\/tabicon-tabs-framework\\\/\",\"url\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/08\\\/20\\\/tabicon-tabs-framework\\\/\",\"name\":\"Tabicon - Tabs Framework - mailinvest.blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/08\\\/20\\\/tabicon-tabs-framework\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/08\\\/20\\\/tabicon-tabs-framework\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/mailinvest.blog\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/tabspreview.jpg\",\"datePublished\":\"2025-08-20T19:22:42+00:00\",\"dateModified\":\"2025-08-20T19:23:41+00:00\",\"description\":\"Technology is forever changing, and there are always new pieces of technology to replace obsolete ones. Tons of people enjoy reading tech blogs on a daily basis.mailinvest.blog tracks all the latest consumer technology breakthroughs and shows you what's new, what matters and how technology can enrich your life. mailinvest.blog also provides the information, tools, and advice that helps when deciding what to buy.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/08\\\/20\\\/tabicon-tabs-framework\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/08\\\/20\\\/tabicon-tabs-framework\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/08\\\/20\\\/tabicon-tabs-framework\\\/#primaryimage\",\"url\":\"https:\\\/\\\/mailinvest.blog\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/tabspreview.jpg\",\"contentUrl\":\"https:\\\/\\\/mailinvest.blog\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/tabspreview.jpg\",\"width\":590,\"height\":330},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/08\\\/20\\\/tabicon-tabs-framework\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/mailinvest.blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tabicon &#8211; Tabs Framework\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/#website\",\"url\":\"https:\\\/\\\/mailinvest.blog\\\/\",\"name\":\"mailinvest.blog\",\"description\":\"Technology is forever changing, and there are always new pieces of technology to replace obsolete ones. Tons of people enjoy reading tech blogs on a daily basis. mailinvest.blog tracks all the latest consumer technology breakthroughs and shows you what&#039;s new, what matters and how technology can enrich your life. mailinvest.blog also provides the information, tools, and advice that helps when deciding what to buy.\",\"publisher\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/mailinvest.blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/#organization\",\"name\":\"mailinvest\",\"url\":\"https:\\\/\\\/mailinvest.blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/mailinvest.blog\\\/wp-content\\\/uploads\\\/2022\\\/01\\\/default.png\",\"contentUrl\":\"https:\\\/\\\/mailinvest.blog\\\/wp-content\\\/uploads\\\/2022\\\/01\\\/default.png\",\"width\":1000,\"height\":1000,\"caption\":\"mailinvest\"},\"image\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/freelanceracademic\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/#\\\/schema\\\/person\\\/012701c4c204d4e4ebd34f926cfd31a4\",\"name\":\"admin@mailinvest.blog\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/98ed217bd0f3d6a6dcae2d9b0c76e305b049a07275e315e1407e19ec8b08e139?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/98ed217bd0f3d6a6dcae2d9b0c76e305b049a07275e315e1407e19ec8b08e139?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/98ed217bd0f3d6a6dcae2d9b0c76e305b049a07275e315e1407e19ec8b08e139?s=96&d=mm&r=g\",\"caption\":\"admin@mailinvest.blog\"},\"sameAs\":[\"https:\\\/\\\/mailinvest.blog\",\"admin@mailinvest.blog\"],\"url\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/author\\\/adminmailinvest-blog\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Tabicon - Tabs Framework - mailinvest.blog","description":"Technology is forever changing, and there are always new pieces of technology to replace obsolete ones. Tons of people enjoy reading tech blogs on a daily basis.mailinvest.blog tracks all the latest consumer technology breakthroughs and shows you what's new, what matters and how technology can enrich your life. mailinvest.blog also provides the information, tools, and advice that helps when deciding what to buy.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/mailinvest.blog\/index.php\/2025\/08\/20\/tabicon-tabs-framework\/","og_locale":"en_US","og_type":"article","og_title":"Tabicon - Tabs Framework - mailinvest.blog","og_description":"Technology is forever changing, and there are always new pieces of technology to replace obsolete ones. Tons of people enjoy reading tech blogs on a daily basis.mailinvest.blog tracks all the latest consumer technology breakthroughs and shows you what's new, what matters and how technology can enrich your life. mailinvest.blog also provides the information, tools, and advice that helps when deciding what to buy.","og_url":"https:\/\/mailinvest.blog\/index.php\/2025\/08\/20\/tabicon-tabs-framework\/","og_site_name":"mailinvest.blog","article_publisher":"https:\/\/www.facebook.com\/freelanceracademic\/","article_published_time":"2025-08-20T19:22:42+00:00","article_modified_time":"2025-08-20T19:23:41+00:00","og_image":[{"width":590,"height":330,"url":"https:\/\/mailinvest.blog\/wp-content\/uploads\/2025\/08\/tabspreview.jpg","type":"image\/jpeg"}],"author":"admin@mailinvest.blog","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin@mailinvest.blog","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/mailinvest.blog\/index.php\/2025\/08\/20\/tabicon-tabs-framework\/#article","isPartOf":{"@id":"https:\/\/mailinvest.blog\/index.php\/2025\/08\/20\/tabicon-tabs-framework\/"},"author":{"name":"admin@mailinvest.blog","@id":"https:\/\/mailinvest.blog\/#\/schema\/person\/012701c4c204d4e4ebd34f926cfd31a4"},"headline":"Tabicon &#8211; Tabs Framework","datePublished":"2025-08-20T19:22:42+00:00","dateModified":"2025-08-20T19:23:41+00:00","mainEntityOfPage":{"@id":"https:\/\/mailinvest.blog\/index.php\/2025\/08\/20\/tabicon-tabs-framework\/"},"wordCount":739,"commentCount":0,"publisher":{"@id":"https:\/\/mailinvest.blog\/#organization"},"image":{"@id":"https:\/\/mailinvest.blog\/index.php\/2025\/08\/20\/tabicon-tabs-framework\/#primaryimage"},"thumbnailUrl":"https:\/\/mailinvest.blog\/wp-content\/uploads\/2025\/08\/tabspreview.jpg","keywords":["animation","color","css","css2","css3","html","navigation","responsive","tab","tabs","tabs navigation"],"articleSection":["Code's"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/mailinvest.blog\/index.php\/2025\/08\/20\/tabicon-tabs-framework\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/mailinvest.blog\/index.php\/2025\/08\/20\/tabicon-tabs-framework\/","url":"https:\/\/mailinvest.blog\/index.php\/2025\/08\/20\/tabicon-tabs-framework\/","name":"Tabicon - Tabs Framework - mailinvest.blog","isPartOf":{"@id":"https:\/\/mailinvest.blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/mailinvest.blog\/index.php\/2025\/08\/20\/tabicon-tabs-framework\/#primaryimage"},"image":{"@id":"https:\/\/mailinvest.blog\/index.php\/2025\/08\/20\/tabicon-tabs-framework\/#primaryimage"},"thumbnailUrl":"https:\/\/mailinvest.blog\/wp-content\/uploads\/2025\/08\/tabspreview.jpg","datePublished":"2025-08-20T19:22:42+00:00","dateModified":"2025-08-20T19:23:41+00:00","description":"Technology is forever changing, and there are always new pieces of technology to replace obsolete ones. Tons of people enjoy reading tech blogs on a daily basis.mailinvest.blog tracks all the latest consumer technology breakthroughs and shows you what's new, what matters and how technology can enrich your life. mailinvest.blog also provides the information, tools, and advice that helps when deciding what to buy.","breadcrumb":{"@id":"https:\/\/mailinvest.blog\/index.php\/2025\/08\/20\/tabicon-tabs-framework\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/mailinvest.blog\/index.php\/2025\/08\/20\/tabicon-tabs-framework\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/mailinvest.blog\/index.php\/2025\/08\/20\/tabicon-tabs-framework\/#primaryimage","url":"https:\/\/mailinvest.blog\/wp-content\/uploads\/2025\/08\/tabspreview.jpg","contentUrl":"https:\/\/mailinvest.blog\/wp-content\/uploads\/2025\/08\/tabspreview.jpg","width":590,"height":330},{"@type":"BreadcrumbList","@id":"https:\/\/mailinvest.blog\/index.php\/2025\/08\/20\/tabicon-tabs-framework\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/mailinvest.blog\/"},{"@type":"ListItem","position":2,"name":"Tabicon &#8211; Tabs Framework"}]},{"@type":"WebSite","@id":"https:\/\/mailinvest.blog\/#website","url":"https:\/\/mailinvest.blog\/","name":"mailinvest.blog","description":"Technology is forever changing, and there are always new pieces of technology to replace obsolete ones. Tons of people enjoy reading tech blogs on a daily basis. mailinvest.blog tracks all the latest consumer technology breakthroughs and shows you what&#039;s new, what matters and how technology can enrich your life. mailinvest.blog also provides the information, tools, and advice that helps when deciding what to buy.","publisher":{"@id":"https:\/\/mailinvest.blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/mailinvest.blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/mailinvest.blog\/#organization","name":"mailinvest","url":"https:\/\/mailinvest.blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/mailinvest.blog\/#\/schema\/logo\/image\/","url":"https:\/\/mailinvest.blog\/wp-content\/uploads\/2022\/01\/default.png","contentUrl":"https:\/\/mailinvest.blog\/wp-content\/uploads\/2022\/01\/default.png","width":1000,"height":1000,"caption":"mailinvest"},"image":{"@id":"https:\/\/mailinvest.blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/freelanceracademic\/"]},{"@type":"Person","@id":"https:\/\/mailinvest.blog\/#\/schema\/person\/012701c4c204d4e4ebd34f926cfd31a4","name":"admin@mailinvest.blog","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/98ed217bd0f3d6a6dcae2d9b0c76e305b049a07275e315e1407e19ec8b08e139?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/98ed217bd0f3d6a6dcae2d9b0c76e305b049a07275e315e1407e19ec8b08e139?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/98ed217bd0f3d6a6dcae2d9b0c76e305b049a07275e315e1407e19ec8b08e139?s=96&d=mm&r=g","caption":"admin@mailinvest.blog"},"sameAs":["https:\/\/mailinvest.blog","admin@mailinvest.blog"],"url":"https:\/\/mailinvest.blog\/index.php\/author\/adminmailinvest-blog\/"}]}},"_links":{"self":[{"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/posts\/90674","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/comments?post=90674"}],"version-history":[{"count":1,"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/posts\/90674\/revisions"}],"predecessor-version":[{"id":90676,"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/posts\/90674\/revisions\/90676"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/media\/90675"}],"wp:attachment":[{"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/media?parent=90674"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/categories?post=90674"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/tags?post=90674"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}