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

Cesha_Raindrops	1732421834 using!! Report Comment
weirdo	1732341942 using! Report Comment
T	1732169406 Using Report Comment
Literally Dust	1731634636 UUsing Report Comment
madix0z88	1731382368 using!! Report Comment
mars	1731245950 Using Report Comment
𐂯 TOBIAS / TOMMY	1731168576 using!! ^^ Report Comment
✨SleepyYue✨	1730916168 Using Report Comment
✨SleepyYue✨	1730916167 Using Report Comment
val ( ˶°ㅁ°) !!	1730025896 usingg!! ( star copy and paste: ★ ) Report Comment
☆ eve ★	1729749219 using Report Comment
Froggo! (≧∇≦)	1729203632 Usingg Report Comment
Sidgirl5	1729116221 usingg Report Comment
calmimate	1729039924 usinggggg:D Report Comment
Giz	1729002479 usinggg tysm! Report Comment
R4!nb0wR¡øt	1728920821 Using Report Comment
🪳★piyavicaa★🪳	1728893169 using tyyy :3 Report Comment
sleepie	1728372720 using, thank you! Report Comment
noo!!!	1728317754 using x3 Report Comment
♰ ঌ𝑬𝒌𝒌𝒐໒ ♰	1727556763 usingg. . . xᴅ Report Comment