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:	288
Size:	13.3 KB
ID:	13722


    #2
    Those are rank images based on usergroups.
    Helpful? Donate. Thanks!
    Buy me a coffeePayPal QR Code
    Fast VPS Host for vBulletin:
    A2 Hosting & 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.
        Helpful? Donate. Thanks!
        Buy me a coffeePayPal QR Code
        Fast VPS Host for vBulletin:
        A2 Hosting & 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.
            Helpful? Donate. Thanks!
            Buy me a coffeePayPal QR Code
            Fast VPS Host for vBulletin:
            A2 Hosting & 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
                glennrocksvb commented
                Editing a comment
                You can use any image icon.

              #8
              Are they ico files?

              Comment


                #9
                No, regular images.
                Helpful? Donate. Thanks!
                Buy me a coffeePayPal QR Code
                Fast VPS Host for vBulletin:
                A2 Hosting & 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 */
                      }
                      Helpful? Donate. Thanks!
                      Buy me a coffeePayPal QR Code
                      Fast VPS Host for vBulletin:
                      A2 Hosting & 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;
                        Helpful? Donate. Thanks!
                        Buy me a coffeePayPal QR Code
                        Fast VPS Host for vBulletin:
                        A2 Hosting & 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
                            glennrocksvb commented
                            Editing a comment
                            Yes..

                          • NumNum
                            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
                            glennrocksvb commented
                            Editing a comment
                            Add title attribute

                            title="your text here"

                          • NumNum
                            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
                            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.

                        Users Viewing This Page

                        Collapse

                        There is 1 user viewing this forum topic.

                        • Guest Guest

                        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 "|||"