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

★𝖘𝖔𝖕𝖍𝖎𝖊★	1753318837 using Report Comment
ADr1an	1752639758 USING THIS IS COOL Report Comment
Mr.Joy	1746152253 using Report Comment
IMCOOLERCUZIMBLUE	1745810058 using Report Comment
Bobo/T(NOT MOBILE FRIENDLY.)	1743878053 Using Report Comment
Dori 🎩	1742796821 using thank you ! Report Comment
Ivy	1742585483 Using! Report Comment
𝇄𝇃 ☆⠀Mina ⠀⸝⸝	1741409083 using Report Comment
𝟐𝟐𝟐	1738874242 using Report Comment
حنان	1737288423 using (: Report Comment
Satoku	1736617235 usingg Report Comment
𝚁𝚘𝚋𝚒𝚗𝚑𝚘𝚘𝚍 ᶠᵒʳ ᵗʰᵉ ʳⁱᶜʰ	1734578487 using !!! tysm Report Comment
Felix	1731914155 using!! Report Comment
Samuel	1726077237 using Report Comment
Polentitaaasada!ඞ	1724259114 Using! Report Comment
Diokaa	1723687181 Using! Report Comment goofy by ❀Cherry❀; 1723687209; Report
DeftO_O	1722780384 UZING!!!!1 Report Comment
zeke	1721257534 using Report Comment
Ngoc🎀	1719567775 using Report Comment
✧Jill Sandwich✧ (Kinda active)	1718959549 Using!! :3 Report Comment