From e7f1d07cba1f78b72eb43bfcdabc262359c4991a Mon Sep 17 00:00:00 2001
From: SphinxKnight <SphinxKnight@users.noreply.github.com>
Date: Mon, 1 Nov 2021 07:45:47 +0100
Subject: Prepare SVG section for Markdown conversion (#2570)

* Remove summary classes

* Remove hidden classes out of pre

* Remove spans

* Remove notranslate class

* Remove ids out of headings

* missed 2 ids with regex

* clean note and warning cards

* fix headings errors

* Fix dls and as

* fix imgs

* lint stuff (absolute urls, english links)

* Temporarily readding file

* delete inexisting doc in en-US with flaws

* Fixes #2842 for SVG
---
 files/fr/web/svg/attribute/fill-opacity/index.html | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

(limited to 'files/fr/web/svg/attribute/fill-opacity')

diff --git a/files/fr/web/svg/attribute/fill-opacity/index.html b/files/fr/web/svg/attribute/fill-opacity/index.html
index f25676d26c..82e5f456c3 100644
--- a/files/fr/web/svg/attribute/fill-opacity/index.html
+++ b/files/fr/web/svg/attribute/fill-opacity/index.html
@@ -10,14 +10,15 @@ translation_of: Web/SVG/Attribute/fill-opacity
 
 <p>L'attribut <strong><code>fill-opacity</code></strong> définit l'opacité du remplissage (<em>couleur, dégradé, motif</em>, etc) appliqué à une forme.</p>
 
-<p class="note"><strong>Note:</strong> <code>fill-opacity</code> étant un attribut de présentation, il peut être utilisé comme propriété CSS.</p>
+<div class="note">
+  <p><strong>Note :</strong> <code>fill-opacity</code> étant un attribut de présentation, il peut être utilisé comme propriété CSS.</p>
+</div>
 
 <p>Cet attribut peut être appliqué sur tous les éléments, en revanche il n'aura d'effet que sur les éléments suivants: {{SVGElement('altGlyph')}}, {{SVGElement('circle')}}, {{SVGElement('ellipse')}}, {{SVGElement('path')}}, {{SVGElement('polygon')}}, {{SVGElement('polyline')}}, {{SVGElement('rect')}}, {{SVGElement('text')}}, {{SVGElement('textPath')}}, {{SVGElement('tref')}}, et {{SVGElement('tspan')}}</p>
 
-<div id="topExample">
-<div class="hidden">
-<pre class="brush: css">html,body,svg { height:100% }</pre>
-</div>
+<h2>Exemple</h2>
+
+<pre class="brush: css hidden">html,body,svg { height:100% }</pre>
 
 <pre class="brush: html">&lt;svg viewBox="0 0 400 100" xmlns="http://www.w3.org/2000/svg"&gt;
   &lt;!-- Opacité par défaut: 1 --&gt;
@@ -36,8 +37,7 @@ translation_of: Web/SVG/Attribute/fill-opacity
           style="fill-opacity: .25;" /&gt;
 &lt;/svg&gt;</pre>
 
-<p>{{EmbedLiveSample('topExample', '100%', 150)}}</p>
-</div>
+<p>{{EmbedLiveSample('exemple', '100%', 150)}}</p>
 
 <h2 id="Notes_d'utilisation">Notes d'utilisation</h2>
 
@@ -58,7 +58,9 @@ translation_of: Web/SVG/Attribute/fill-opacity
  </tbody>
 </table>
 
-<p class="note"><strong>Note:</strong> SVG2 introduit les valeurs en pourcentage pour <code>fill-opacity</code>. Cependant,  ce n'est pas souvent pris en charge pour le moment (<em>Voir {{anch('Compatibilité des navigateurs')}} ci-dessous</em>). Il est par conséquent recommandé d'utiiser les valeurs de l'intervalle <code>[0-1]</code>.</p>
+<div class="note">
+  <p><strong>Note :</strong> SVG2 introduit les valeurs en pourcentage pour <code>fill-opacity</code>. Cependant,  ce n'est pas souvent pris en charge pour le moment (<em>Voir {{anch('Compatibilité des navigateurs')}} ci-dessous</em>). Il est par conséquent recommandé d'utiliser les valeurs de l'intervalle <code>[0-1]</code>.</p>
+</div>
 
 <h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2>
 
-- 
cgit v1.2.3-54-g00ecf