Crafted By: R.Y.U

Shaded Box Example

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

2 RND SWISS POOL TOUR

~ ~ 2 RND SWISS POOL TOUR ~ ~

🌈‍ GAME RULES 🌈‍

2️⃣ ROUND 8 ON BREAK TOUR

...:::**•°✿ TO SET TABLE ONE PLAYER WILL NEED TO CLICK ON TAP TO STAR...:::**•°✿

❤‍ CLICK ON PRIVATE ❤‍

⚡‍ SET THE ROOM WITH PASSWORD TWO LETTERS AND LET YOUR OPPONENT KNOW THE PASSWORD ⚡‍

🌞‍ THEN OPPONENT CAN CLICK ON PRIVATE AND PROVIDE THE PASSWORD AND THEY WILL BE ABLE TO SELECT THE GAME ROOM & ENTER. 🌞‍

🌹‍ BOTH NEED TO HIT PLAY TO SEE EACH OTHER IN ROOM 🌹‍

🎱‍ POOL RULES 🎱‍

🏵️‍ REGULAR POOL 🏵️‍

🌷‍ TIMED GAME 3 MIN RNDS 🌷‍

😲‍ HIGH SCORE WINS 😲‍

⚡‍ Matchups ⚡‍

1️⃣ vs 1️⃣: Yes

⚡‍ PLEASE NOTE ⚡‍

All times and number of rounds are subject to change based on entries received. Please be sure you check with the T.D. at the start of the tournament to remain updated on actual number of rounds and round times.

📣‍ 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 Own ❤‍

~ ~ 2 RND SWISS POOL TOUR ~ ~

🌈‍ GAME RULES 🌈‍

2️⃣ ROUND 1 ON BREAK

...:::**•°✿ TO SET TABLE ONE PLAYER WILL NEED TO CLICK ON TAP TO STAR...:::**•°✿

❤‍ CLICK ON PRIVATE ❤‍

⚡‍ SET THE ROOM WITH PASSWORD TWO LETTERS AND LET YOUR OPPONENT KNOW THE PASSWORD ⚡‍

🌞‍ THEN OPPONENT CAN CLICK ON PRIVATE AND PROVIDE THE PASSWORD AND THEY WILL BE ABLE TO SELECT THE GAME ROOM & ENTER. 🌞‍

🌹‍ BOTH NEED TO HIT PLAY TO SEE EACH OTHER IN ROOM 🌹‍

🎱‍ POOL RULES 🎱‍

🏵️‍ REGULAR POOL 🏵️‍

🌷‍ TIMED GAME 3 MIN RNDS 🌷‍

😲‍ HIGH SCORE WINS 😲‍

⚡‍ Matchups ⚡‍

1️⃣ vs 1️⃣ : Yes

⚡‍ PLEASE NOTE ⚡‍

📣‍ 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 Own ❤‍

Top Image URL

Custom Html Code Here

<html>
   <head>
