Make Contact Icons Gifs

Tags: html

Description:

MY ACCOUNT IS INACTIVE.....Thank you for the Continuous use of my Code! emojis and copy and paste icons don't vibe anymore. Use this so you can make your contact icons into gifs. if you need places to find pixels, here is a good resource list: https://rentry.org/resources (1-29-2025: This link is heavily updated compared to this link in 2022. I'd recommend Link surfing "Pixel pngs" or a similar google search, now.)

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by flycel ☣ (https://layouts.spacehey.com/layout?id=24665) -->

<style> 
.contact {
        font-size: #px;
        font-family: fontfamily;
        border: dotted 0px!important;
        background-image: url("URL")!important;
        background: ;
        border-top: 0px;
        
    }
    .contact .inner a img {
        font-size: 0;
    }
    .contact .inner a img:before {
        font-size: 1em;
        display: block
    }
    .contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
	    /* add to friends */
	    content: url("URL HERE")
    }
    .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	    /* add to favorites */
	    content: url("URL HERE")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	    /* send Message */
	    content: url("URL HERE")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	    /* forward to friend */
	    content: url("URL HERE")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	    /* instant message */
	    content: url("URL HERE")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	    /* block user */
	    content: URL(" URL HERE")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	    /* add to group */
	    content: url("URL HERE")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	    /* report user */
	    content: url("URL HERE")
    } 
</style>

Copy and paste this code into the "About me" section of your Profile to use it.

Caution: This Layout was not inspected by SpaceHey — use it at your own risk.

Comments

Displaying 20 of 216 comments ( View all | Add Comment )

M1K3Y/3mM1!1! :3	1753314951 uses Report Comment
Zest	1753177057 using Report Comment
♥︎Emisa♥︎	1753126922 using ‪‪︎‬ Report Comment
⋆˚𝚕𝚢𝚣𝚊𝚢˚⋆	1752949957 Using ! Report Comment
𝐙☆𝐦𝐩𝐢𝐞𝐫𝐢 𝐄𝐯𝐞𝐫𝐞𝐭𝐭𝐞 𝐙𝐢𝐦𝐭𝐬𝐭𝐞𝐫𝐧𝐞	1752828753 using !! thenkyuu ^_^ Report Comment
¡¡Kuro	1752556502 Usingggg ^^ Report Comment
Lizzy 🍏	1752400702 this is so cute ughhhh usingggg!!! Report Comment
Atiny!!	1752283654 Using!! Report Comment
i_lovecats	1752017856 using Report Comment
Casey	1751058511 using! Report Comment
Nobodyy1234	1750560291 using Report Comment
Lulu	1750505762 using ty Report Comment
✧༺♥༻∞𝓝𝓲𝓷✧༺♥༻∞	1750182739 using Report Comment
K1w1_XOXO	1750177384 Using Report Comment
V!N ⸜(｡˃ ᵕ ˂ )⸝	1749763396 using :3 Report Comment
scarletttt_	1749275414 i might use this later Report Comment
kissboy𓆩♡𓆪	1748876528 using Report Comment
꒱ FISH ⭑.ᐟ	1748869212 using !! Report Comment
!?	1748477803 using, ty Report Comment
yam.x.te	1747603662 using! Report Comment