Widget:Discord: Difference between revisions

From Madness Combat Wiki
No edit summary
No edit summary
 
(2 intermediate revisions by the same user not shown)
Line 12: Line 12:
display: flex;
display: flex;
width: 100%;
width: 100%;
height: calc(100vh - 120px);
height: calc(100vh - 120px); }
}
.child-container {
.child-container {
flex: 1;
flex: 1;
Line 24: Line 23:
</noinclude><includeonly>  
</noinclude><includeonly>  


<iframe src="//discordapp.com/widget?id=<!--{$id|escape:'html'}-->&theme=<!--{$theme|default:"dark"|escape:urlpathinfo}-->" width="<!--{$width|default:"550"|escape:html}-->" height="<!--{$height|default:"500"|escape:html}-->" allowtransparency="true" style="border: none"></iframe></includeonly>
<iframe src="//discordapp.com/widget?id=<!--{$id|escape:'html'}-->&theme=<!--{$theme|default:"dark"|escape:urlpathinfo}-->" width="<!--{$width|default:"300"|escape:html}-->" height="<!--{$height|default:"500"|escape:html}-->" allowtransparency="true" frameborder="0" allowfullscreen class="child-container"></iframe></includeonly>
</div>
</div>

Latest revision as of 10:38, 26 September 2024


This widget allows you to embed a Discord widget (HTML version) on your wiki page.

Created by Technical 13

Using this widget

For information on how to use this widget, see widget description page on MediaWikiWidgets.org.

<style> .parent-container { display: flex; width: 100%; height: calc(100vh - 120px); } .child-container { flex: 1; margin: 10px; } </style>

== Copy to your site == To use this widget on your site, install MediaWiki Widgets extension and copy the full source code of this page to your wiki as page Widget:Discord.