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

Felix	1731914155 using!! Report Comment
Jonny🎄	1729716771 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🎀(wip!)	1719567775 using Report Comment
✧Jill Sandwich✧ (Kinda active)	1718959549 Using!! :3 Report Comment
tainroxx	1717319204 using! Report Comment
1 - 800 - ETTEISM	1717125545 using! Report Comment
⊱ ʜᴀᴛᴏ ⊰ (Not really active)	1714812680 ussingg! Report Comment
Sunday	1712872647 using !! <3 Report Comment
peynir	1712076659 using!!! Report Comment
GRAY	1711870111 ty! using! Report Comment
kyle ★;	1711288463 USING THX !! ^_^ Report Comment
nerin	1708971542 using!! ^^ Report Comment
Ray/Sae!	1708893981 USING TYSM :3 Report Comment
mira꒰ᐢ. .ᐢ꒱₊˚⊹	1708591339 using Report Comment
𖦹 luvbug44	1708234010 using!!! Report Comment