Make Contact Icons Gifs

Tags: html

Description:

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

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

toastymell	1725288537 using Report Comment
NICO :⁠P	1725066273 Using Report Comment
tako/mars☆ (𝓯𝓻𝓮𝓪𝓴𝔂 idia)	1725044863 using Report Comment
sofxD	1724878170 using tysm x3 Report Comment
Mason⦻	1724808274 using thank u >_< Report Comment
°. ࣪𖤐Alex𖤐	1724780719 useing thanks! Report Comment
Johirothedevil	1724562887 usinggg :33 Report Comment
╭⊰ 𝔬𝔩𝔢𝔞𝔫𝔡𝔢𝔯 ⊱╮	1724539509 using! XP Report Comment
bromulek~✮	1724449766 using:3 Report Comment
KaraJ	1724398917 USING<33 Report Comment
yuka5555	1723885222 using!!<3 Report Comment
Patovi	1723579863 Usando ! ☆ Report Comment
ajisdead(2009) UNDER CONSTRUCTION	1723479743 gonna use Report Comment
g0thieg0re	1722871882 Using!! Report Comment
pawz	1722589586 using Cx Report Comment
powershower	1722410497 using ! Report Comment
stqelo4ka	1722340595 using _ Report Comment
raverings	1722195013 using! Report Comment
Elias	1722024738 using!! Report Comment
Samad	1721785156 Using Report Comment