Give everyone in your friends list matching icons

Tags: cute, emo, scene, goth, dark, anime, layout, icons, friends, kawaii

Description:

If your mutuals' icons don't fit your layout, now you can change that.
Let them know you think they have terrible taste without saying it.

Instructions are written in the code, only has 5 spots filled in individually.
Follow the pattern (6), (7), (8), etc to add more. Looks best with icons of equal width/height.

Icons not changed by the nth and first tags will appear as the default icon (set to Nagisa Momoe.) You can delete the other sections (nth and first) if you just want everything to be the same image.

That's all, have fun.

Preview:

click on the image for a larger preview

Code:

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

<!-- IMPORTANT: Nth child changes individual icons, first child changes the 1st icon. To add more, continue the code with nth-child(6), (7), etc. -->

<!-- Person img (without nth or first child label) is the default. It changes every icon. If you delete the first and nth child sections, all icons will appear as this default. -->


<style>
.profile .friends .person:first-child img:not(.icon){
content:url('https://i.pinimg.com/564x/ba/fa/d5/bafad58a191c52b84c7921b89d3e3a73.jpg');
}
.profile .friends .person:nth-child(2) img:not(.icon){
content:url('https://i.pinimg.com/564x/7c/db/0e/7cdb0e9f3050f8c7a31b61cbf26b8397.jpg');
}
.profile .friends .person:nth-child(3) img:not(.icon){
content:url('https://i.pinimg.com/564x/a0/af/5b/a0af5b3cd749f030b015fb69b2911767.jpg');
}
.profile .friends .person:nth-child(4) img:not(.icon){
content:url('https://i.pinimg.com/564x/7f/b2/28/7fb22838af0b471fa8b1b30eeacd4e30.jpg');
}
.profile .friends .person:nth-child(5) img:not(.icon){
content:url('https://i.pinimg.com/564x/1d/0b/41/1d0b417357a8e50f80369f10de1ca178.jpg');
}
.profile .friends .person img:not(.icon){
content:url('https://i.pinimg.com/564x/d4/f3/e5/d4f3e5ebba65f920db35457f45df0950.jpg');
}
</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 37 comments ( View all | Add Comment )

✭St@ry!✧🍉(Hyper)	1714308828 using Report Comment
Sunday	1712861501 using !! <3 Report Comment
Ray	1712781076 using! Report Comment
EDIALETSI	1712456854 usiing!! Report Comment
🕸 CADAVERICA 🕸	1712204601 𝔗𝔥𝔞𝔫𝔨𝔨𝔨𝔨 𝔶𝔬𝔲𝔲 𝔣𝔬𝔯 𝔱𝔥𝔢 𝔥𝔱𝔪𝔩!🕸 Report Comment
gumball [profile is a wip]	1712120451 using Report Comment
milolitious	1711744355 usinggg Report Comment
Lola (TW:jumspcare ( •◡-)-♡)	1711202255 using!!! Report Comment
GRAY	1711055860 using Report Comment
𝑵𝘢𝘯𝘢𝘮𝘪⋆°✮	1710444294 Using Report Comment
Mr.Joy 🍓 (pickle chan+esp/eng)	1710384539 Using Report Comment
aimee	1710009594 using!!! Report Comment
D3AD PERS0N	1709836236 Using Report Comment
₊˚ ୨ৎ rei !	1709763162 usinggggggg Report Comment
l4in-1waKur4	1709544496 ussing Report Comment
RoRy	1709302357 using Report Comment
unicorb	1709144764 Any code for changing the comments pfp too? Report Comment
Naoki ๋࣭ ⭑⚝	1709051674 Using! Report Comment
nerin :]	1708971526 using! :] Report Comment
Byuu !! ✩	1708550847 usingtt Report Comment