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


      #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!
      Fast VPS Host for vBulletin: A2 Hosting & IONOS

      Comment


      #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!
            Fast VPS Host for vBulletin: A2 Hosting & IONOS

            Comment


              #23
              I've sent to you in a PM

              Comment


                #24
                faustvasea
                Senior Member
                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!
                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


                    #27
                    OK thank you

                    Comment


                      #28
                      Tariq
                      Junior Member
                      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!
                      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

                          Latest Topics

                          Collapse

                          Working...
                          X