{"id":2715,"date":"2024-10-09T16:05:14","date_gmt":"2024-10-09T09:05:14","guid":{"rendered":"https:\/\/tubtimsiam04.ac.th\/?page_id=2715"},"modified":"2024-12-20T14:33:34","modified_gmt":"2024-12-20T07:33:34","slug":"all-link","status":"publish","type":"page","link":"https:\/\/tubtimsiam04.ac.th\/?page_id=2715","title":{"rendered":"all link"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"th\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Icons for School Website<\/title>\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/feather-icons\/4.28.0\/feather.min.js\"><\/script>\n    <style>\n        .container {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));\n            gap: 5px;\n            max-width: 1200px;\n            margin: 0 auto;\n        }\n        @media (max-width: 400px) {\n            .container {\n                grid-template-columns: repeat(4, 1fr);\n            }\n        }\n        .icon-item {\n            background-color: white;\n            border-radius: 8px;\n            box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n            transition: transform 0.3s ease;\n            overflow: hidden;\n        }\n        .icon-item:hover {\n            transform: scale(1.1);\n        }\n        .icon-item a {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            text-align: center;\n            padding: 10px;\n            color: inherit;\n            text-decoration: none;  \/* \u0e44\u0e21\u0e48\u0e43\u0e2b\u0e49\u0e21\u0e35\u0e40\u0e2a\u0e49\u0e19\u0e43\u0e15\u0e49 *\/\n            height: 100%;\n        }\n        .icon-item svg {\n            width: 32px;\n            height: 32px;\n            margin-bottom: 5px;\n        }\n        .icon-item span {\n            font-size: 14px;\n            font-weight: bold;\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"container\" id=\"iconContainer\"><\/div>\n\n    <script>\n        \/\/ \u0e40\u0e01\u0e47\u0e1a\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e25\u0e34\u0e07\u0e01\u0e4c\u0e43\u0e19\u0e2d\u0e32\u0e23\u0e4c\u0e40\u0e23\u0e22\u0e4c\n        const links = [\n    { icon: \"info\", text: \"\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b\", href: \"https:\/\/tubtimsiam04.ac.th\/?page_id=63\" },\n    { icon: \"book\", text: \"\u0e1b\u0e23\u0e30\u0e27\u0e31\u0e15\u0e34\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\", href: \"https:\/\/tubtimsiam04.ac.th\/?page_id=2\" },\n    { icon: \"feather\", text: \"\u0e04\u0e15\u0e34\u0e1e\u0e08\u0e19\u0e4c\/\u0e1b\u0e23\u0e31\u0e0a\u0e0d\u0e32\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\", href: \"https:\/\/tubtimsiam04.ac.th\/?page_id=1523\" },\n    { icon: \"eye\", text: \"\u0e27\u0e34\u0e2a\u0e31\u0e22\u0e17\u0e31\u0e28\u0e19\u0e4c\/\u0e1e\u0e31\u0e19\u0e18\u0e01\u0e34\u0e08\", href: \"https:\/\/tubtimsiam04.ac.th\/?page_id=1187\" },\n    { icon: \"map\", text: \"\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2b\u0e21\u0e39\u0e48\u0e1a\u0e49\u0e32\u0e19\u0e43\u0e19\u0e40\u0e02\u0e15\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\", href: \"https:\/\/tubtimsiam04.ac.th\/?page_id=1461\" },\n    { icon: \"users\", text: \"\u0e04\u0e13\u0e30\u0e01\u0e23\u0e23\u0e21\u0e01\u0e32\u0e23\u0e2a\u0e16\u0e32\u0e19\u0e28\u0e36\u0e01\u0e29\u0e32\", href: \"https:\/\/tubtimsiam04.ac.th\/?page_id=21\" },\n    { icon: \"award\", text: \"\u0e17\u0e33\u0e40\u0e19\u0e35\u0e22\u0e1a\u0e1c\u0e39\u0e49\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\", href: \"https:\/\/tubtimsiam04.ac.th\/?page_id=2#boss\" },\n    { icon: \"user-check\", text: \"\u0e17\u0e33\u0e40\u0e19\u0e35\u0e22\u0e1a\u0e1a\u0e38\u0e04\u0e25\u0e32\u0e01\u0e23\", href: \"https:\/\/tubtimsiam04.ac.th\/?page_id=88\" },\n    { icon: \"star\", text: \"\u0e1c\u0e25\u0e07\u0e32\u0e19\u0e14\u0e35\u0e40\u0e14\u0e48\u0e19\u0e02\u0e2d\u0e07\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\", href: \"https:\/\/tubtimsiam04.ac.th\/?page_id=90\" },\n    { icon: \"award\", text: \"\u0e40\u0e01\u0e35\u0e22\u0e23\u0e15\u0e34\u0e1a\u0e31\u0e15\u0e23\u0e1c\u0e25\u0e07\u0e32\u0e19\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\", href: \"https:\/\/tubtimsiam04.ac.th\/?page_id=1566\" },\n    { icon: \"award\", text: \"\u0e40\u0e01\u0e35\u0e22\u0e23\u0e15\u0e34\u0e1a\u0e31\u0e15\u0e23\u0e1c\u0e25\u0e07\u0e32\u0e19\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\", href: \"https:\/\/tubtimsiam04.ac.th\/?page_id=1573\" },\n    { icon: \"activity\", text: \"\u0e01\u0e34\u0e08\u0e01\u0e23\u0e23\u0e21\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\", href: \"https:\/\/tubtimsiam04.ac.th\/?cat=3\" },\n    { icon: \"book-open\", text: \"\u0e27\u0e32\u0e23\u0e2a\u0e32\u0e23\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\", href: \"https:\/\/tubtimsiam04.ac.th\/?page_id=3623\" },\n    { icon: \"volume-2\", text: \"\u0e02\u0e48\u0e32\u0e27\u0e1b\u0e23\u0e30\u0e0a\u0e32\u0e2a\u0e31\u0e21\u0e1e\u0e31\u0e19\u0e18\u0e4c\", href: \"https:\/\/tubtimsiam04.ac.th\/?cat=3\" },\n    { icon: \"image\", text: \"GoogleDrive \u0e20\u0e32\u0e1e\u0e01\u0e34\u0e08\u0e01\u0e23\u0e23\u0e21\", href: \"https:\/\/drive.google.com\/drive\/u\/0\/folders\/0B_2REDrISXAkUlpOQ3MydHBqRVU\" },\n    { icon: \"video\", text: \"VDO \u0e01\u0e34\u0e08\u0e01\u0e23\u0e23\u0e21\u0e02\u0e2d\u0e07\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\", href: \"https:\/\/www.youtube.com\/@tubtimsiam04\" },\n    { icon: \"user\", text: \"\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e04\u0e23\u0e39\", href: \"https:\/\/tubtimsiam04.ac.th\/?page_id=767\" },\n    { icon: \"users\", text: \"\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\", href: \"https:\/\/tubtimsiam04.ac.th\/?cat=3\" },\n    { icon: \"settings\", text: \"\u0e01\u0e32\u0e23\u0e43\u0e2b\u0e49\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\", href: \"https:\/\/tubtimsiam04.ac.th\/?cat=3\" },\n    { icon: \"bar-chart\", text: \"\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2a\u0e16\u0e34\u0e15\u0e34\u0e01\u0e32\u0e23\u0e43\u0e2b\u0e49\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\", href: \"https:\/\/tubtimsiam04.ac.th\/?page_id=934\" },\n    { icon: \"book\", text: \"\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e07\u0e32\u0e19\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\", href: \"https:\/\/tubtimsiam04.ac.th\/?page_id=92\" },\n    { icon: \"dollar-sign\", text: \"\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e07\u0e32\u0e19\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13\", href: \"https:\/\/tubtimsiam04.ac.th\/?page_id=94\" },\n    { icon: \"layers\", text: \"\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e07\u0e32\u0e19\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b\", href: \"https:\/\/tubtimsiam04.ac.th\/?page_id=99\" },\n    { icon: \"user-plus\", text: \"\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e07\u0e32\u0e19\u0e1a\u0e38\u0e04\u0e04\u0e25\", href: \"https:\/\/tubtimsiam04.ac.th\/?page_id=2606\" },\n    { icon: \"trending-up\", text: \"\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e07\u0e32\u0e19\u0e2f \u2013 PA\", href: \"https:\/\/tubtimsiam04.ac.th\/?page_id=97#pa_page\" },\n    { icon: \"clipboard\", text: \"\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e1c\u0e25\u0e01\u0e32\u0e23\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e07\u0e32\u0e19\u0e2f\", href: \"https:\/\/tubtimsiam04.ac.th\/?page_id=2574\" },\n    { icon: \"search\", text: \"ITA Online 2024\", href: \"https:\/\/tubtimsiam04.ac.th\/?page_id=422\" },\n    { icon: \"help-circle\", text: \"\u0e2a\u0e2d\u0e1a\u0e16\u0e32\u0e21\/\u0e23\u0e49\u0e2d\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\", href: \"https:\/\/tubtimsiam04.ac.th\/?page_id=874\" },\n];\n\n\n        \/\/ \u0e2a\u0e23\u0e49\u0e32\u0e07 HTML \u0e08\u0e32\u0e01\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e43\u0e19\u0e2d\u0e32\u0e23\u0e4c\u0e40\u0e23\u0e22\u0e4c\n        const iconContainer = document.getElementById('iconContainer');\n        links.forEach(link => {\n            const item = document.createElement('div');\n            item.className = 'icon-item';\n            item.innerHTML = `\n                <a href=\"${link.href}\">\n                    <i data-feather=\"${link.icon}\"><\/i>\n                    <span>${link.text}<\/span>\n                <\/a>\n            `;\n            iconContainer.appendChild(item);\n        });\n\n        \/\/ \u0e40\u0e23\u0e35\u0e22\u0e01\u0e43\u0e0a\u0e49 feather.replace() \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e41\u0e2a\u0e14\u0e07\u0e44\u0e2d\u0e04\u0e2d\u0e19\n        feather.replace();\n    <\/script>\n<\/body>\n<\/html>\n\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Icons for School Web<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"colormag_page_container_layout":"default_layout","colormag_page_sidebar_layout":"default_layout","footnotes":""},"class_list":["post-2715","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tubtimsiam04.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/2715","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tubtimsiam04.ac.th\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tubtimsiam04.ac.th\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tubtimsiam04.ac.th\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tubtimsiam04.ac.th\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2715"}],"version-history":[{"count":2,"href":"https:\/\/tubtimsiam04.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/2715\/revisions"}],"predecessor-version":[{"id":3679,"href":"https:\/\/tubtimsiam04.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/2715\/revisions\/3679"}],"wp:attachment":[{"href":"https:\/\/tubtimsiam04.ac.th\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2715"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}