Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

Template:FlashEmbed: Difference between revisions

Template page
No edit summary
Tags: Manual revert Reverted
No edit summary
 
(16 intermediate revisions by the same user not shown)
Line 2: Line 2:
<templatestyles src="Template:FlashEmbed/styles.css" />
<templatestyles src="Template:FlashEmbed/styles.css" />


<!-- Splash Screen with Title + Logo + Button -->
<htmltag tagname="script"  
<htmltag tagname="div"
     src="/index.php?title=MediaWiki:RuffleLoader.js&amp;action=raw&amp;ctype=text/javascript">
    class="custom-splash"
    style="position:relative; width:{{{width|640}}}px; height:{{{height|480}}}px; background:#000; margin-left:auto; margin-right:auto; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; text-align:center;">
 
  <!-- Title Text -->
  <htmltag tagname="div"
    class="splash-title"
    style="color:white; font-size:24px; font-weight:bold; margin-bottom:10px;">
    {{{title|My Flash Game}}}
  </htmltag>
 
  <!-- Logo Image -->
  <htmltag tagname="img"  
     src="https://www.gamebrew.org/images/5/52/Gb-logo-v3.png"
    alt="Loading..."
    style="max-width:80%; max-height:60%;" />
 
  <!-- Play Now Button -->
  <htmltag tagname="button"
    class="play-button"
    style="padding:10px 20px; font-size:18px; background-color:#36c; color:#fff; border:none; border-radius:8px; cursor:pointer;">
    Play Now
  </htmltag>
 
</htmltag>
</htmltag>


<!-- Ruffle Player (Hidden initially) -->
<htmltag tagname="object"  
<htmltag tagname="div"
    class="ruffle-player"
    data-swf-url="{{{url}}}"
    data-splash-screen="{{{preloader|true}}}"
    style="width:{{{width|640}}}px; height:{{{height|480}}}px; margin-left:auto; margin-right:auto; display:none;">
 
  <htmltag tagname="object"  
     type="application/x-shockwave-flash"  
     type="application/x-shockwave-flash"  
     data="{{{url}}}"  
     data="{{{url}}}"  
     width="100%"  
     width="{{{width|600}}}"  
     height="100%"  
     height="{{{height|400}}}"  
     style="display:block; margin:0 auto;">
     style="display:block; margin-left:auto; margin-right:auto;">
    <htmltag tagname="param" name="movie" value="{{{url}}}" selfclose="true" />
  <htmltag tagname="param" name="movie" value="{{{url}}}" selfclose="true" />
    <htmltag tagname="param" name="allowScriptAccess" value="never" selfclose="true" />
  <htmltag tagname="param" name="allowScriptAccess" value="never" selfclose="true" />
  </htmltag>
</htmltag>


</htmltag>
</includeonly>
</includeonly>
<noinclude>
Usage:
<pre>{{FlashEmbed|url=https://example.com/yourgame.swf|width=640|height=480}}</pre>
edit JS - https://www.gamebrew.org/wiki/MediaWiki:RuffleLoader.js
edit css - https://www.gamebrew.org/wiki/Template:FlashEmbed/styles.css
</noinclude>

Latest revision as of 15:14, 18 May 2025


Usage:

{{FlashEmbed|url=https://example.com/yourgame.swf|width=640|height=480}}

edit JS - https://www.gamebrew.org/wiki/MediaWiki:RuffleLoader.js edit css - https://www.gamebrew.org/wiki/Template:FlashEmbed/styles.css

Advertising: