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

lei	1763616719 using!! Report Comment
🕯⛧𝔪𝔬𝔬𝔫⛧🕯	1762368716 using <3 Report Comment
𝐊𝑒𝐨𝚒 𖦹 ׂ 𓈒 🍥	1761863304 Using Report Comment
big freaking dork	1761014748 using! Report Comment
Speedwagonlover69	1760999617 usinggg!! Report Comment
Thorny	1760134581 using Report Comment
╋━ rav	1759638952 usandoo :3 Report 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
〃✦ ┆Kai	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