How to create and add tokens

[NumNum]

Glenn,

How do/did you create and add these tokens?

[glennrocksvb]

Those are rank images based on usergroups.

[NumNum]

Is there a clearinghouse for those images?

[glennrocksvb]

In my case, I'm actually using pure CSS icons and not images. But you can use any image you want.

[NumNum]

Could provide a method of procedure on how to do that?

I want to be able to add 2-3 icons for specific users, but have no idea how it is done.

[glennrocksvb]

Go to AdminCP > User Ranks > Add New User Rank. Then after adding ranks, go to AdminCP > Maintenance > General Update Tools > Update User Titles and Ranks to have the new rank applied to existing users.

[NumNum]

That seems straightforward. Ill take a look once i get to a desktop. Its the icons im not sure about.

[NumNum]

Are they ico files?

[glennrocksvb]

No, regular images.

[NumNum]

So if I wnted to use css, how would I link it in?

.heart { background-image: url("heart.png"); background-size: 25%; background-repeat: no-repeat; }

[NumNum]

Or better yet, is there a way via css to make a certain color transparent, such as the border of an image?

[glennrocksvb]

So if I wnted to use css, how would I link it in?

.heart { background-image: url("heart.png"); background-size: 25%; background-repeat: no-repeat; }

If you have that CSS, then you can add something like this in the Rank Type option using HTML:

<span class="heart"></span>

But you would have to modify the CSS a bit.

.heart {
    background: transparent url("heart.png") no-repeat;
    background-size: 25%;
    display: inline-block;
    width: 30px; /* adjust as needed */
    height: 30px; /* adjust as needed */
}

[glennrocksvb]

Or better yet, is there a way via css to make a certain color transparent, such as the border of an image?

If you want to add a transparent border to the image, then add this to the CSS:

border: 1px solid transparent;

[NumNum]

Thank you.

So you created these usergroups per token?

And then just add the additional usergroups to the user when they met the criteria?

[NumNum]

Is there a way to create a hover message when you hover over an icon?