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

† Shirvx ♪	1789951972 usingg Report Comment
furby	1789942102 using, thank you!! Report Comment
trace-freak	1787447790 how do I change the size of the image?? Report Comment i think changing the size/pixels of the image manually by molly heartstop ⑅; 1789308067; Report
☆𝓑𝓞𝓧𝓔𝓓_𝓑𝓐𝓝𝓢𝓗𝓔𝓔	1786611031 TYSM!! I've been needing this so badly, TYYYYYY!! Report Comment
‧˚꒰🐾୭ ˚. ᵎᵎrainbowsprnkless	1784168417 thank you so much i was struggling so hard w/ this. u are literally an angeelll <3 Report Comment
† 𝖆𝖚._.𝖗𝖎𝖌𝖔𝖑𝖉 †(≧◡≦)	1780370864 usinggg Report Comment
Grinning_Rateỹr	1776441118 Perfect!, using it Report Comment
bibble <3	1775675530 My goat! this is the only code that helped with the custom icon replacing the original and not just being next to it! <3 Report Comment
Aurigae✵	1774800609 thx <3 Report Comment
⋆౨ৎ˚⟡˖ ࣪Mimi	1773786923 using!! Report Comment
[ ♯ 𝔸𝕞𝕪 ʚɞ 🍕⭐⋆.˚]	1773448288 using!!!! this is so cuteeeee tytytyty!!!!!!!!!! Report 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
- Karkat	1769479840 using :p Report Comment
spud	1768422675 using ^w^ Report Comment
mimi	1766767278 using!! tysm Report Comment
sealcircus	1765910578 using!! :3 Report Comment