Icons in the profile contact options panel

Tags: icons, buttons, profile, icons, contact, options

Description:

The basic icons of the contact profile options are changed for a magic ball, you can check it in the sample image. Comment "using" if you use it or "I like" if you like this layout, enjoy and thanks. Have a nice life. <33

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by spunky ☆ (https://layouts.spacehey.com/layout?id=40353) -->

<style>
/* contact icons */
.contact .inner a img {
font-size: 0;
}
.contact .inner a img:before {
font-size: 1em;
display: block
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
/* add to friends */
content: "🔮"
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add to favorite */
content: "🔮"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content: "🔮"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* foward to friend*/
content: "🔮"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant message */
content: "🔮"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
content: "🔮"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add 2 group  */
content: "🔮"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: "🔮"
}   
</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 8 of 8 comments ( View all | Add Comment )

Vivian	1717617683 using Report Comment
hokari lockhart	1714542706 using! Report Comment
꒰🎀꒱ 𝒂𝒍𝒍𝒊𝒆	1706150560 Usando <3 Report Comment
vicxt!	1702592810 usingg Report Comment
Roulette	1700862755 using! Report Comment
stan (autoplay)	1696117847 using! ill edit them a bit tho ^_^ Report Comment
JstUrHope	1694024762 Using Report Comment
xXBluejayXx	1693916949 Using :3 Report Comment