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:

click on the image for a larger 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.

Comments

Displaying 20 of 46 comments ( View all | Add Comment )

Gr◌◌s	1771192443 Using Report Comment
yhan !!	1765224987 usingg Report Comment
Amia (˶ˆᗜˆ˵)	1764424274 using Report Comment
mattheo	1762331937 using ! Report Comment
karlـــــــــﮩ٨ـ	1761066586 using!!! Report Comment
the silly girl descendents was talking about	1761013355 using ! Report Comment
Speedwagonlover69	1760999574 using! Report Comment
Miya💞	1758220821 Using Report Comment
wrenny ♫	1757433553 using Report Comment
★𝖘𝖔𝖕𝖍𝖎𝖊★	1753318837 using Report Comment
ADr1an	1752639758 USING THIS IS COOL Report Comment
Mr.Joy	1746152253 using Report Comment
IMCOOLERCUZIMBLUE	1745810058 using Report Comment
T	1743878053 Using Report Comment
𝇄𝇃 ☆⠀Mina ⠀⸝⸝	1741409083 using Report Comment
𝟐𝟐𝟐	1738874242 using Report Comment
hanan	1737288423 using (: Report Comment
Satoku	1736617235 usingg Report Comment
𝚁𝚘𝚋𝚒𝚗𝚑𝚘𝚘𝚍 ᶠᵒʳ ᵗʰᵉ ʳⁱᶜʰ	1734578487 using !!! tysm Report Comment