{"id":4214,"date":"2011-07-08T12:49:22","date_gmt":"2011-07-08T10:49:22","guid":{"rendered":"http:\/\/flaven.fr\/?p=4214"},"modified":"2011-07-08T12:49:22","modified_gmt":"2011-07-08T10:49:22","slug":"comment-utiliser-lediteur-de-style-de-3wdoc-studio","status":"publish","type":"post","link":"https:\/\/flaven.fr\/2011\/07\/comment-utiliser-lediteur-de-style-de-3wdoc-studio\/","title":{"rendered":"Comment utiliser l&#8217;\u00e9diteur de style ?"},"content":{"rendered":"<p>Dans ce tutoriel, nous allons expliquer tous les param\u00e8tres de style.<\/p>\n<p>Vous aurez la possibilit\u00e9 de choisir entre diff\u00e9rents param\u00e8tres pour chaque \u00e9l\u00e9ment. Par exemple, la font-family, la couleur, la background-image, la bordure, etc&#8230;<\/p>\n<p>Vous pouvez \u00e9galement choisir les param\u00e8tres <strong>HOVER<\/strong>: le nouveau style que l&#8217;\u00e9l\u00e9ment aura au survol de la souris.<\/p>\n<p><a href=\"http:\/\/blog.3wdoc.com\/en\/wp-content\/uploads\/2011\/07\/style_editor.png\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/blog.3wdoc.com\/en\/wp-content\/uploads\/2011\/07\/style_editor.png\" alt=\"\" title=\"style_editor\" width=\"800\" height=\"411\" class=\"aligncenter size-full wp-image-2788\" \/><\/a><\/p>\n<p>L&#8217;Editeur de Style vous permettra de cr\u00e9er et d&#8217;appliquer des styles diff\u00e9rents pour vos articles: l&#8217;arri\u00e8re-plan du player, la position du player, des articles, des boutons, des images et des boutons UI. Vous pouvez cr\u00e9er un style sp\u00e9cifique \u00e0 une s\u00e9quence, mais aussi utiliser le m\u00eame style pour plusieurs s\u00e9quences. <\/p>\n<p>Dans cette feuille de style vous d\u00e9finirez : <\/p>\n<ul>\n<li> <a href=\"https:\/\/flaven.fr\/2011\/07\/04\/comment-personnaliser-le-player\/\" target=\"_blank\">l&#8217;arri\u00e8re-plan du player<\/a><\/li>\n<li> <a href=\"https:\/\/flaven.fr\/2011\/07\/04\/comment-personnaliser-le-player\/\" target=\"_blank\">la position du player<\/a><\/li>\n<li> <a href=\"https:\/\/flaven.fr\/2011\/07\/06\/comment-personnaliser-les-articles-les-boutons-et-les-images\/\" target=\"_blank\">5 styles d&#8217;articles <\/a><\/li>\n<li> <a href=\"https:\/\/flaven.fr\/2011\/07\/06\/comment-personnaliser-les-articles-les-boutons-et-les-images\/\" target=\"_blank\">5 styles de boutons <\/a><\/li>\n<li> <a href=\"https:\/\/flaven.fr\/2011\/07\/06\/comment-personnaliser-les-articles-les-boutons-et-les-images\/\" target=\"_blank\">5 styles d&#8217;images <\/a><\/li>\n<li> <a href=\"https:\/\/flaven.fr\/2011\/06\/24\/comment-personnaliser-les-boutons-ui-play-stop-fwd-etc\/\" target=\"_blank\">le style des boutons UI<\/a><\/li>\n<\/ul>\n<p><em>Vous pouvez mieux comprendre la signification de chaque param\u00e8tre gr\u00e2ce \u00e0 l&#8217;aide contextuelle pr\u00e9sente sur chaque param\u00e8tre. <\/em><\/p>\n<p>Lorsque vous cr\u00e9ez votre style, afin de pr\u00e9visualiser son apparence, vous pouvez cliquer sur le bouton &#8220;Aper\u00e7u&#8221;. Vous serez \u00e9galement en mesure de visualiser les param\u00e8tres HOVER en survolant chaque \u00e9l\u00e9ment:<\/p>\n<p><a href=\"http:\/\/blog.3wdoc.com\/en\/wp-content\/uploads\/2011\/07\/preview1.png\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/blog.3wdoc.com\/en\/wp-content\/uploads\/2011\/07\/preview1.png\" alt=\"\" title=\"preview\" width=\"800\" height=\"458\" class=\"aligncenter size-full wp-image-2991\" \/><\/a><\/p>\n<h2>Pour plus d&#8217;informations<\/h2>\n<ul>\n<li>Tutorial interactif <br \/><a href=\"https:\/\/flaven.fr\/2011\/07\/04\/comment-personnaliser-le-style-du-player\/\" target=\"_blank\">Comment personnaliser le style du player ?<\/a><\/li>\n<li>Tutorial interactif <br \/><a href=\"https:\/\/flaven.fr\/2011\/06\/22\/comment-appliquer-un-style-a-une-image\/\" target=\"_blank\">Comment appliquer un style \u00e0 une image ?<\/a><\/li>\n<li>Tutorial interactif <br \/><a href=\"https:\/\/flaven.fr\/2011\/06\/23\/appliquer-un-style-aux-boutons-dinterface-utilisateur-ui-buttons\/\" target=\"_blank\">Appliquer un style aux boutons d\u2019interface utilisateur (UI buttons)<\/a><\/li>\n<li>Tutorial interactif <br \/><a href=\"https:\/\/flaven.fr\/2011\/06\/25\/appliquer-un-style-a-un-bouton\/\" target=\"_blank\">Appliquer un style \u00e0 un bouton<\/a><\/li>\n<li>Tutorial interactif <br \/><a href=\"https:\/\/flaven.fr\/2011\/06\/27\/comment-appliquer-un-style-a-un-article\/\" target=\"_blank\">Comment appliquer un style \u00e0 un article ?<\/a><\/li>\n<li>Tutorial interactif <br \/><a href=\"https:\/\/flaven.fr\/2011\/07\/05\/comment-appliquer-un-style-a-une-sequence\/\" target=\"_blank\">Comment appliquer un style \u00e0 une s\u00e9quence ?<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Dans ce tutoriel, nous allons expliquer tous les param\u00e8tres de style. Vous aurez la possibilit\u00e9 de choisir entre diff\u00e9rents param\u00e8tres pour chaque \u00e9l\u00e9ment. Par exemple,&hellip; <\/p>\n<p class=\"text-center\"><a href=\"https:\/\/flaven.fr\/2011\/07\/comment-utiliser-lediteur-de-style-de-3wdoc-studio\/\" class=\"more-link\">Continue reading &rarr; <span class=\"screen-reader-text\">Comment utiliser l&#8217;\u00e9diteur de style ?<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":4304,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"bf_ai_meta_description":"L\u2019\u00e9diteur de style personnalise les articles avec des outils comme font-family, couleur, background-image. Cr\u00e9ez des styles sp\u00e9cifiques ou r\u00e9utilisables pour le player, boutons, images.","bf_ai_og_title":"","footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[3433,1],"tags":[1023,209,2245,1194,2185,1195,1110,1130,363,2198,401],"class_list":["post-4214","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-3wdoc-tutorials","category-miscellaneous-other","tag-3wdoc-studio","tag-css","tag-css3","tag-graphism","tag-html5","tag-parametre","tag-sequence","tag-style","tag-tutorial","tag-webdesign-responsive-agile","tag-webdocumentaire"],"jetpack_publicize_connections":[],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p3Vuhl-15Y","jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/posts\/4214","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/comments?post=4214"}],"version-history":[{"count":0,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/posts\/4214\/revisions"}],"wp:attachment":[{"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/media?parent=4214"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/categories?post=4214"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/tags?post=4214"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}