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

LunarHekate	1758226127 changing the url in this line .profile .friends .person:nth-child(2) img:not(.icon){ content:url('https://i.pinimg.com/564x/7c/db/0e/7cdb0e9f3050f8c7a31b61cbf26b8397.jpg'); } changes all of them for some reason? i suck at computers so i cant tell if theres problem or if im just dumb and doing it wrong Report Comment
nyokaii.	1755628092 using Report Comment
IRI! ᶻ 𝗓 𐰁	1755482491 using Report Comment
𐔌 . ⋮ hanny .ᐟ ֹ ₊ ꒱	1753327415 Usingg Report Comment
cuppycakesofdoom	1751886546 using Report Comment
𝒩orayaki	1751682733 uuuuuuuUuuuusingg! Report Comment
ʟᴇɴ/ɪᴢᴢᴀᴄ/ʙɪᴠᴇ彡	1751397090 Using ^^ Report Comment
sumi	1751072083 USING<3 Report Comment
〃✦ ┆Jianyu	1750821357 ussinngg!! <3 Report Comment
1nt3rn37 4ng3l	1749369255 using Report Comment
Pooks	1749351113 Using!!!<3 Report Comment
Yoru	1749291845 Using!! Report Comment
Daiko	1748592620 using Report Comment
STEVIE (16+) (eyestrain)	1748246731 using Report Comment
kolin	1747892202 usando <3 Report Comment
garbagepuppiez!	1747102384 using!! (≧∀≦)ゞ Report Comment
char (kanamafu's daughter)	1746219029 using!! Report Comment
T	1743878017 Using Report Comment
Eli :P	1743560146 Using <3 Report Comment
Dori 🎩	1742791383 using thank you ! Report Comment