Announcement

Collapse
No announcement yet.

How to create and add tokens

Collapse
X
Collapse
First Prev Next Last
 
  • Filter
  • Time
  • Show
Clear All
new posts

    How to create and add tokens

    Glenn,

    How do/did you create and add these tokens?

    Click image for larger version

Name:	Capture.PNG
Views:	1238
Size:	13.3 KB
ID:	13722


    #2
    Those are rank images based on usergroups.
    Buy me a coffeePayPal QR Code
    My Amazon Affiliate Link
    Fast vBulletin VPS Host:
    This site is hosted by IONOS

    Comment


      #3
      Is there a clearinghouse for those images?

      Comment


        #4
        In my case, I'm actually using pure CSS icons and not images. But you can use any image you want.
        Buy me a coffeePayPal QR Code
        My Amazon Affiliate Link
        Fast vBulletin VPS Host:
        This site is hosted by IONOS

        Comment


          #5
          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.

          Comment


            #6
            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.
            Buy me a coffeePayPal QR Code
            My Amazon Affiliate Link
            Fast vBulletin VPS Host:
            This site is hosted by IONOS

            Comment


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

              Comment


              • glennrocksvb
                commented
                Editing a comment
                You can use any image icon.

              #8
              Are they ico files?

              Comment


                #9
                No, regular images.
                Buy me a coffeePayPal QR Code
                My Amazon Affiliate Link
                Fast vBulletin VPS Host:
                This site is hosted by IONOS

                Comment


                  #10
                  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; }

                  Comment


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

                    Comment


                      #12
                      Originally posted by NumNum View Post
                      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:

                      HTML Code:
                      <span class="heart"></span>
                      But you would have to modify the CSS a bit.
                      Code:
                      .heart {
                          background: transparent url("heart.png") no-repeat;
                          background-size: 25%;
                          display: inline-block;
                          width: 30px; /* adjust as needed */
                          height: 30px; /* adjust as needed */
                      }
                      Buy me a coffeePayPal QR Code
                      My Amazon Affiliate Link
                      Fast vBulletin VPS Host:
                      This site is hosted by IONOS

                      Comment


                        #13
                        Originally posted by NumNum View Post
                        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:

                        Code:
                        border: 1px solid transparent;
                        Buy me a coffeePayPal QR Code
                        My Amazon Affiliate Link
                        Fast vBulletin VPS Host:
                        This site is hosted by IONOS

                        Comment


                          #14
                          Thank you.

                          So you created these usergroups per token?

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

                          Comment


                          • glennrocksvb
                            commented
                            Editing a comment
                            Yes..

                          • NumNum
                            commented
                            Editing a comment
                            Thank you.

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

                          Comment


                          • glennrocksvb
                            commented
                            Editing a comment
                            Add title attribute

                            title="your text here"

                          • NumNum
                            commented
                            Editing a comment
                            I went with icons in the images directory and linked them. Not sure what code to add in css additional for the hover attribute (I need help).

                            *This thread is no longer relevant in "site feedback", i'd move it for you if I could. My apology.

                          • glennrocksvb
                            commented
                            Editing a comment
                            Moved. You have to use HTML for the rank in order to add title attribute.
                            Last edited by glennrocksvb; 10-24-2018, 10:37 AM.

                        Latest Posts

                        Collapse

                        Working...
                        X
                        Searching...Please wait.
                        An unexpected error was returned: 'Your submission could not be processed because you have logged in since the previous page was loaded.

                        Please push the back button and reload the previous window.'
                        An unexpected error was returned: 'Your submission could not be processed because the token has expired.

                        Please push the back button and reload the previous window.'
                        An internal error has occurred and the module cannot be displayed.
                        There are no results that meet this criteria.
                        Search Result for "|||"