Site logo
Avatar:

Tweet-Tweet

twitter
Avatar:

Social Media

Overview

This template intends to mimic a Twitter account. All you can change is in the #twitter id.

  • name: The name of the owner of the account.
  • header_img: URL image for the header.
  • profile_img: URL image for the profile picture.

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

preview

Preview mode not available on mobile

Code

<link href="https://dl.dropbox.com/scl/fi/205q35jvzd8qzl7ielkcb/tweet-tweet.css?rlkey=7l6wb0dmx5p5jg9k4g1hmud19&st=e2mj2rwy&dl=0"
    rel="stylesheet" />

<style>
    #twitter {
        --name: "Lorenzo Ferrari";
        --header_img: url(https://i.pinimg.com/originals/21/9f/6f/219f6f87f4c883f9c2bf91661eb5c90b.jpg);
        --profile_img: url(https://66.media.tumblr.com/bb7507c3fd2cb5ad0ec40a59ad7ae3be/b8c177c6573836b9-8a/s1280x1920/46b727524216da3776df593d1e8b32374922a934.png);
    }
</style>

<div id="twitter" class="twi_back">
    <div class="twi_upInfo">
        <span class="twi_arrowBack"> </span>
        <div>
            <span class="twi_name"> </span> <br />
            <span class="twi_numbers">31 Tweets </span>
        </div>
        <a href="https://www.mytinyiglu.com/forum/Ice%20Bear" title="template by: Ice Bear">
            <div class="credito_twi"></div>
        </a>
    </div>
    <div class="twi_header">
        <div class="twi_pImg"></div>
    </div>
    <div class="twi_bakInfo">
        <div class="twi_ops">
            <span class="twi_dots"> </span> <span class="twi_alert"> </span>
            <span class="twi_follow"> </span>
        </div>
        <span class="twi_name"> </span> <br />
        <span class="twi_numbers">@lorenzoferrari </span>
        <div class="twi_bio">Formula 1 Driver for Scuderia Ferrari</div>
        <div class="twi_infos">
            <span class="twi_place"> Milano, Italia</span>
            <span class="twi_born">Born February 23 </span>
            <span class="twi_join">Joined March 2008 </span>
        </div>
        <div class="twi_infos">
            <span style="margin-right: 15px"> <b>345 </b> Following</span>
            <span> <b>232 </b> Followers</span>
        </div>
        <div class="twi_wrapBut">
            <span class="twi_twees"> </span>
            <span class="twi_but"> Tweets & replies </span>
            <span class="twi_but"> Media </span>
            <span class="twi_but"> Likes </span>
        </div>
    </div>
    <div class="twi_tweets">
        <div class="twi_post">
            <div class="twi_proIp"></div>
            <div class="twi_twees_all">
                <div>
                    <span class="twi_name"></span>
                    <span class="twi_numbers">@lorenzoferrari · 1h</span><span></span>
                    <div class="twi_comen">
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
                        eiusmod tempor incididunt ut labore et dolore magna aliqua. @someone
                        #something
                        <p></p>
                        Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
                        nisi ut aliquip ex ea commodo consequat.

                        <div class="twees_ops">
                            <div class="twi_comesT">
                                <span class="twi_comesI"> </span> 28k
                            </div>
                            <div class="twi_retweetT">
                                <span class="twi_retweet"> </span> 666
                            </div>
                            <div class="twi_likedT">
                                <span class="twi_liked"> </span> 4.2k
                            </div>
                            <div class="twi_share"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

Add/remove verify tag

To add a new post copy, and paste the code below. Make sure to do it before a "twi_post" div or after with the last one properly closed (<*/div>). Also, it has to be inside the "twi_tweets" div.

<div class="twi_post">
    <div class="twi_proIp"></div>
    <div class="twi_twees_all">
        <div>
            <span class="twi_name"></span>
            <span class="twi_numbers">@lorenzoferrari · 1h</span><span></span>
            <div class="twi_comen">
                YOUR POST
                <div class="twees_ops">
                    <div class="twi_comesT"><span class="twi_comesI"> </span> 28k</div>
                    <div class="twi_retweetT"><span class="twi_retweet"> </span> 666</div>
                    <div class="twi_likedT"><span class="twi_liked"> </span> 4.2k</div>
                    <div class="twi_share"></div>
                </div>
            </div>
        </div>
    </div>
</div>

Add an image

<img src="URL"/>

Add a tag

<span class="tag_twi">#something</span>

My tiny iglu by Ice Bear 2024 - 2025

version 1.2.0