change your friend list names

Tags: cute, kawaii, goth, emo, scene, anime, layout, icons, pfp, friends

Description:

Self explanatory, it gives the most recent people on your list nicknames.
You can see a preview of this on my page. Only works for the people shown in the grid preview box.
Works best if you just want to make the box look cute, but you can get specific with it.

Keep in mind the names stay with the spot they're in (1st, 2nd, etc) and not with the person currently in that spot.
Whoever is currently in the first slot will have the 1st name, but if a new person is added, then the new person will have the first name.

If assigning specific nicknames to specific people, you'll need to update it every time a new person is added (as long as the people you're giving names to are in the preview slots.)

Preview:

Code:

<!-- (c) Layout created by clear (https://layouts.spacehey.com/layout?id=98699) --> <!-- instructions are written in the code below, make sure this note doesn't fall within your style tags otherwise the code won't work --> <style> div.friends-grid{ text-align:center; /* if you want them to be center */ } .profile .friends .person p{ display:none; /* hides the original names */ } /* IMPORTANT the name of each person on the friends list grid preview has to be filled in, otherwise the grid will not render correctly. this preview number is usually 6 to 8, so 8 are filled in */ .profile .friends .person:nth-child(1)::before{ content:"naruto"; } .profile .friends .person:nth-child(2)::before{ content:"sasuke"; } .profile .friends .person:nth-child(3)::before{ content:"sakura"; } .profile .friends .person:nth-child(4)::before{ content:"ino"; } .profile .friends .person:nth-child(5)::before{ content:"temari"; } .profile .friends .person:nth-child(6)::before{ content:"gaara"; } .profile .friends .person:nth-child(7)::before{ content:"kankuro"; } .profile .friends .person:nth-child(8)::before{ content:"kakashi"; } /* ALTERNATE use this part below if you want everyone to have the same name, delete the above */ .profile .friends .person::before{ content:"wow"; } </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.