Awards like this

[Mastersly]

I have seen it in many forums
for example.
they are using this pic

and become like this

every award have different border

[Omar G.]

Apply a specific class to each award and then style it wit CSS.

Tho not specifically related, I searched the following threads that could provide you with insight:
https://community.mybb.com/thread-214914.html
https://mods.mybb.com/view-resource/chan...-per-theme
https://community.mybb.com/thread-134747.html
https://community.mybb.com/thread-148832.html
https://community.mybb.com/thread-226279.html

[Mastersly]

Thats what i want,how to apply a specific to each award? Where?

---

I will check those links from my pc later

---

I tried to add this
<div class="cities"></div>
On award name and image but it didn't work

---

Still looking
Is there any tutorial for that?

[Mastersly]

anything?

[Omar G.]

I gave you a non specific nor detailed response for a non specific nor detailed inquiry.

As a advice I will recommend you to provide more information. I can think of at least two details that might be helpful for others to help:

1. The plugin you are using (I can think of more than 1 out of my head).
   
2. Which changes have you tried and where these changes have been applied.
   

[DevLife]

Probably use this Plugin Created by Omar G.
https://community.mybb.com/mods.php?action=view&pid=396

And I remember there was a post where they talked about using Font awesome Icons as Awards I don't if it since been deleted??

[Omar G.]

https://community.mybb.com/thread-221087.html

But that is for an older version. Last version allows you to input an class directly.

[Mastersly]

I want like nulled
check this profile`s award
nulledbb.com/profile/51417/

they are using css for each award.
thats what i want to do.
i want to use css to edit each award different (border and background of each award)

i am using your award plugin.

i tried to add this at Image / Class
<span class="cssawards">AWARD IMAGE HERE</span>

but didnt work.
so where can i add this?

[Omar G.]

i tried to add this at Image / Class
<span class="cssawards">AWARD IMAGE HERE</span>

I don't think HTML tags to be valid CSS element values. Try adding span_class_cssawards_AWARD_IMAGE_HERE_span, then head to your global.css and add somethink like the following:

.span_class_cssawards_AWARD_IMAGE_HERE_span {
border: 10em red solid !important;
background: blue url('SOME_IMAGE_PATH') !important;
}

You might need to change SOME_IMAGE_PATH for a valid image url.

In my last image above the Template Type setting is set to Class Template so I'm guessing we are on the same path.

[Mastersly]

thanks for your reply but i did it and already made a tutorial about this
<-- removed unwarranted link -->