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

1nt3rn37 4ng3l	1749369255 using Report Comment
Pooks	1749351113 Using!!!<3 Report Comment
Yoru	1749291845 Using!! Report Comment
Daiko	1748592620 using Report Comment
kayden ^_^" . . .	1748246731 using Report Comment
kolin	1747892202 usando <3 Report Comment
garbagepuppiez!	1747102384 using!! (≧∀≦)ゞ Report Comment
heytumbl3	1746219029 using!! Report Comment
Bobo/T(NOT MOBILE FRIENDLY.)	1743878017 Using Report Comment
Eli :P	1743560146 Using <3 Report Comment
Dori 🎩	1742791383 using thank you ! Report Comment
maiden٭	1742669496 using Report Comment
(n)ana !!	1742648521 using!!<33 Report Comment
:3	1742584465 usingg! Report Comment
𝇄𝇃 ☆⠀Mina ⠀⸝⸝	1741409100 using Report Comment
kandii	1740828807 usingg Report Comment
ミ★ 𝘙𝘢𝘪𝘯𝘦𝘚 ★彡	1739996868 using! Report Comment
yuri	1739657326 using Report Comment
rurichuu ౨ৎ	1739503015 usingg :3 Report Comment
𝟐𝟐𝟐	1738763605 using Report Comment