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 262 comments ( View all | Add Comment )

mymy⋆˚࿔	1775497927 usingxx!! :1 Report Comment
mymy⋆˚࿔	1775497927 usingxx!! :1 Report Comment
Nakamoto	1773185668 using Report Comment
Ghostkitty	1772983707 Using <3 Report Comment
boba / nova	1771882572 using Report Comment
Trickster	1771629236 Using! took me a while to find fitting gifs lol! Report Comment
CALIBORN	1770781008 using!!!!! Report Comment
‧₊˚ ⋅* ‧₊ 𝙣𝙮𝙢𝙥𝙝	1770377088 Using! Report Comment
𝚒𝚍𝚔ψ𝚑𝚊𝚝𝚝𝚘𝚢𝚊𝚙	1770203947 using :) Report Comment
♡AJN♡	1769270517 using Report Comment
Bambwife	1768637594 USINGGGGG Report Comment
GrotesquelyRexxie	1767928654 Using!! ^^ Report Comment
#⃝𖤐⋮ kitt!eᶻ 𝗓 𐰁 .ᐟ	1767224893 usandooo!! Report Comment
Phoenix/Poe	1766966626 Does anyone know if this code works anymore? I've been trying to use it but when I tested it, it doesn't seem like my gifs were showing up. :c Report Comment
M4NSHU	1766950842 USING Report Comment
Cryz	1766807004 Using Report Comment
♥N♥o♥o♥n♥i♥e♥	1766747569 using Report Comment
suisei	1766742154 using Report Comment
Sphebble	1765987672 Not using these GIF per say, but I used this code to put in my own images. Report Comment
64 kilobytes of RAM	1765909926 using Report Comment