How to style your award badges like on VoxGrid.

[_B_]

I will be showing you guys how to get your award badges with a border and background like on VoxGrid. You will need the OUGC Awards plugin for this tutorial:​

[hide]

Add this code underneath and save:

.Awardstyle1 {
? ? border: 2px solid #fa7c88;
? ? height: 24px;
? ? width: 24px;
? ? border-radius: 15%;
? ? background: #333;
? ? padding: 1px;
}

Fill in the following for each area:

Name: Your Choice
Short Description: Your Choice
Category: Your Choice
Image/class: Replace with this code where IMAGE is the location of your image you chose for the award.

<a href="awards.php?view=9" title=""><img class="Awardstyle1" src="IMAGE"

Template Type: Class Template
Allow Requests, Visible, PM, Type and Order are all your choices too.

Save and you are done!
[/hide]







​

 

[gregerrger]

Thanks

 

[Shen]

Thanks for sharing. I will try it.