Crafted By: R.Y.U

Crafted by: R.Y.U

Shaded Box Example

Note: Want your desired tour page? Fill up the form! 📝 Riot

Game Rules

☢ ~ING~ ☢

🍻 GAME RULES 🍻

2️⃣ ROUND SWISS TOUR

🍑 SPIN BINGO RULES 🍑

✔ PLEASE WE ASK ALL PLAYERS TO HOLD CHAT 💬 AND GOOD LUCKS UNTIL "HOST" GIVES PAIRS AND SAYS GL ALL
✔ ALL PLAYERS PLEASE POST SCORES ALONG WITH WINNER/NON WINNERS
✔ SCORES MUST BE POSTED BEFORE SERVER POST, IF A PLAYER DOES NOT POST SCORE IT WILL BE AN AUTO LOSS
✔ IF THERE IS A TIE, PLAYERS THAT TIED WILL REPORT AFTER 1st THREE SPINS & CONTINUE PLAYING.

Use The 'Spin' Button To Generate Numbers That You Can Mark On Your Cards.

Get Bonus Points When Completing The Round's Spin Bingo Pattern On Your Cards.

Game Aids: Game Aids cost 50 Strawberries 🍓 for 30 minutes. You must reactivate them every 30 minutes. You can get more Strawberries 🍓 by watching ads (1 every hour for Strawberries 🍓).

Yellow dashed square: Numbers inside the game pattern

🟨️ Solid yellow square: 1TG Number(s) needed for pattern

White swirl: Numbers you can grab Highlighted

Orange Gems: Game pattern has been formed

There are 6 🃏 The Mega Joker 🃏 (can be placed anywhere on any card) and a Column Joker 🃏 for each letter (must be placed in that letter column but on any card).

💲 Jackpot 💲: Your final score must be 3300 or higher, You rank ✨ 1st place ✨ and there must be at least 3 participating players to win.

Match Disputes 🔥: If any kind of disagreement or dispute occurs between the teams playing in a tournament match, it must be settled by the Tournament Director.

Good Luck, Have Fun & Thank you for supporting My League & A League Of Their Own

Top Image URL

Custom Html Code Here

<html>
   <head>
<style>
  body {
    background-image: url('https://i.imgur.com/EWx2WTy.jpeg');
    background: flex;
  }
    /* Apply transition to smooth the animation */
    a {
        display: inline-block; /* Necessary for animation to work */
        text-decoration: none;
        font-size: 14pt;
        color: gold; /* Set default color to gold */
        position: relative; /* Set position to relative */
    }

/* Fade-in effect */
    a::before {
        content: ''; /* No content for the before pseudo-element */
        position: absolute; /* Position the pseudo-element */
        left: 0; /* Align to left */
        bottom: 0; /* Align to bottom */
        width: 100%; /* Full width */
        height: 2px; /* Underline height */
        background-color: gold; /* Underline color */
        transition: height 0.3s ease; /* Add transition */
        z-index: -1; /* Ensure underline is behind text */
    }

/* Show underline animation on hover */
    a:hover::before {
        height: 100%; /* Expand height to full */
    }

/* Other link styles */
    a:visited {
        /* Style for visited links */
    }
    
    a:active {
        /* Style for active links */
    }
</style>

<style>
-----------------------------------------------------------
Created By Ryu Tanaka
Misfits Official Tours Pages
Want tour pages like this?
Email: michelljohnson2023@gmail.com
I'll be exictingly making tours page for you ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â°ÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â¸ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¾Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡.
-----------------------------------------------------------
</style>
      <audio autoplay loop>
    <source src="https://dl.dropboxusercontent.com/scl/fi/yce75ajit3r5n8x7bkyap/CJ-WHOOPTY-ERS-Remix-Baby-Driver.mp3?rlkey=0dbwlkhr5tefwq0ziafrxxx69&st=13t32cym&dl=0" volume="50.1">
        <script>
        var audio = document.currentScript.parentElement;
        audio.volume = 50.1;
        </script>
</audio>
   </head>

