Site logo
Avatar:

Lion Heart

quote, images
Avatar:

Thread Template

Overview

This template consists of one color and two images. You can change it on the #lionHeart ID.

  • primeColor: All the colors of the template.
  • imageTop: URL of the top image, splits in three.
  • imageBottom: URL of the bottom image, splits in three.

You can also change the font family of the post, the quote font, and the box shadow.

preview

Preview mode not available on mobile

Code

<link rel="stylesheet" type="text/css" href="https://dl.dropbox.com/scl/fi/olmrfjhd67iatkyzk3g99/lion-heart.css?rlkey=dck91xwdnuglynuo5c2zkuy0q&st=fgv7cukl&dl=0" />

<style>
    #lionHeart {
        --primeColor: #94444b;

        --mainFont: "Ubuntu", sans-serif;
        --phraseFont: "Redressed", cursive;

        --imageTop: url(https://static.independent.co.uk/2024/01/10/13/The%20Boys%20in%20the%20Boat.jpg);
        --imageBottom: url(https://static.independent.co.uk/2024/01/10/13/The%20Boys%20in%20the%20Boat.jpg);

        --shadown: -1px 2px 5px 0px rgba(0, 0, 0, 0.37);
    }
</style>

<div id="lionHeart" class="elementsBack">
    <div class="elementsUp">
        <div class="elementsImage"></div>
    </div>
    <div class="elementsPhrase">
        There's more to being a king <br />
        than getting your way all the time.
    </div>

    <div class="elementsPosts">
        POST HERE
        <div class="elementsTag">One-Shot</div>
        <a href="https://www.mytinyiglu.com/forum/Ice%20Bear" title="template by: Ice Bear">
            <div class="lionCred"></div>
        </a>
    </div>
    <div class="elementsBottom">
        <div class="elementsImage" style="background-image: var(--imageBottom)"></div>
    </div>
</div>

My tiny iglu by Ice Bear 2024 - 2025

version 1.2.0