Announcement

Collapse
No announcement yet.

How to make the Green Online icon "Glow" using Pure CSS

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

    #16
    Installed and working very good
    thank you

    Comment


      #17
      Glenn
      Is there a way to have the green icon on cloud when viewing a members profile that is on line? Right now there is nothing there
      I see your site has it

      Comment


      • glennrocksvb
        glennrocksvb commented
        Editing a comment
        Checking...

      #18
      I have updated the CSS code in the first post to make the online icon on Profile page appear and glow.
      Helpful? Donate. Thanks!
      Buy me a coffeePayPal QR Code
      Fast VPS Host for vBulletin:
      A2 Hosting & IONOS

      Comment


      • glennrocksvb
        glennrocksvb commented
        Editing a comment
        Does the code work Mitch?

      • Mitch
        Mitch commented
        Editing a comment
        I wont be at my desktop to try it until Friday. Will report back

      • Mitch
        Mitch commented
        Editing a comment
        Update
        Yes it worked good Thanks

      • glennrocksvb
        glennrocksvb commented
        Editing a comment
        Thanks for confirmation.

      #19
      This code does not work as well on my forum.

      Comment


        #20
        Originally posted by faustvasea View Post
        This code does not work as well on my forum.
        Provide link to your forum so we can check.
        HostXNow - UK Web Hosting

        Comment


          #21
          does work, but I got a bug on user profile, the icon disapeared .

          Comment


            #22
            It's a bug in the latest vB5.4.4 or even before that. You can see this bug on vbulletin.com. But I have updated the code in the first post to fix that and Mitch confirmed it is working for him. Maybe some other CSS code is overriding the code? You need to post a link for me to check.
            Helpful? Donate. Thanks!
            Buy me a coffeePayPal QR Code
            Fast VPS Host for vBulletin:
            A2 Hosting & IONOS

            Comment


              #23
              I've sent to you in a PM

              Comment


                #24
                faustvasea, I checked your site and it seems to be missing some CSS code in css_profile.css. I don't know why but you can add the missing code in css_additional.css:

                Code:
                .profileContainer .username .vb-icon {
                    width: 12px;
                    height: 12px;
                }
                Helpful? Donate. Thanks!
                Buy me a coffeePayPal QR Code
                Fast VPS Host for vBulletin:
                A2 Hosting & IONOS

                Comment


                  #25
                  Thanks a lot

                  Comment


                    #26
                    It's not working for me can you help me please.

                    Comment


                    • glennrocksvb
                      glennrocksvb commented
                      Editing a comment
                      Need to see the site to see what's wrong. PM me the URL.

                    #27
                    OK thank you

                    Comment


                      #28
                      Tariq, I checked your site and the green online icon works on postbit. On profile page it is not working because you don't have the updated code. Go to post #1 and grab the updated code.
                      Helpful? Donate. Thanks!
                      Buy me a coffeePayPal QR Code
                      Fast VPS Host for vBulletin:
                      A2 Hosting & IONOS

                      Comment


                        #29
                        Amazing stuff, yet again

                        Comment


                          #30
                          Great alteration.

                          I just applied the code in the OP to both my themes and notices it changed my Online Icon to a square, Oddly enough I kind of like that so I will leave it as it is. However my offline icon is still the round default one, what element do I need to change so it matches my green online square icon...but grey. See attached screenshot to note the differences.

                          Also how do you increase the size of the Offline and Online Icons ?

                          Thanks !



                          Attached Files

                          Comment

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