Crafted By: R.Y.U

Shaded Box Example

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

TRIPEAKS🐍

🤗 PLEASE BE SWEET & JOIN ALL 9 TOURS 🤗

❤️ So glad you could stop by and join me today. ❤️

❤️ Thank you for being an awesome supporter to our league. ❤️

🔥 Very Good Luck & Have Fun! 🔥

🔔 PLEASE REMEMBER 🔔

If you are in tours and find that you need to leave, it is YOUR responsibility to remove yourself from any tours you cannot play in. Thank You!

Your Hostess
☮️ KIMMY ☮️

🥂 GAME RULES 🥂

2⃣ ROUND SWISS TOUR

⏰ TIMER FOR EACH RND IS 2 MINS ONLY ⏰

😢 NO REPORT = LOSS 🚫 SVS 😢

🤫 PLEASE KEEP CHAT TO A MINIMUM WHEN POSTING 🤫

IF PLAYERS NOT POSTING MAY RESULT IN A LOSS.

IF A TIE PLAYERS YOU WILL PLAY AGAIN

PLEASE BE AWARE THAT IT IS UP TO THE HOST TO MAKE THE CORRECTIONS IN SCORES NOT THE PLAYERS.

THIS WILL ELIMINATE MISTAKES AND CONFUSION.

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 the 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.

Top Image URL

Custom Html Code Here

<html>
   <head>
<style>
  body {
    background-image: url('https://i.imgur.com/zr9gfmY.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: lightgreen; /* Lighter red background */
            border: 2px solid darkgreen; /* 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: lightgreen; /* Keep the background color as #FF6666 on hover */
        }

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

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

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

.shaded-box a:hover {
            color: darkgreen; /* 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">
    <style>
        .custom-container {
            background-color: #d3f9d8; /* Lighter shade of green */
            border: 2px solid #a3d3a3; /* Slightly darker green border */
            border-radius: 10px;
            padding: 20px;
            font-family: Arial, sans-serif;
            color: #333;
            text-align: center;
            max-width: 700px; /* Decreased width */
            margin: auto;
            box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
            font-weight: bold; /* Make all text bold */
        }
        .custom-container .custom-heading {
            font-size: 2em;
            color: #1a7c1a; /* Darker green for headings */
            margin-bottom: 20px;
        }
        .custom-container .custom-emoji {
            font-size: 1.5em;
        }
        .custom-container .custom-highlight {
            color: #c0392b; /* Red for highlights */
            margin: 10px 0;
        }
        .custom-container .custom-important {
            color: #e67e22; /* Orange for important text */
            margin: 10px 0;
        }
        .custom-container .custom-note {
            color: #2980b9; /* Blue for notes */
            margin: 10px 0;
        }
        .custom-container .custom-rule {
            color: #8e44ad; /* Purple for rules */
            margin: 10px 0;
        }
    </style>
</head>
<body>
    <div class="custom-container">
      <div class="custom-heading">TRIPEAKS🐍</div>
<div class="custom-emoji">🤗 PLEASE BE SWEET & JOIN ALL 9 TOURS 🤗</div>
<div class="custom-highlight">❤️ So glad you could stop by and join me today. ❤️</div>
<div class="custom-highlight">❤️ Thank you for being an awesome supporter to our league. ❤️</div>
<div class="custom-highlight">🔥 Very Good Luck & Have Fun! 🔥</div>
<div class="custom-important">🔔 PLEASE REMEMBER 🔔</div>
If you are in tours and find that you need to leave, it is YOUR responsibility to remove yourself from any tours you cannot play in. Thank You! 
<br><br>
Your Hostess <br> ☮️ KIMMY ☮️
<div class="custom-heading">🥂 GAME RULES 🥂</div>
<div class="custom-rule">2⃣ ROUND SWISS TOUR</div>
<div class="custom-rule">⏰ TIMER FOR EACH RND IS 2 MINS ONLY ⏰</div>
<div class="custom-rule">😢 NO REPORT = LOSS 🚫 SVS 😢</div>
<div class="custom-rule">🤫 PLEASE KEEP CHAT TO A MINIMUM WHEN POSTING 🤫</div>
IF PLAYERS NOT POSTING MAY RESULT IN A LOSS.
<br><br>
IF A TIE PLAYERS YOU WILL PLAY AGAIN
<br><br>
PLEASE BE AWARE THAT IT IS UP TO THE HOST TO MAKE THE CORRECTIONS IN SCORES NOT THE PLAYERS.
<br><br>
THIS WILL ELIMINATE MISTAKES AND CONFUSION.
<div class="custom-note">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 the actual number of rounds and round times.</div>
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.
</div>

</body>
</html>

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

Copy & Paste The Following Into *Background Image