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

f1nnw1z4rd	1739548755 thank u sm (^▽^人) Report Comment
愛 nana﹒	1739457788 how to change size.. Report Comment for this one, i recommend you to already use an 20x20px sized image/gifs. by melodeathgutszx; 1739470425; Report
kann1balKannabz	1738993172 Using!! Report Comment
Tobias	1737640079 You are literally so awesome I've been trying to figure out why my stuff isn't working Report Comment
Juana	1736734027 using <3 Report Comment
‧₊˚ ⏾ anno ⁺ . ✩	1736662925 using! Report Comment
EldritchNightmare	1736086346 using :) Report Comment
lex	1735854892 using!! Report Comment
charlieee ᯓ★	1735759475 using !!! thank you so so so much Report Comment
Chishiya ☆彡 (Certified Sewer Rat)	1733880845 USING!!! Report Comment
an / ame ?!	1733600207 Using!!! Report Comment
”°• N o r a •°”	1732825617 Thank you legend. <3 Report Comment
UrPalBug	1732538775 using <33 Report Comment
Merukoi	1732160331 using! <333 Report Comment
Pumpkinpin	1732031553 using! Report Comment
Felix	1731912980 using!! tysm Report Comment
⋆༺⚚𝔪𝔞𝔯𝔠⁴⁴⁴	1731265520 using!! but how to you make the gifs small🙏🏼 Report Comment the gifs i use are already in small size! you can find small sized gifs in sites like carrd and neocities, there are a lot of users using these sites as an archive for tiny gifs. by melodeathgutszx; 1731349645; Report
̶[̶R̶E̶D̶A̶C̶T̶E̶D̶]̶	1730474872 using!! Report Comment
Evelyn The First	1730242474 using!!! :) Report Comment