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

Hino	1786934434 usingg Report Comment
𖹭 ̥ׄ𝓭᥆𝓵𝓵іᥱ ۫ ̥꒰ ͜͡ ꒱ㅤ۪	1786830746 ⎯⎯⎯ ꣑ৎ𓏼 I'll use it! Report Comment
ʚ3LLIEɞ (#1 sayori fan!)	1786197270 Using ^_^ Report Comment
✃𓄧꒷꒦Sɦiᑲα (E)ꭑⱺ꒷꒦ ๋࣭︎︎	1785681572 Using!! :3 Report Comment
𝚂𝚝𝚎𝚕𝚕𝚊 ⊹	1785260135 using! Report Comment
❛ amber ༉‧₊˚	1784474711 using! Report Comment
Sock	1783525623 usingg Report Comment
CR3AT0R	1782124123 using! Report Comment
𝓔𝓶𝓶𝓲𝓽𝓪🪽	1782008684 Usingg! Thanks! Report Comment
diana-chan	1781909507 super useful! using!! Report Comment
Sopa (≧∀≦)	1778177659 Using :3 Report Comment
POPPINCONFETTI!!≥﹏≤	1775825626 Using!! Report Comment
Nathilla	1773933854 USING Report Comment
[INACTIVE!] Yulia	1770139682 ILYSM USING Report Comment
Sparkle!!	1769165680 USING Report Comment
♡AJN♡	1768004841 using Report Comment
yhan !!	1765225000 using Report Comment
🐾 : : ℛayel	1764519483 using!! :D Report Comment
lei	1763616719 using!! Report Comment
🕯⛧𝔪𝔬𝔬𝔫⛧🕯	1762368716 using <3 Report Comment