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

𝓥𝓲𝓬	1731732863 Using!! Report Comment
Harvey (˶ˆᗜˆ˵)	1731290507 using! Report Comment
Eraz!! (｀▽´)	1730332660 using! Report Comment
Trent/Jonny ↯	1729716820 Using Report Comment
renestar	1729453576 using Report Comment
୨ৎ meoww	1728589768 using!! >_< Report Comment
MartinMartian	1728324214 Using(❁´◡`❁) Report Comment
Gabriel	1728272687 Using! Report Comment
Ela౨ৎ	1727753421 using! Report Comment
\pierce, $\pierce,'s profile picture$	1727229744 using :3 Report Comment
Wanwan	1726871145 Using !! Report Comment
noir	1725854532 using ! Report Comment
JJ	1724511158 using Report Comment
Polentitaaasada!ඞ	1724257376 Using! :D Report Comment
Diokaa	1723686719 Using!! Report Comment
Severin	1723597572 Using Report Comment
lyn	1722451501 usiiin! Report Comment
VIA!! (Literally Zhongli)	1722189517 using!! Report Comment
🎉 ⊹ .⋆ Confetti / Clown !! 🎪	1720174843 using!! Report Comment
☆ Xx_PTVSOPH_xX ☆	1720086441 using :DD Report Comment