Template:FlashEmbed: Difference between revisions
Template page
More actions
No edit summary Tag: Reverted |
No edit summary Tag: Reverted |
||
| Line 2: | Line 2: | ||
<templatestyles src="Template:FlashEmbed/styles.css" /> | <templatestyles src="Template:FlashEmbed/styles.css" /> | ||
<!-- Splash Screen with Title + | <!-- Splash Screen with Title + Image + Loading Text + Play Button --> | ||
<htmltag tagname="div" | <htmltag tagname="div" | ||
class="custom-splash" | class="custom-splash fade-in" | ||
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;"> | 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; opacity:0; animation:fadeIn 1.5s forwards;"> | ||
<!-- Title Text --> | <!-- Title Text --> | ||
| Line 14: | Line 14: | ||
</htmltag> | </htmltag> | ||
<!-- | <!-- Custom Splash Image --> | ||
<htmltag tagname="img" | <htmltag tagname="img" | ||
src="https://www.gamebrew.org/images/5/52/Gb-logo-v3.png" | src="{{{image|https://www.gamebrew.org/images/5/52/Gb-logo-v3.png}}}" | ||
alt="Loading..." | alt="Loading..." | ||
style="max-width:80%; max-height:60%;" /> | style="max-width:80%; max-height:60%;" /> | ||
<!-- Loading Text --> | |||
<htmltag tagname="div" | |||
class="loading-text" | |||
style="color:white; font-size:16px; margin-top:5px;"> | |||
Loading... | |||
</htmltag> | |||
<!-- Play Now Button --> | <!-- Play Now Button --> | ||
<htmltag tagname="button" | <htmltag tagname="button" | ||
class="play-button" | class="play-button" | ||
style="padding:10px 20px; font-size:18px; background-color:#36c; color:#fff; border:none; border-radius:8px; cursor:pointer;"> | style="padding:10px 20px; font-size:18px; background-color:#36c; color:#fff; border:none; border-radius:8px; cursor:pointer; transition:transform 0.3s, background-color 0.3s;"> | ||
Play Now | Play Now | ||
</htmltag> | </htmltag> | ||