<TR><TD><center>
<TABLE BORDER="0" BACKGROUND="https://i.imgur.com/cC53mZe.gif" cellpadding="1" width="800"> 
</tr></td>
<TR><TD><center>
<TABLE BORDER="0" BACKGROUND="https://i.imgur.com/GLewEtn.jpeg" cellpadding="10" width="800"> 
</tr></td>
<TR><TD><center>
<TABLE BORDER="0" BACKGROUND="https://i.imgur.com/cC53mZe.gif" cellpadding="1" width="800"> 
</tr></td>
<TR><TD><center>
<TABLE BORDER="0" BACKGROUND="https://i.imgur.com/EWx2WTy.jpeg" cellpadding="23" width="800"> 
</tr></td>
<TR><TD><center>
<TABLE BORDER="0" BACKGROUND="https://i.imgur.com/cC53mZe.gif" cellpadding="1" width="800"> 
</tr></td>
<TR><TD><center>
<TABLE BORDER="0" BACKGROUND="https://i.imgur.com/GLewEtn.jpeg" cellpadding="10" width="800"> 
</tr></td>
<TR><TD><center>
<TABLE BORDER="0" BACKGROUND="https://i.imgur.com/cC53mZe.gif" cellpadding="1" width="800"> 
</tr></td>
<TR><TD><center>
<TABLE BORDER="0" BACKGROUND="https://i.imgur.com/s47lWyj.jpeg" cellpadding="0" width="800"> 
</tr></td>
</center>

</center>

<tr><td>
<center><br><br>
<img src="https://i.imgur.com/623QKib.jpeg" style="border: 4px dashed purple; padding: 4px; height: 700px; width: 700px;">

<!DOCTYPE html> 
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Crafted By: R.Y.U</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            background-color: #000000;
            margin: 0;
            padding: 0;
        }

.container {
            width: 60%;
            margin: 50px auto;
            text-align: center;
        }

.profile-box {
            display: inline-block;
            padding: 6px 12px;
            background-color: #BFC4E0; /* Lighter red background */
            border: 2px solid #00897B; /* Dark red border */
            border-radius: 5px;
            transition: background-color 0.3s ease;
            font-size: 14px;
            color: white; /* Change text color to white */
            width: auto;
            height: auto;
        }

.profile-box:hover {
            background-color: #BFC4E0; /* Keep the background color as #FF6666 on hover */
        }

.profile-box a {
            text-decoration: none;
            color: #00897B; /* Change text color to white */
            font-weight: bold;
            transition: color 0.3s ease; /* Add transition effect */
        }

