Templat:Suara: Perbedaan antara revisi

Baris 1:

<includeonly><div ~~class~~="mw-~~suara~~-~~container {{{posisi|kanan}}}">~~

~~<div class="mw-suara-icon">~~

{{#if:{{{judul|}}}|'''{{{judul}}}'''<br>}}{{#if:{{{ket|}}}|<span style="font-size: 90%; color: #54595d;">{{{ket}}}</span><br>}}[[File:{{{1}}}|frameless]]

~~~~

</div></includeonly><noinclude>

~~<svg~~ width~~="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http~~:~~//www.w3.org/2000/svg">~~

~~<path d="M2 10V14H6L11 19V5L6 10H2Z" fill="#36c" />~~

</noinclude>

~~<path d="M15.54 8.46C16.48 9.4 17 10.66 17 12C17 13.34 16.48 14.6 15.54 15.54L16.95 16.95C18.23 15.67 18.95 13.89 18.95 12C18.95 10.11 18.23 8.33 16.95 7.05L15.54 8.46Z" fill="#36c" />~~

~~<path d="M19.07 4.93L17.66 6.34C19.46 8.14 20.45 10.55 20.45 12C20.45 13.45 19.46 15.86 17.66 17.66L19.07 19.07C21.2 16.94 22.35 14.47 22.35 12C22.35 9.53 21.2 7.06 19.07 4.93Z" fill="#36c" />~~

~~</svg>~~

~~</div>~~

~~<div class="mw~~-~~suara~~-~~content~~">

{{#if:{{{judul|{{{~~title|~~}}}}}~~}|<strong>~~{{{~~judul|~~{{~~{title~~|}}}~~}}}</strong><br>}}~~

<span ~~class~~="mw-~~suara-desc~~">{{{ket~~|{{{caption|Suara / Audio}}}~~}}}</span>

<~~div class="mw-suara-player"~~>

[[File:{{{1}}}|frameless~~|noicon~~]]

~~</div>~~

</div></includeonly>

<noinclude>{{Documentation}}</noinclude>

@@ Baris 1: / Baris 1: @@
-<includeonly><div class="mw-suara-container {{{posisi|kanan}}}">
+<includeonly><div style="border: 1px solid #c8ccd1; background: #fdfdfd; padding: 8px 12px; margin: 10px 0; border-radius: 4px; display: inline-block; width: 100%; box-sizing: border-box;">
-    <div class="mw-suara-icon">
+{{#if:{{{judul|}}}|'''{{{judul}}}'''<br>}}{{#if:{{{ket|}}}|<span style="font-size: 90%; color: #54595d;">{{{ket}}}</span><br>}}[[File:{{{1}}}|frameless]]
-        <!-- Ikon Gelombang Suara / Speaker SVG Modern -->
+</div></includeonly><noinclude>
-        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+{{Documentation}}
-            <path d="M2 10V14H6L11 19V5L6 10H2Z" fill="#36c" />
+</noinclude>
-            <path d="M15.54 8.46C16.48 9.4 17 10.66 17 12C17 13.34 16.48 14.6 15.54 15.54L16.95 16.95C18.23 15.67 18.95 13.89 18.95 12C18.95 10.11 18.23 8.33 16.95 7.05L15.54 8.46Z" fill="#36c" />
-            <path d="M19.07 4.93L17.66 6.34C19.46 8.14 20.45 10.55 20.45 12C20.45 13.45 19.46 15.86 17.66 17.66L19.07 19.07C21.2 16.94 22.35 14.47 22.35 12C22.35 9.53 21.2 7.06 19.07 4.93Z" fill="#36c" />
-        </svg>
-    </div>
-    <div class="mw-suara-content">
-        {{#if:{{{judul|{{{title|}}}}}}|<strong>{{{judul|{{{title|}}}}}}</strong><br>}}
-        <span class="mw-suara-desc">{{{ket|{{{caption|Suara / Audio}}}}}}</span>
-        <div class="mw-suara-player">
-            [[File:{{{1}}}|frameless|noicon]]
-        </div>
-    </div>
-</div></includeonly>
-<noinclude>{{Documentation}}</noinclude>

Admin (bicara | kontrib)