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

𝑳𝑨𝑻𝑰	1729512660 thxx usingg Report Comment
MR KILL MYSELF	1729453483 THAANNM you usiNg! Report Comment
Ashley	1728723906 Very good! My "forward to friend clips with the border though, does anyone know how to fix that? Thanks so much!! Report Comment for me it looks normal, i see nothing wrong! by melodeathgutszx; 1728779564; Report I've fixed it now! I messed with my font sizing and borders etc until I got it to work :D by Ashley; 1728779928; Report that's good! :D by melodeathgutszx; 1728782004; Report
karton	1727808086 THANK YOUUU i'll be def be using!! Report Comment
☆ Ballpit	1726870478 TYSM!! I've been looking for this all day :D Report Comment
Newt!!	1723391797 this was super helpful!! thank you!! Report Comment
Zero Is Nebulous	1722964461 This is so cute!!! >w< where do you find your icon gifs? ( •̯́ ^ •̯̀) Report Comment there are a lot of carrds and neocities pages that contains these pagedolls for free use! by melodeathgutszx; 1722980320; Report
lyn	1722379011 tysm ! usinggg Report Comment
faceache	1721817920 using ! tyvm :] Report Comment
tylerlikescakenstuff	1720883010 using :) Report Comment
I'm done with spacehey bye	1719928368 Using! ^_^ Report Comment
guilherme :P	1719778045 Using!! Report Comment
fudgechocolate!	1719619331 Using! Report Comment
AARON ALCIDE CEREZO’S MUSEUM	1719321936 Might using rn. Report Comment
Kasper/Pest/Guest	1719256128 Usinsf Report Comment
YukiLuvU	1718922430 Hi, I tried using the code but apparently, it doesn't work for me;((((( When I edit the icons using 20x20 images, the og icon does't go away Report Comment maybe because the layout you are using null these codes. i apologize for not being able to help you, i recommend you to find another blog that contains the same content but with different codes by melodeathgutszx; 1718930433; Report
˚₊‧꒰ა Alicia!!! ໒꒱ ‧₊˚	1717686985 using!!!!!!!! Report Comment
mawko	1717241386 usingg Report Comment
GRAY	1711106131 using! Report Comment
mandy :3	1710623266 usingg Report Comment