Customize your own contacting icons!

Tags:

Description:

I'm creating this because I tried to find a good one code layout to customize the icons of contacting but none of them worked in my own layout that I use. Then, I tried to use some codes that already exists and editing it to see if could work, and yes, worked for me! I you have the same problem that I had, I hope this code can help you! IMPORTANT: change the URL/link to the gif or image you want to put in each contacting icon! IMPORTANT²: if you use a layout that already have customized contacting icons, try to find where are these codes are and then change de URL/link to other URL that you wish to put. Credit and/or commenting ''using it'' is not necessary!

Preview:

click on the image for a larger preview

Code:

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

<style>

<!-- IMPORTANT!! Change the link of each contact with the link of the image/gif you want to use. Recommended 20x20 size. -->

     
}

.contact .inner a img {
    font-size: 0;
}
.contact .inner a img:before {
    font-size: 1em;
    display: block;

 }
    .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("https://yokai.crd.co/assets/images/gallery13/b994776e.gif?v=b4df531c")
    }
    .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	    /* add to favorites */
	    content: url("https://pixels.crd.co/assets/images/gallery16/c5de9d4e.gif?v=b3554822")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	    /* send Message */
	    content: url("https://supplies.ju.mp/assets/images/gallery05/ea48a749_original.gif?v=9163b103")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	    /* forward to friend */
	    content: url("https://pixels.crd.co/assets/images/gallery30/e13cfa99.gif?v=1987e5e0")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	    /* instant message */
	    content: url("https://pixels.crd.co/assets/images/gallery64/d7edb417.gif?v=b3554822")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	    /* block user */
	    content: url("https://pixels.crd.co/assets/images/gallery28/03f386ae.gif?v=b3554822")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	    /* add to group */
	    content: url("https://caterpie.crd.co/assets/images/gallery23/397a0523.gif?v=8cec5808")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	    /* report user */
	    content: url("https://media.discordapp.net/attachments/1112600099479097344/1112619167233867817/ezgif-4-1fc3bcb925.gif")
    } </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 112 comments ( View all | Add Comment )

MATODEW	1772944344 using Report Comment
XERN0US	1772378357 using Report Comment
k8kekat	1771376893 Using ty<3 Report Comment
︶︶Vic 🍁⸝⸝	1771038372 using!! Report Comment
ｐｌｕｔｏ ಠ╭╮ಠ	1770240290 using, thank u!! Report Comment
★¡Antares!★	1769479840 using :p Report Comment
spud	1768422675 using ^w^ Report Comment
mimi	1766767278 using!! tysm Report Comment
sealcircus	1765910578 using!! :3 Report Comment
Gulford Batface	1765307398 usin Report Comment
Sofia	1765217724 using Report Comment
Knox	1761570860 using!!!! Report Comment
unaunagii	1760860658 using!! ^^ Report Comment
arekkiesu	1759060092 usingg Report Comment
𐔌՞. .՞𐦯 SillySp4rklez ✿	1758977671 Using thank you so much! Report Comment
Toro	1758055246 Using it. Baby!! Report Comment
bigBear	1756135740 thank u for this!! i was struggling lol Report Comment
SmokeyBee	1756074244 using!!! Report Comment
aida 𝜗𝜚 ࣪˖	1755729370 using! Report Comment
Jovenile ☣︎	1754006802 using Report Comment