{"id":9133,"date":"2025-05-19T12:38:59","date_gmt":"2025-05-19T12:38:59","guid":{"rendered":"https:\/\/tableberg.com\/?post_type=docs&#038;p=9133"},"modified":"2025-05-19T12:38:59","modified_gmt":"2025-05-19T12:38:59","password":"","slug":"%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d8%aa%d8%ba%d9%8a%d9%8a%d8%b1-%d9%84%d9%88%d9%86-%d8%a7%d9%84%d8%b2%d8%b1-%d9%81%d9%8a-tableberg","status":"publish","type":"docs","link":"https:\/\/tableberg.com\/ar\/docs\/how-to-change-the-button-color-in-tableberg\/","title":{"rendered":"\u0643\u064a\u0641\u064a\u0629 \u062a\u063a\u064a\u064a\u0631 \u0644\u0648\u0646 \u0627\u0644\u0632\u0631 \u0641\u064a Tableberg"},"content":{"rendered":"<p>\u064a\u062c\u0628 \u0623\u0646 \u062a\u0643\u0648\u0646 \u0627\u0644\u0623\u0632\u0631\u0627\u0631 \u0641\u064a \u0627\u0644\u062c\u062f\u0648\u0644 \u0645\u0645\u064a\u0632\u0629 \u0628\u0635\u0631\u064a\u064b\u0627 \u0648\u062a\u0641\u0627\u0639\u0644\u064a\u0629. \u0633\u064a\u0636\u0645\u0646 \u0644\u0648\u0646 \u0627\u0644\u062e\u0644\u0641\u064a\u0629 \u0627\u0644\u0645\u062e\u062a\u0627\u0631 \u0628\u0639\u0646\u0627\u064a\u0629 \u0623\u0646 \u062a\u0644\u0641\u062a \u0627\u0646\u062a\u0628\u0627\u0647 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u060c \u0641\u064a \u062d\u064a\u0646 \u0623\u0646 \u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u062a\u062d\u0648\u064a\u0645 \u0627\u0644\u0633\u0644\u0633 \u0633\u064a\u0624\u0643\u062f \u0623\u0646\u0647\u0627 \u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u0646\u0642\u0631. \u0648\u0628\u062f\u0648\u0646 \u0630\u0644\u0643\u060c \u0642\u062f \u062a\u0628\u062f\u0648 \u0627\u0644\u0623\u0632\u0631\u0627\u0631 \u0641\u064a \u063a\u064a\u0631 \u0645\u0643\u0627\u0646\u0647\u0627 \u0623\u0648 \u0627\u0644\u0623\u0633\u0648\u0623 \u0645\u0646 \u0630\u0644\u0643\u060c \u0623\u0644\u0627 \u064a\u0644\u0627\u062d\u0638\u0647\u0627 \u0623\u062d\u062f.<\/p>\n\n\n\n<p>\u0641\u064a \u0647\u0630\u0627 \u0627\u0644\u062f\u0644\u064a\u0644\u060c \u0633\u062a\u062a\u0639\u0631\u0641 \u0641\u064a \u0647\u0630\u0627 \u0627\u0644\u062f\u0644\u064a\u0644 \u0639\u0644\u0649 \u0643\u064a\u0641\u064a\u0629 \u062a\u062e\u0635\u064a\u0635 \u0623\u0644\u0648\u0627\u0646 \u0627\u0644\u0623\u0632\u0631\u0627\u0631 \u0648\u062a\u0623\u062b\u064a\u0631\u0627\u062a \u0627\u0644\u062a\u062d\u0648\u064a\u0645 \u0645\u0628\u0627\u0634\u0631\u0629\u064b \u0641\u064a \u0627\u0644\u0645\u062d\u0631\u0631\u060c \u0628\u062d\u064a\u062b \u062a\u0638\u0644 \u062c\u062f\u0627\u0648\u0644\u0643 \u0646\u0638\u064a\u0641\u0629 \u0648\u0639\u0645\u0644\u064a\u0629 \u0648\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629. <\/p>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_de354889-d231-4233-b599-58df50161b16\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 30%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 1px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\"><strong>\u0627\u0644\u062e\u0637\u0648\u0629 1: \u0627\u0646\u0642\u0631 \u0641\u0648\u0642 \u0627\u0644\u0632\u0631 \u0627\u0644\u0645\u0648\u062c\u0648\u062f \u062f\u0627\u062e\u0644 \u0627\u0644\u062c\u062f\u0648\u0644<\/strong><\/h2>\n\n\n\n<p>\u062d\u062f\u0650\u0651\u062f \u0645\u0648\u0642\u0639 \u0627\u0644\u0632\u0631 \u0627\u0644\u0630\u064a \u0623\u0636\u0641\u062a\u0647 \u062f\u0627\u062e\u0644 \u062e\u0644\u064a\u0629 \u062c\u062f\u0648\u0644. \u0627\u0646\u0642\u0631 \u0645\u0628\u0627\u0634\u0631\u0629\u064b \u0639\u0644\u0649 \u0627\u0644\u0632\u0631 \u0644\u062a\u062d\u062f\u064a\u062f \u0645\u0643\u0648\u0650\u0651\u0646 \u0627\u0644\u0632\u0631.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"423\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/1-1-1024x423.png\" alt=\"\u0627\u0646\u0642\u0631 \u0641\u0648\u0642 \u0627\u0644\u0632\u0631 \u0627\u0644\u0645\u0648\u062c\u0648\u062f \u062f\u0627\u062e\u0644 \u0627\u0644\u062c\u062f\u0648\u0644\" class=\"wp-image-9136\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/1-1-1024x423.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/1-1-300x124.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/1-1-768x318.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/1-1-1536x635.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/1-1-18x7.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/1-1.png 1681w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_1794c61d-002a-4b23-a861-be11f8859853\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 30%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 1px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\"><strong>\u0627\u0644\u062e\u0637\u0648\u0629 2: \u0627\u0641\u062a\u062d \u0627\u0644\u0634\u0631\u064a\u0637 \u0627\u0644\u062c\u0627\u0646\u0628\u064a \u0644\u0625\u0639\u062f\u0627\u062f\u0627\u062a \u0627\u0644\u062d\u0638\u0631<\/strong><\/h2>\n\n\n\n<p>\u0628\u0645\u062c\u0631\u062f \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0632\u0631\u060c \u0627\u0646\u0638\u0631 \u0625\u0644\u0649 \u0627\u0644\u0634\u0631\u064a\u0637 \u0627\u0644\u062c\u0627\u0646\u0628\u064a \u0627\u0644\u0623\u064a\u0645\u0646. \u0625\u0630\u0627 \u0644\u0645 \u064a\u0643\u0646 \u0627\u0644\u0634\u0631\u064a\u0637 \u0627\u0644\u062c\u0627\u0646\u0628\u064a \u0645\u0631\u0626\u064a\u064b\u0627\u060c \u0641\u0627\u0646\u0642\u0631 \u0639\u0644\u0649 \u0623\u064a\u0642\u0648\u0646\u0629 \u0627\u0644\u0625\u0639\u062f\u0627\u062f\u0627\u062a \u0641\u064a \u0627\u0644\u0632\u0627\u0648\u064a\u0629 \u0627\u0644\u0639\u0644\u0648\u064a\u0629 \u0627\u0644\u064a\u0645\u0646\u0649 \u0645\u0646 \u0627\u0644\u0645\u062d\u0631\u0631 \u0644\u0641\u062a\u062d\u0647. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"405\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/2-6-1024x405.png\" alt=\"\u0627\u0641\u062a\u062d \u0627\u0644\u0634\u0631\u064a\u0637 \u0627\u0644\u062c\u0627\u0646\u0628\u064a \u0644\u0625\u0639\u062f\u0627\u062f\u0627\u062a \u0627\u0644\u0645\u0643\u0648\u0650\u0651\u0646\" class=\"wp-image-9137\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/2-6-1024x405.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/2-6-300x119.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/2-6-768x304.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/2-6-1536x607.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/2-6-18x7.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/2-6.png 1842w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_5dfe5a61-84e6-418e-b37f-7ddaf2caf6ff\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 30%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 1px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\"><strong>\u0627\u0644\u062e\u0637\u0648\u0629 3: \u0642\u0645 \u0628\u0627\u0644\u062a\u0628\u062f\u064a\u0644 \u0625\u0644\u0649 \u0639\u0644\u0627\u0645\u0629 \u062a\u0628\u0648\u064a\u0628 \u0627\u0644\u0623\u0646\u0645\u0627\u0637<\/strong><\/h2>\n\n\n\n<p>\u062f\u0627\u062e\u0644 \u0627\u0644\u0634\u0631\u064a\u0637 \u0627\u0644\u062c\u0627\u0646\u0628\u064a\u060c \u0627\u0646\u062a\u0642\u0644 \u0625\u0644\u0649 \u0639\u0644\u0627\u0645\u0629 \u062a\u0628\u0648\u064a\u0628 \u0627\u0644\u0623\u0646\u0645\u0627\u0637. \u0647\u0630\u0627 \u0647\u0648 \u0627\u0644\u0645\u0643\u0627\u0646 \u0627\u0644\u0630\u064a \u062a\u0648\u062c\u062f \u0641\u064a\u0647 \u062c\u0645\u064a\u0639 \u0627\u0644\u0625\u0639\u062f\u0627\u062f\u0627\u062a \u0627\u0644\u0645\u062a\u0639\u0644\u0642\u0629 \u0628\u0627\u0644\u0645\u0638\u0647\u0631 \u0644\u0645\u0643\u0648\u0650\u0651\u0646 \u0627\u0644\u0632\u0631.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"417\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/3-4-1024x417.png\" alt=\"\u0627\u0644\u062a\u0628\u062f\u064a\u0644 \u0625\u0644\u0649 \u0639\u0644\u0627\u0645\u0629 \u062a\u0628\u0648\u064a\u0628 \u0627\u0644\u0623\u0646\u0645\u0627\u0637\" class=\"wp-image-9138\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/3-4-1024x417.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/3-4-300x122.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/3-4-768x313.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/3-4-1536x626.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/3-4-18x7.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/3-4.png 1850w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_4f2c6d2e-23cf-4f7e-a2c6-9c977724a01a\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 30%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 1px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\"><strong>\u0627\u0644\u062e\u0637\u0648\u0629 4: \u0627\u062e\u062a\u0631 \u0644\u0648\u0646 \u0632\u0631 \u062c\u062f\u064a\u062f<\/strong><\/h2>\n\n\n\n<p>\u0645\u0631\u0631 \u0644\u0623\u0633\u0641\u0644 \u0644\u0644\u0639\u062b\u0648\u0631 \u0639\u0644\u0649 \u0642\u0633\u0645 \u0627\u0644\u0644\u0648\u0646. \u0633\u062a\u0631\u0649 \u062e\u064a\u0627\u0631\u0627\u062a \u0644\u062a\u0639\u064a\u064a\u0646 \u0644\u0648\u0646 \u0627\u0644\u0646\u0635\u060c \u0648\u0644\u0648\u0646 \u0646\u0635 \u0627\u0644\u062a\u062d\u0648\u064a\u0645\u060c \u0648\u0644\u0648\u0646 \u0627\u0644\u062e\u0644\u0641\u064a\u0629\u060c \u0648\u0644\u0648\u0646 \u062e\u0644\u0641\u064a\u0629 \u0627\u0644\u062a\u062d\u0648\u064a\u0645 \u0644\u0644\u0632\u0631.&nbsp;<\/p>\n\n\n\n<p>\u0627\u0646\u0642\u0631 \u0639\u0644\u0649 \u0644\u0648\u062d\u0629 \u0627\u0644\u0623\u0644\u0648\u0627\u0646 \u0648\u0627\u062e\u062a\u0631 \u0623\u064a \u0644\u0648\u0646 \u062a\u0631\u064a\u062f\u0647\u060c \u0623\u0648 \u0623\u062f\u062e\u0644 \u0631\u0645\u0632 HEX\/RGB \u0625\u0630\u0627 \u0643\u0646\u062a \u062a\u0631\u064a\u062f \u062a\u062d\u0643\u0645\u064b\u0627 \u062f\u0642\u064a\u0642\u064b\u0627.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"353\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/4-1.gif\" alt=\"\u0627\u062e\u062a\u0631 \u0644\u0648\u0646 \u0627\u0644\u0632\u0631 \u0627\u0644\u062c\u062f\u064a\u062f\" class=\"wp-image-9140\" style=\"border-width:1px;border-radius:2px\"\/><\/figure>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_f653a6de-4d7a-4b29-a562-f406c608d7a3\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 30%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 1px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<p><strong>\u062e\u0627\u062a\u0645\u0629<\/strong><\/p>\n\n\n\n<p>\u064a\u0639\u0648\u062f \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u062c\u064a\u062f \u0644\u0644\u0623\u0632\u0631\u0627\u0631 \u0641\u064a \u062c\u062f\u0627\u0648\u0644 Tableberg \u0625\u0644\u0649 \u0639\u0646\u0635\u0631\u064a\u0646 \u0623\u0633\u0627\u0633\u064a\u064a\u0646. \u0623\u0648\u0644\u0627\u064b\u060c \u064a\u062c\u0628 \u0623\u0646 \u064a\u062a\u0628\u0627\u064a\u0646 \u0644\u0648\u0646 \u0627\u0644\u0632\u0631 \u0628\u0648\u0636\u0648\u062d \u0645\u0639 \u062e\u0644\u0641\u064a\u0629 \u0627\u0644\u062c\u062f\u0648\u0644 \u0628\u062d\u064a\u062b \u064a\u0628\u0631\u0632 \u0641\u064a \u0644\u0645\u062d\u0629. \u062b\u0627\u0646\u064a\u064b\u0627\u060c \u062a\u0648\u0641\u0631 \u062d\u0627\u0644\u0629 \u0627\u0644\u062a\u062d\u0648\u064a\u0645 \u0627\u0644\u0645\u062d\u062f\u062f\u0629 \u0644\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646 \u0645\u0644\u0627\u062d\u0638\u0627\u062a \u0641\u0648\u0631\u064a\u0629 \u0648\u062a\u0624\u0643\u062f \u0623\u0646 \u0627\u0644\u0632\u0631 \u062a\u0641\u0627\u0639\u0644\u064a.<\/p>\n\n\n\n<p>\u0627\u0644\u0622\u0646 \u0628\u0639\u062f \u0623\u0646 \u0639\u0631\u0641\u062a \u0643\u064a\u0641\u064a\u0629 \u0636\u0628\u0637 \u0643\u0644\u064a\u0647\u0645\u0627\u060c \u0633\u062a\u0628\u062f\u0648 \u0623\u0632\u0631\u0627\u0631\u0643 \u0628\u0627\u0644\u0634\u0643\u0644 \u0627\u0644\u0635\u062d\u064a\u062d \u0648\u062a\u062a\u0635\u0631\u0641 \u0628\u0627\u0644\u0637\u0631\u064a\u0642\u0629 \u0627\u0644\u062a\u064a \u064a\u062a\u0648\u0642\u0639\u0647\u0627 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u0648\u0646.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p class=\"has-text-align-left\"><a href=\"https:\/\/tableberg.com\/ar\/%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d8%aa%d8%b5%d9%85%d9%8a%d9%85-%d8%a3%d8%b2%d8%b1%d8%a7%d8%b1-%d8%a3%d9%86%d9%8a%d9%82%d8%a9-%d9%81%d9%8a-%d9%88%d9%88%d8%b1%d8%af%d8%a8%d8%b1%d9%8a%d8%b3\/\">\u0643\u064a\u0641\u064a\u0629 \u062a\u0635\u0645\u064a\u0645 \u0623\u0632\u0631\u0627\u0631 \u0623\u0646\u064a\u0642\u0629 \u0641\u064a \u0648\u0648\u0631\u062f\u0628\u0631\u064a\u0633<\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>Buttons in a table should be visually distinct and interactive. A well-chosen background color will ensure they catch the user\u2019s eye, while a smooth hover effect will confirm they\u2019re clickable. Without these, buttons risk looking out of place or worse, going unnoticed. In this guide, you\u2019ll learn how to customize button colors and hover effects [&hellip;]<\/p>\n","protected":false},"author":9,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","footnotes":""},"doc_category":[127],"doc_tag":[],"class_list":["post-9133","docs","type-docs","status-publish","hentry","doc_category-styling-customization"],"year_month":"2026-04","word_count":290,"total_views":0,"reactions":{"happy":0,"normal":0,"sad":0},"author_info":{"name":"\u0645\u0639\u064a\u0646 \u0627\u0644\u0627\u0633\u0644\u0627\u0645","author_nicename":"marufmoinul27","author_url":"https:\/\/tableberg.com\/ar\/author\/marufmoinul27\/"},"doc_category_info":[{"term_name":"Styling &amp; Customization","term_url":"https:\/\/tableberg.com\/ar\/docs-category\/styling-customization\/"}],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/tableberg.com\/ar\/wp-json\/wp\/v2\/docs\/9133","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/ar\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/tableberg.com\/ar\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/ar\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/ar\/wp-json\/wp\/v2\/comments?post=9133"}],"version-history":[{"count":8,"href":"https:\/\/tableberg.com\/ar\/wp-json\/wp\/v2\/docs\/9133\/revisions"}],"predecessor-version":[{"id":9240,"href":"https:\/\/tableberg.com\/ar\/wp-json\/wp\/v2\/docs\/9133\/revisions\/9240"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/ar\/wp-json\/wp\/v2\/media?parent=9133"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/tableberg.com\/ar\/wp-json\/wp\/v2\/doc_category?post=9133"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/tableberg.com\/ar\/wp-json\/wp\/v2\/doc_tag?post=9133"}],"curies":[{"name":"\u0648\u0648\u0631\u062f\u0628\u0631\u064a\u0633","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}