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 115 comments ( View all | Add 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
Nathaly;)	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
𝐊𝑒𝐨𝚒 𖦹 ׂ 𓈒 🍥	1761863304 Using Report Comment
kara freaking sucks	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 it's that the one you put in2 that section changes all the photos! in the code, there's a note stating it =) by 3MRY5_152; 1764890568; Report