No edit summary |
No edit summary  |
||
| (3 intermediate revisions by the same user not shown) | |||
| Line 8: | Line 8: | ||
For information on how to use this widget, see [https://www.mediawikiwidgets.org/Discord widget description page on MediaWikiWidgets.org]. | For information on how to use this widget, see [https://www.mediawikiwidgets.org/Discord widget description page on MediaWikiWidgets.org]. | ||
 | <style> | ||
.parent-container { | .parent-container { | ||
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:" | <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.