LiamxNicotine [WIP]'s profile picture

Published by

published
updated

Privacy: Link-only
Category: Web, HTML, Tech

Boredom

I’m bored so I made some codes I’m testing out!!! Most of these are for VioletKillz !!! I’m trying to teach this dork coding but Vee is so specific—it’s scary SO here you go Vivi (=ↀωↀ=) 


Beta Top Friends 

<div style="display: flex; justify-content: space-around; padding: 20px; background-color: #fff;">

    <div style="text-align: center;">

        <a href="https://spacehey.com/username1" target="_blank">

            <img src="https://example.com/image1.jpg" alt="Friend 1" style="border-radius: 50%; width: 100px; height: 100px;">

        </a>

        <p>Friend 1</p>

    </div>

    

    <div style="text-align: center;">

        <a href="https://spacehey.com/username2" target="_blank">

            <img src="https://example.com/image2.jpg" alt="Friend 2" style="border-radius: 50%; width: 100px; height: 100px;">

        </a>

        <p>Friend 2</p>

    </div>

    

    <div style="text-align: center;">

        <a href="https://spacehey.com/username3" target="_blank">

            <img src="https://example.com/image3.jpg" alt="Friend 3" style="border-radius: 50%; width: 100px; height: 100px;">

        </a>

        <p>Friend 3</p>

    </div>

    

    <div style="text-align: center;">

        <a href="https://spacehey.com/username4" target="_blank">

            <img src="https://example.com/image4.jpg" alt="Friend 4" style="border-radius: 50%; width: 100px; height: 100px;">

        </a>

        <p>Friend 4</p>

    </div>

</div>



Finished Design (?) Black and Squared Instead

<div style="display: flex; justify-content: space-around; padding: 20px; background-color: #000; color: #fff;">

    <div style="text-align: center;">

        <a href="https://spacehey.com/username1" target="_blank">

            <img src="https://example.com/image1.jpg" alt="Friend 1" style="width: 100px; height: 100px;">

        </a>

        <p>Friend 1</p>

    </div>

    

    <div style="text-align: center;">

        <a href="https://spacehey.com/username2" target="_blank">

            <img src="https://example.com/image2.jpg" alt="Friend 2" style="width: 100px; height: 100px;">

        </a>

        <p>Friend 2</p>

    </div>

    

    <div style="text-align: center;">

        <a href="https://spacehey.com/username3" target="_blank">

            <img src="https://example.com/image3.jpg" alt="Friend 3" style="width: 100px; height: 100px;">

        </a>

        <p>Friend 3</p>

    </div>

    

    <div style="text-align: center;">

        <a href="https://spacehey.com/username4" target="_blank">

            <img src="https://example.com/image4.jpg" alt="Friend 4" style="width: 100px; height: 100px;">

        </a>

        <p>Friend 4</p>

    </div>

</div>



Add Video

<iframe width="560" height="315" src="https://www.youtube.com/embed/your-video-id" frameborder="0" allowfullscreen></iframe>


Add Image

<div>

    <img src="https://example.com/your-image.jpg" alt="Your Image" style="width:100%; max-width:600px;" />

</div>


Custom Embedded Music 

<embed src="https://example.com/your-music-file.mp3" autostart="true" loop="true" width="300" height="100">


Comments

Displaying 2 of 2 comments ( View all | Add Comment )

ᐯIOᒪETTE ᗪIOᖇ🧁🎀

ᐯIOᒪETTE ᗪIOᖇ🧁🎀's profile picture
Pinned

MWAHHHH THANK UUUU!!!! ur da best for realsies!!!!!!!!(=^ェ^=)


Report Comment

ᐯIOᒪETTE ᗪIOᖇ🧁🎀

ᐯIOᒪETTE ᗪIOᖇ🧁🎀's profile picture

i’m the best student everr right!! :33


Report Comment