{"id":3979,"date":"2024-11-10T00:04:46","date_gmt":"2024-11-10T00:04:46","guid":{"rendered":"https:\/\/forestgreen-jay-845795.hostingersite.com\/?p=3979"},"modified":"2025-10-28T22:15:55","modified_gmt":"2025-10-28T19:15:55","slug":"3979","status":"publish","type":"post","link":"https:\/\/newsbee.blog\/wp-tips\/2024\/11\/10\/3979\/","title":{"rendered":"\u0414\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0440\u0430\u043c\u043a\u0443 \u0434\u043b\u044f \u0432\u044b\u0434\u0435\u043b\u0435\u043d\u0438\u044f \u0437\u0430\u043c\u0435\u0442\u043a\u0438"},"content":{"rendered":"<p>\u0418\u043d\u043e\u0433\u0434\u0430 \u0445\u043e\u0447\u0435\u0442\u0441\u044f &#8212; \u0438\u043b\u0438 \u043e\u0447\u0435\u043d\u044c \u043d\u0443\u0436\u043d\u043e &#8212; \u0432\u044b\u0434\u0435\u043b\u0438\u0442\u044c \u043a\u0430\u043a\u043e\u0439-\u0442\u043e \u043f\u043e\u0441\u0442 (\u0437\u0430\u043c\u0435\u0442\u043a\u0443), \u0438 \u0437\u0434\u0435\u0441\u044c \u043d\u0430 \u043f\u043e\u043c\u043e\u0449\u044c \u043f\u0440\u0438\u0434\u0451\u0442 CSS \u0441 \u0440\u0430\u043c\u043e\u0447\u043a\u043e\u0439, \u043a\u043e\u0442\u043e\u0440\u0443\u044e \u043c\u043e\u0436\u043d\u043e \u0440\u0435\u0433\u0443\u043b\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043f\u043e \u0446\u0432\u0435\u0442\u0443, \u0440\u0430\u0437\u043c\u0435\u0440\u0443 \u0438 \u0434\u0440\u0443\u0433\u0438\u0445 \u043f\u043e\u043a\u0430\u0437\u0430\u0442\u0435\u043b\u044f\u043c.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/newsbee.blog\/wp-tips\/wp-content\/uploads\/2024\/11\/IMG_3272.jpg\" alt=\"\" width=\"1024\" height=\"730\" class=\"aligncenter size-full wp-image-4711\" srcset=\"https:\/\/newsbee.blog\/wp-tips\/wp-content\/uploads\/2024\/11\/IMG_3272.jpg 1024w, https:\/\/newsbee.blog\/wp-tips\/wp-content\/uploads\/2024\/11\/IMG_3272-300x214.jpg 300w, https:\/\/newsbee.blog\/wp-tips\/wp-content\/uploads\/2024\/11\/IMG_3272-768x548.jpg 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>\u0420\u0430\u043c\u043a\u0430 \u0431\u0443\u0434\u0435\u0442 \u0432\u0438\u0434\u043d\u0430 \u043a\u0430\u043a \u043d\u0430 \u0433\u043b\u0430\u0432\u043d\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 \u0431\u043b\u043e\u0433\u0430 &#8212; \u0432\u043e\u043a\u0440\u0443\u0433 \u0444\u0440\u0430\u0433\u043c\u0435\u043d\u0442\u0430 \u0437\u0430\u043f\u0438\u0441\u0438 \u0441 \u0444\u043e\u0442\u043e\u0433\u0440\u0430\u0444\u0438\u0435\u0439, \u0442\u0430\u043a \u0438 \u0432\u043e\u043a\u0440\u0443\u0433 \u0441\u0430\u043c\u043e\u0433\u043e \u043f\u043e\u0441\u0442\u0430 \u043d\u0430 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435.<\/p>\n<p>\u0414\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u043c\u043e\u0436\u043d\u043e \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u0441\u0442\u0438\u043b\u044c CSS \u0432 \u0414\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u0441\u0442\u0438\u043b\u0438 \u043f\u0440\u0438 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430\u0445 \u0431\u043b\u043e\u0433\u0430.<\/p>\n<div class=\"code-block-wrapper\" style=\"position: relative;\">\n        <button class=\"copy-button\" id=\"copy_code_block_69f97dbc480b8\" data-target=\"code_block_69f97dbc480b8\" style=\"\n            position: absolute; \n            top: 10px; \n            right: 10px; \n            background: #0073aa; \n            color: #fff; \n            border: none; \n            padding: 5px 10px; \n            cursor: pointer; \n            font-size: 12px;\n            border-radius: 5px;\">Copy<\/button><\/p>\n<pre><code id=\"code_block_69f97dbc480b8\">\r\n\/* \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c ID \u043f\u043e\u0441\u0442\u0430 *\/\r\n.post-123 { \/* \u0417\u0430\u043c\u0435\u043d\u0438\u0442\u0435 123 \u043d\u0430 ID \u0432\u0430\u0448\u0435\u0433\u043e \u043f\u043e\u0441\u0442\u0430 *\/\r\nborder: 2px solid #333; \/* \u0428\u0438\u0440\u0438\u043d\u0430 \u0438 \u0446\u0432\u0435\u0442 \u0440\u0430\u043c\u043a\u0438 *\/\r\npadding: 20px; \/* \u0412\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u0438\u0439 \u043e\u0442\u0441\u0442\u0443\u043f *\/\r\nmargin-bottom: 20px; \/* \u041e\u0442\u0441\u0442\u0443\u043f \u0432\u043d\u0438\u0437\u0443 *\/\r\nborder-radius: 5px; \/* \u0417\u0430\u043a\u0440\u0443\u0433\u043b\u0438\u0442\u044c \u0443\u0433\u043b\u044b - \u043f\u043e \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0441\u0442\u0438 *\/\r\nbox-shadow: 0 0 10px rgba(0,0,0,0.1); \/* \u041f\u043e \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0441\u0442\u0438: \u043b\u0435\u0433\u043a\u0430\u044f \u0442\u0435\u043d\u044c *\/\r\n}\r\n<\/code><\/pre>\n<\/p><\/div>\n<p>\u0418 \u0432\u0441\u0435 \u0434\u0435\u043b\u0430.<\/p>\n<hr>\n","protected":false},"excerpt":{"rendered":"<p>\u042d\u0442\u0430 \u0437\u0430\u043c\u0435\u0442\u043a\u0430 \u0441 ID 3979 \u0432\u044b\u0434\u0435\u043b\u0435\u043d\u0430 \u0440\u0430\u043c\u043e\u0447\u043a\u043e\u0439 \u0441 \u0437\u0430\u043a\u0440\u0443\u0433\u043b\u0435\u043d\u043d\u044b\u043c\u0438 \u0443\u0433\u043b\u0430\u043c\u0438.<br \/>\n\u0418\u043d\u043e\u0433\u0434\u0430 \u0431\u044b\u0432\u0430\u0435\u0442 \u0434\u0430\u0436\u0435 \u043f\u043e\u043b\u0435\u0437\u043d\u043e \u0442\u0430\u043a \u0434\u0435\u043b\u0430\u0442\u044c.<\/p>\n <a class=\"read-more-button\" href=\"https:\/\/newsbee.blog\/wp-tips\/2024\/11\/10\/3979\/\">\u0427\u0438\u0442\u0430\u0442\u044c \u0434\u0430\u043b\u0435\u0435<\/a>","protected":false},"author":1,"featured_media":4711,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[43],"tags":[44,111,79],"class_list":["post-3979","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-css","tag-css","tag-111","tag-79"],"_links":{"self":[{"href":"https:\/\/newsbee.blog\/wp-tips\/wp-json\/wp\/v2\/posts\/3979","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/newsbee.blog\/wp-tips\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/newsbee.blog\/wp-tips\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/newsbee.blog\/wp-tips\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/newsbee.blog\/wp-tips\/wp-json\/wp\/v2\/comments?post=3979"}],"version-history":[{"count":16,"href":"https:\/\/newsbee.blog\/wp-tips\/wp-json\/wp\/v2\/posts\/3979\/revisions"}],"predecessor-version":[{"id":5425,"href":"https:\/\/newsbee.blog\/wp-tips\/wp-json\/wp\/v2\/posts\/3979\/revisions\/5425"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/newsbee.blog\/wp-tips\/wp-json\/wp\/v2\/media\/4711"}],"wp:attachment":[{"href":"https:\/\/newsbee.blog\/wp-tips\/wp-json\/wp\/v2\/media?parent=3979"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/newsbee.blog\/wp-tips\/wp-json\/wp\/v2\/categories?post=3979"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/newsbee.blog\/wp-tips\/wp-json\/wp\/v2\/tags?post=3979"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}