.profile-box a:hover {
            color: #00897B; /* Change text color to dark red on hover */
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="profile-box"> <a href="https://www.myleague.com/leagueofown/profile/Riot"> Crafted by: R.Y.U </a> </div>
    </div>
</body>
</html>

<!DOCTYPE html>
<html>
   <head>
      <title>Shaded Box Example</title>
      <style>
        .shaded-box {
            background-color: #BFC4E0; /* Lighter red background */
            border: 2px solid #00897B; /* Dark red border */
            border-radius: 5px; /* Rounded corners */
            padding: 10px; /* Adjusted padding */
            width: 350px; /* Adjusted width */
            height: 7px; /* Decreased height */
            /* Center the content vertically */
            display: flex;
            justify-content: center;
            align-items: center;
        }

.shaded-box p {
            font-size: 12px; /* Decreased font size */
            color: #00897B; /* Change text color to white */
        }

.shaded-box a {
            text-decoration: none;
            color: #00897B; /* Change text color to white */
            transition: color 0.3s ease; /* Add transition effect */
        }

.shaded-box a:hover {
            color: #00897B; /* Change text color to dark red on hover */
        }

/* Apply effects only to the "Riot" text */
        .shaded-box a span {
            transition: transform 0.3s ease; /* Add transition effect */
        }

.shaded-box a:hover span {
            transform: scale(1.1); /* Scale up on hover */
        }
      </style>
   </head>
   <body>
      <div class="shaded-box">
         <p>Note: Want your desired tour page? Fill up the form! 📝 <a href="https://form.jotform.com/241611913450448"><span>Riot</span></a></p>
      </div>
     <br />
 <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Game Rules</title>
    <style>
        body {
            font-family: 'Arial', sans-serif;
            color: #333;
            margin: 0;
            padding: 20px;
            min-height: 100vh;
          
        }
        .tournament {
    max-width: 670px; /* Decreased max-width */
    margin: 0 auto;
    padding: 20px; /* Decreased padding */
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s;
}

.tournament:hover {
            transform: scale(1.02);
        }
        .tournament h1, .tournament h2 {
            text-align: center;
            color: #2c3e50;
            margin: 0;
        }
        .tournament h1 {
            font-size: 40px;
            margin-bottom: 10px;
            -webkit-background-clip: text;
            -webkit-text-fill-color: Black;
        }
        .tournament h2 {
            font-size: 30px;
            margin-bottom: 20px;
            color: #3498db;
        }
        .tournament .section-title {
            font-size: 24px;
            margin: 20px 0 10px;
            color: #e67e22;
            text-align: center;
            border-bottom: 2px solid #e67e22;
            padding-bottom: 5px;
        }
        .tournament ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        .tournament ul li {
            background-color: #f9f9f9;
            margin: 10px 0;
            padding: 15px;
            border-radius: 10px;
            display: flex;
            align-items: center;
            font-size: 18px;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
            transition: background 0.3s;
        }
        .tournament ul li:hover {
            background-color: #ffe5d9;
        }
        .tournament ul li:before {
            
            font-size: 20px;
            color: #27ae60;
            margin-right: 10px;
        }
        .tournament ul li:nth-child(odd) {
            background-color: #f0f0f0;
        }
        .tournament .highlight {
            color: #e74c3c;
            font-weight: bold;
        }
    </style>
</head>
<body>
    <div class="tournament">
       <h1>☢ ~ING~ ☢</h1>
<h2>🍻 GAME RULES 🍻</h2>
<div class="section-title">2️⃣ ROUND SWISS TOUR</div>
<div class="section-title">🍑 SPIN BINGO RULES 🍑</div>
<ul>
    <li><span style="color: green;">✔</span> PLEASE WE ASK ALL PLAYERS TO HOLD CHAT 💬 AND GOOD LUCKS UNTIL "HOST" GIVES PAIRS AND SAYS GL ALL</li>

<li><span style="color: green;">✔</span> ALL PLAYERS PLEASE POST SCORES ALONG WITH WINNER/NON WINNERS</li>
<li><span style="color: green;">✔</span>  SCORES MUST BE POSTED BEFORE SERVER POST, IF A PLAYER DOES NOT POST SCORE IT WILL BE AN AUTO LOSS</li>
<li><span style="color: green;">✔</span>  IF THERE IS A TIE, PLAYERS THAT TIED WILL REPORT AFTER 1st THREE SPINS & CONTINUE PLAYING.</li>

</ul>
<p>Use The 'Spin' Button To Generate Numbers That You Can Mark On Your Cards.</p>
<p>Get Bonus Points When Completing The Round's Spin Bingo Pattern On Your Cards.</p>
<p><span class="highlight">Game Aids:</span> Game Aids cost 50 Strawberries 🍓 for 30 minutes. You must reactivate them every 30 minutes. You can get more Strawberries 🍓 by watching ads (1 every hour for Strawberries 🍓).</p>
<p>Yellow dashed square: Numbers inside the game pattern</p>
<p>🟨️ Solid yellow square: 1TG Number(s) needed for pattern</p>
<p>White swirl: Numbers you can grab Highlighted</p>
<p>Orange Gems: Game pattern has been formed</p>
<p>There are 6 🃏 The Mega Joker 🃏 (can be placed anywhere on any card) and a Column Joker 🃏 for each letter (must be placed in that letter column but on any card).</p>
<p><span class="highlight">💲 Jackpot 💲:</span> Your final score must be 3300 or higher, You rank ✨ 1st place ✨ and there must be at least 3 participating players to win.</p>
<p><span class="highlight">Match Disputes 🔥:</span> If any kind of disagreement or dispute occurs between the teams playing in a tournament match, it must be settled by the Tournament Director.</p>
      Good Luck, Have Fun & Thank you for supporting My League & A League Of Their Own  
</center>

</div>
</body>
</html>

</body>
  </html>
<br /><br />

Copy & Paste The Following Into *Background Image