<style>
  body {
    background-image: url('https://i.imgur.com/IAK6uDL.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>

</center>

<!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: #CE93D8; /* Lighter red background */
            border: 2px solid #6A1B9A; /* 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: #CE93D8; /* Keep the background color as #FF6666 on hover */
        }

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

.profile-box a:hover {
            color: #6A1B9A; /* 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: #CE93D8; /* Lighter red background */
            border: 2px solid #6A1B9A; /* 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: #6A1B9A; /* Change text color to white */
        }

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

.shaded-box a:hover {
            color: #6A1B9A; /* 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>2 RND SWISS POOL TOUR</title>
    <style>
        .tour-container {
            background-color: none;
            font-family: 'Arial', sans-serif;
            color: #4b0082;
            margin: 0;
            padding: 20px;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .tour-container .container {
            background-color: #f8f0ff;
            border-radius: 15px;
            box-shadow: 0 4px 8px rgba(75, 0, 130, 0.2);
            padding: 20px;
            max-width: 700px;
            width: 100%;
            text-align: center;
            border: 2px solid #9370db;
        }
        .tour-container h1, .tour-container h2 {
            color: #4b0082;
            margin: 0 0 10px;
        }
        .tour-container h1 {
            font-size: 2em;
            color: #9932cc;
        }
        .tour-container h2 {
            font-size: 1.5em;
            color: #8a2be2;
        }
        .tour-container p {
            line-height: 1.6;
            font-size: 1em;
            margin: 10px 0;
            color: #4b0082;
        }
        .tour-container .highlight {
            background-color: #dda0dd;
            padding: 5px 10px;
            border-radius: 5px;
            color: #4b0082;
        }
        .tour-container .section {
            margin: 20px 0;
            padding: 20px;
            border: 1px solid #dda0dd;
            border-radius: 10px;
            background-color: #faf0ff;
        }
        .tour-container .emoji {
            font-size: 1.2em;
        }
        .tour-container .important {
            color: #8b0000;
            font-weight: bold;
        }
    </style>
</head>
<body>
    <div class="tour-container">
        <div class="container">
            <h1>~ ~ 2 RND SWISS POOL TOUR ~ ~</h1>

<div class="section">
    <h2>🌈‍ GAME RULES 🌈‍</h2>
    <p>2️⃣ ROUND 8 ON BREAK TOUR</p>
    <p class="highlight">...:::**•°✿ TO SET TABLE ONE PLAYER WILL NEED TO CLICK ON TAP TO STAR...:::**•°✿</p>
    <p>❤‍ CLICK ON PRIVATE ❤‍</p>
    <p>⚡‍ SET THE ROOM WITH PASSWORD TWO LETTERS AND LET YOUR OPPONENT KNOW THE PASSWORD ⚡‍</p>
    <p>🌞‍ THEN OPPONENT CAN CLICK ON PRIVATE AND PROVIDE THE PASSWORD AND THEY WILL BE ABLE TO SELECT THE GAME ROOM & ENTER. 🌞‍</p>
    <p>🌹‍ BOTH NEED TO HIT PLAY TO SEE EACH OTHER IN ROOM 🌹‍</p>
</div>

<div class="section">
    <h2>🎱‍ POOL RULES 🎱‍</h2>
    <p>🏵️‍ REGULAR POOL 🏵️‍</p>
    <p>🌷‍ TIMED GAME 3 MIN RNDS 🌷‍</p>
    <p>😲‍ HIGH SCORE WINS 😲‍</p>
</div>

<div class="section">
    <h2>⚡‍ Matchups ⚡‍</h2>
    <p>1️⃣ vs 1️⃣: Yes</p>
</div>

<div class="section">
    <h2>⚡‍ PLEASE NOTE ⚡‍</h2>
    <p class="important">All times and number of rounds are subject to change based on entries received. Please be sure you check with the T.D. at the start of the tournament to remain updated on actual number of rounds and round times.</p>
</div>

<div class="section">
    <h2>📣‍ Match Disputes 📣‍</h2>
    <p>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>
    <p>❤‍ Good Luck, Have Fun & Thank you for supporting My League & A League Of Own ❤‍</p>
</div>

<h1>~ ~ 2 RND SWISS POOL TOUR ~ ~</h1>

<div class="section">
    <h2>🌈‍ GAME RULES 🌈‍</h2>
    <p>2️⃣ ROUND 1 ON BREAK</p>
    <p class="highlight">...:::**•°✿ TO SET TABLE ONE PLAYER WILL NEED TO CLICK ON TAP TO STAR...:::**•°✿</p>
    <p>❤‍ CLICK ON PRIVATE ❤‍</p>
    <p>⚡‍ SET THE ROOM WITH PASSWORD TWO LETTERS AND LET YOUR OPPONENT KNOW THE PASSWORD ⚡‍</p>
    <p>🌞‍ THEN OPPONENT CAN CLICK ON PRIVATE AND PROVIDE THE PASSWORD AND THEY WILL BE ABLE TO SELECT THE GAME ROOM & ENTER. 🌞‍</p>
    <p>🌹‍ BOTH NEED TO HIT PLAY TO SEE EACH OTHER IN ROOM 🌹‍</p>
</div>

<div class="section">
    <h2>⚡‍ Matchups ⚡‍</h2>
    <p>1️⃣ vs 1️⃣ : Yes</p>
</div>

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

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

Copy & Paste The Following Into *Background Image