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

!?	1748477803 using, ty Report Comment
yam.x.te (MY PAGE IS A WIP!!!)	1747603662 using! Report Comment
cyrene !!	1747105792 using !! Report Comment
MiLKY	1746480961 USINGG Report Comment
Pebbles	1746296218 using :D Report Comment
st4risax_	1745862147 usandoo Report Comment
☣︎ finn ꒷꒦	1745740024 using! ty Report Comment
qiqi (￣o￣) . z Z	1745502964 usung mweheheeehheeeeheh Report Comment
Sabotage ☣	1745407369 Using :)) Report Comment
fran ☥	1745178000 using :3 Report Comment
ԋყυɳ	1744432638 estou com dificuldades para colocar, alguem pode me ajudar? Report Comment
SK 𖤓₊˚⊹	1744324298 using c: Report Comment
stup1d.d3athzz	1743622468 Using! Report Comment
Jun꩜	1743559665 Usiiin Report Comment
DodgeBall_Hater	1743035204 usingggg<333 Report Comment
Sophie	1742776466 Using tyyyyyy Report Comment
Blankets	1742764455 Using Report Comment
chase	1742411039 using!!! Report Comment
Alienstar Scene	1741923996 using Report Comment USINGXD by Crispy_Crystal; 1741946275; Report