dutchbb
Well-known member
Silver user ranks made with CSS. The background gradient image is only 179 bytes which is good for fast browsing and saving bandwidth.
Install:
Follow the steps here. Next, upload the attached UserRankSilver.png to styles/default/xenforo/gradients.
Then simply replace the CSS you added in step 2 of the other thread with this:
Code:
.userrank
{
display: block;
width: 108px;
margin: -2px 0 5px 6px;
padding: 4px 0 2px 0;
border: 1px solid #bbb;
border-radius: 4px;
background: #fff url('@imagePath/xenforo/gradients/UserRankSilver.png') repeat-x top;
text-align: center;
font: 9px arial,sans-serif;
text-decoration: none;
text-transform: uppercase;
color: #000;
text-shadow: 1px 1px 0 #fff;
outline: 0;
}
And you're done.