Change the contact icons to TF2 classes

Tags: contact icons, tf2, simple

Description:

Includes everyone except for Pyro. (Sorry buddy i love u) Let me know if it stops workin or if there's any problems with it!

Preview:

click on the image for a larger preview

Code:

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

<style> 
.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://i.ibb.co/1vpYdkF/Untitled37-20240531215131.png")
    }
    .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	    /* add to favorites */
	    content: url("https://i.ibb.co/QH5HBpr/Untitled37-20240531215158.png")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	    /* send Message */
	    content: url("https://i.ibb.co/bsgpmNf/Untitled37-20240531215217.png")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	    /* forward to friend */
	    content: url("https://i.ibb.co/Jy2YC4Z/Untitled37-20240531215246.png")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	    /* instant message */
	    content: url("https://i.ibb.co/8g0myrZ/Untitled37-20240531215312.png")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	    /* block user */
	    content: url("https://i.ibb.co/8b1NXRH/Untitled37-20240531215334.png")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	    /* add to group */
	    content: url("https://i.ibb.co/TWJrcxZ/Untitled37-20240531215358.png")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	    /* report user */
	    content: url("https://i.ibb.co/SxdbJxC/Untitled37-20240531215424.png")
    } 
</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 167 comments ( View all | Add Comment )

wasser_katze	1750543568 using! Report Comment
~{_PVNK_}~ $~{_PVNK_}~'s profile picture$	1750485112 Using! Tyyy Report Comment
𐂯 Scout	1750322205 usin' thanks boss! Report Comment
Jake Ludwig	1749944420 using!danke!! Report Comment
aliteralSIN "Sentenza"	1749794149 using!!! Report Comment
Magnoblitz	1748871593 Using Report Comment
Daiko	1748466920 usinggg Report Comment
Ghostbird	1748392391 USING! Report Comment
𖦹𓋹⋆Aless⋆𓋹𖦹	1748079626 usinggg!! Report Comment
Ms Andra	1747965625 Using! Report Comment
S0uless	1747886508 Using !! Report Comment
PunkABlunk	1747194535 Mr. Screams recommended this highly. Using. Report Comment
Screams	1747194256 Using Report Comment
REMY!!!	1747072371 using! ;D Report Comment
Nathan	1746881108 using! Report Comment
•{ R0NN13 }•	1746878851 Using! Report Comment
Sauce_Master2000	1746808083 using! Report Comment
chris_ARGHHH	1746503177 yet another "using" comment :) Report Comment
W	1745580320 usingg Report Comment
ReaLYN☆	1745507583 Using!! Report Comment