Single post in Site Skins: How-To, and Helpful CSS
Forum Index > PokéFarm > Guides > Site Skins: How-To, and Helpful CSS >
Create your userbar with the same dimensions as the originals (125 x 60 pixels). Use it as the background-image in the code below.
Moderator banner:
a[href='/user/Cele'] ~ .tooltip_content > img[src*="userbars/mod21073"] {
background: url("https://i.ibb.co/wwwZxdd/cele.png");
object-position: 99999px;
}
The code
a[href='/user/Cele']
makes sure only your userbanners are affecetd
img[src*="userbars/mod21073"]
targets the userbar. "userbars/mod21073" is a portion of the URL of the mod userbar. You could use a portion of a different userbar's URL here.
object-position: 99999px;
moves the graphical original userbar image far away, leaving a transparent space
background: url("https://i.ibb.co/wwwZxdd/cele.png");
sets the background image to your custom userbarAvatar by Kaelwolfur.
Sent from my PokéNav