{"id":1481,"date":"2026-02-16T23:32:19","date_gmt":"2026-02-16T23:32:19","guid":{"rendered":"https:\/\/mytribu.fr\/cmopc\/?p=1481"},"modified":"2026-02-16T23:32:19","modified_gmt":"2026-02-16T23:32:19","slug":"modele-de-base","status":"publish","type":"post","link":"http:\/\/mytribu.fr\/cmopc\/modele-de-base\/","title":{"rendered":"Mod\u00e8le de base"},"content":{"rendered":"\n<pre class=\"wp-block-code\"><code>&lt;!DOCTYPE html>\n&lt;html lang=\"fr\">\n\n&lt;head>\n    &lt;meta charset=\"UTF-8\">\n    &lt;title>Image et Texte stylis\u00e9s avec CSS&lt;\/title>\n\n    &lt;style>\n\n        \/* -----------------------\n           RESET DE BASE\n        ----------------------- *\/\n        body {\n            margin: 0;\n            height: 100vh;\n            background-color: #111;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            font-family: Arial, sans-serif;\n        }\n\n        \/* -----------------------\n           CONTENEUR PRINCIPAL\n        ----------------------- *\/\n        .conteneur {\n            text-align: center;\n            max-width: 600px;\n        }\n\n        \/* -----------------------\n           IMAGE MODERNE\n        ----------------------- *\/\n        img {\n            width: 300px;\n            border-radius: 20px; \/* Coins arrondis *\/\n            box-shadow: 0 15px 40px rgba(0,0,0,0.5); \/* Ombre *\/\n            filter: grayscale(30%); \/* Filtre l\u00e9ger *\/\n            margin-bottom: 30px;\n            transition: 0.3s;\n        }\n\n        \/* Effet au survol *\/\n        img:hover {\n            transform: scale(1.05);\n            filter: grayscale(0%);\n        }\n\n        \/* -----------------------\n           TITRE\n        ----------------------- *\/\n        h1 {\n            color: white;\n            font-size: 42px;\n            letter-spacing: 2px;\n            margin-bottom: 20px;\n        }\n\n        \/* -----------------------\n           TEXTE\n        ----------------------- *\/\n        p {\n            color: #ccc;\n            font-size: 20px;\n            line-height: 1.6;\n        }\n\n    &lt;\/style>\n\n&lt;\/head>\n\n&lt;body>\n\n    &lt;div class=\"conteneur\">\n        &lt;img src=\"image.jpg\" alt=\"Photo exemple\">\n\n        &lt;h1>Bienvenue en CMOPC&lt;\/h1>\n\n        &lt;p>\n            Le CSS transforme une page simple en page moderne.\n            Il permet d\u2019ajouter des effets visuels,\n            d\u2019am\u00e9liorer la lisibilit\u00e9 et de structurer l\u2019information.\n        &lt;\/p>\n    &lt;\/div>\n\n&lt;\/body>\n\n&lt;\/html><\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-1481","post","type-post","status-publish","format-standard","hentry","category-non-classe","comments-off"],"_links":{"self":[{"href":"http:\/\/mytribu.fr\/cmopc\/wp-json\/wp\/v2\/posts\/1481","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/mytribu.fr\/cmopc\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/mytribu.fr\/cmopc\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/mytribu.fr\/cmopc\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/mytribu.fr\/cmopc\/wp-json\/wp\/v2\/comments?post=1481"}],"version-history":[{"count":1,"href":"http:\/\/mytribu.fr\/cmopc\/wp-json\/wp\/v2\/posts\/1481\/revisions"}],"predecessor-version":[{"id":1482,"href":"http:\/\/mytribu.fr\/cmopc\/wp-json\/wp\/v2\/posts\/1481\/revisions\/1482"}],"wp:attachment":[{"href":"http:\/\/mytribu.fr\/cmopc\/wp-json\/wp\/v2\/media?parent=1481"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/mytribu.fr\/cmopc\/wp-json\/wp\/v2\/categories?post=1481"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/mytribu.fr\/cmopc\/wp-json\/wp\/v2\/tags?post=1481"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}