Site logo
Avatar:

Hummingbird

quote, image
Avatar:

Thread Template

Overview

This template has four colors and one image you can change on the #hummingbird id. primeColor: Outline, tag, bold, and italic text color.

  • secondColor: Border and title color.
  • backColor: Back of the post color.
  • colorG1: The main color (primeColor) for the gradient background.
  • colorG2: The second color for the gradient background.
  • colorG3: The third color for the gradient background.
  • imgBack: URL for the image, use black images with white backgrounds for the best outcome.

You can also change the box shadow.

preview

Preview mode not available on mobile

Code

<link rel="stylesheet" type="text/css"
    href="https://dl.dropbox.com/scl/fi/3zl10tq2rtmilezferjs0/hummingbird.css?rlkey=pcw6tb0au14gnbh8ragdy0rz1&st=nej696kn&dl=0" />

<style>
    #hummingbird {
        --primeColor: #de7da2;
        --secondColor: white;

        --backColor: rgb(255, 255, 255, 0.8);

        --shadow: 0px 0px 8px -2px rgba(0, 0, 0, 0.35);

        --colorG1: #de7da2 35%;
        --colorG2: #a65e7a 67%;
        --colorG3: #8b4e65 100%;

        --imgBack: url(https://i.pinimg.com/originals/44/4a/17/444a171bec732a346066535a7f8979b9.jpg);
    }
</style>

<div id="hummingbird">
    <div class="sailorBack">
        <div class="sailorImg"></div>
        <div class="sailorTop">
            <div class="sailorBTitle">
                <div class="sailorTitle">
                    The distance could never tear us apart, there's nothing that I
                    wouldn't do I'll find my way back to you
                </div>
                <div class="sailorLine"></div>
            </div>
        </div>

        <div class="sailorPost">POST HERE</div>
        <a href="https://www.mytinyiglu.com/forum/Ice%20Bear" title="template by: Ice Bear">
            <div class="credHum"></div>
        </a>
    </div>
    <div class="sailorTag">Tag Here</div>
</div>

My tiny iglu by Ice Bear 2024 - 2025

version 1.2.0