Overview

This template consists of six colors, eight images, and a gif. You can change it on the #vegas ID.

• mcolors1: First rectangle color (left to right).
• mcolors2: Second rectangle color (left to right).
• mcolors3: Third rectangle color (left to right).
• mcolors4: Fourth rectangle color (left to right).
• mcolors5: Last rectangle color (left to right).
• mcolorsImg: Color of the images (same as the second rectangle color in RGB and opacity).
• img1 -> mimg3: Images URL from the first collum top-bottom.
• img4, mimg5: Images URL from the second collum top-bottom.
• img6 -> mimg8: Images URL from the last collum top-bottom. gif: Gif URL.

If you use more than once on the same page change the id #vegas in style and the first div of the HTML.

Preview

Preview mode not available on mobile

Code

<link rel="stylesheet" type="text/css"
    href="https://dl.dropbox.com/scl/fi/g3ubnum9lpqiqajefl7xr/vegas.css?rlkey=u84mya2n50tcqht1dozu42ozb&st=81dv2d40&dl=0" />

<style>
    #vegas {
        --mcolors1: #f0bdd1;
        --mcolors2: #900c3f;
        --mcolors3: #6b062d;
        --mcolors4: #630026;
        --mcolors5: #3d041a;
        --mcolorsImg: rgb(144, 12, 63, 0.5);

        --img1: url(https://i.pinimg.com/564x/70/be/05/70be05a539aa54e32d0f5818567d3c59.jpg);
        --img2: url(https://i.imgur.com/nHgN2Bi.jpg);
        --img3: url(https://i.pinimg.com/564x/25/43/1d/25431d42ff8956bb87f35a9ea19d2eed.jpg);

        --img4: url(https://i.pinimg.com/236x/c3/92/c4/c392c4ddfba6cbb1213800f7efcaf885.jpg);
        --img5: url(https://i.pinimg.com/564x/85/b4/5a/85b45aec98238ecc7b8404b7ba17751a.jpg);

        --img6: url(https://i.imgur.com/PhP786f.jpg);
        --img7: url(https://i.pinimg.com/564x/4f/83/0e/4f830e2565eff161d015208513864729.jpg);
        --img8: url(https://i.pinimg.com/564x/96/1e/85/961e85e5dfcdd7c3b7f4bccb37a949f9.jpg);

        --gif: url(https://i.imgur.com/H2RzX4j.gif);
    }
</style>

<div id="vegas">
    <div class="mbackground">
        <div class="colorsVegas">
            <div class="mcolors"></div>
            <div class="mcolors" style="background-color: var(--mcolors2)"></div>
            <div class="mcolors" style="background-color: var(--mcolors3)"></div>
            <div class="mcolors" style="background-color: var(--mcolors4)"></div>
            <div class="mcolors" style="background-color: var(--mcolors5)"></div>
            <div class="mimagel"></div>
        </div>

        <div class="imagesVegas">
            <div>
                <div class="mimagele"></div>
                <div class="mimagele mimagele1"></div>
            </div>
            <div class="mimagel mimagel1"></div>
            <div class="mimageb"></div>
            <div class="mimageb mimageb1"></div>
        </div>

        <div class="imagesVegas2">
            <div class="line"></div>
            <div>
                <div class="mimager"></div>
                <div class="mimager mimager1"></div>
            </div>
        </div>

        <div class="mgif"></div>

        <a href="https://www.mytinyiglu.com/forum/Ice%20Bear" title="template by: Ice Bear">
            <div class="credito-vegas"></div>
        </a>
    </div>
</div>

Similar Templates

Vegas

Moodboard

Overview

Preview

Code