Announcement

Collapse
No announcement yet.

Glowing user group titles.

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

    Glowing user group titles.

    Add to css_additional.css


    Code:
    /* Glow Text */
    .admin-shadow {
    color: #001a00;
    font-weight: bold;
    text-shadow: 0px 0px 7px #99ff99;
    }
    
    .smod-shadow {
    color: #33001a;
    font-weight: bold;
    text-shadow: 0px 0px 7px #f0b3ff;
    }
    
    .mod-shadow {
    color: #000022;
    font-weight: bold;
    text-shadow: 0px 0px 7px #5555FF;
    }
    
    .vip-shadow {
    color: #00001a;
    font-weight: bold;
    text-shadow: 0px 0px 7px #b2b300;
    }
    /* Glow Text */

    Then, in User Groups/User Group Manager,
    Select the user group, such as Administrator, and edit.

    Under Username HTML Markup, there are 2 boxes.
    In box 1 add <span class="admin-shadow">
    In box 2 add </span>

    Repeat the process for the other user groups you want to glow, changing admin to match the above code.

    This will give an affect like thus-
    Click image for larger version

Name:	Glow.jpg
Views:	509
Size:	4.8 KB
ID:	992

    Registered users are not affected as they are not included.

    In addition, you may notice that the Admin sparkles.
    This can be accomplished using a background image.

    Instead of <span class="admin-shadow">
    Use <span style="background: url(images/backround9.gif)" class="admin-shadow">
    Where images is the location and background9.gif is the animated image. Click image for larger version

Name:	backround9.gif
Views:	376
Size:	1.8 KB
ID:	993


    Change the text-shadow color values to match your own sites theme.

    #2
    I try and add what you ask , nothing change as the attached
    why i can't see the user name for registered user or admin i just see photo ?
    Thank You Click image for larger version

Name:	Untitled.png
Views:	256
Size:	25.4 KB
ID:	1008
    Click image for larger version

Name:	Untitled2.png
Views:	247
Size:	150.5 KB
ID:	1009
    Last edited by moded; 09-17-2016, 11:41 PM.

    Comment


      #3
      Hmmm, I am posting this snapshot here, since I can't edit my own posts...

      Click image for larger version

Name:	UG.jpg
Views:	226
Size:	86.7 KB
ID:	1014
      You have a typographical error.
      You have <span class="admin-shadow> You are missing the closing quotation. Better to copy/paste.
      It should be <span class="admin-shadow">

      Comment


        #4
        nothing change ! Click image for larger version

Name:	Untitled.png
Views:	232
Size:	73.8 KB
ID:	1016
        Click image for larger version

Name:	Untitled2.png
Views:	215
Size:	96.5 KB
ID:	1017
        Last edited by moded; 09-18-2016, 12:53 AM.

        Comment


          #5
          I am at a loss
          It would appear you have done this properly from your snapshots.
          I will have to get more user feedback. Sorry.

          Comment


            #6
            Originally posted by Felix2 View Post
            I am at a loss
            It would appear you have done this properly from your snapshots.
            I will have to get more user feedback. Sorry.
            please note : my site upgrade from VB4.2.3 to VB5

            Comment


              #7
              It is standard CSS and should not matter.
              I have had 2 other users tell me this worked for them.
              I just don't know what is different about your site that would break it.
              Can you try a different browser?

              Comment


                #8
                Test example here.

                <style>
                .admin-shadow {
                color: #001a00;
                font-weight: bold;
                text-shadow: 0px 0px 7px #99ff99;
                }
                </style>

                <span class="admin-shadow">This is a test of the Glow Text.</span>

                Comment


                  #9
                  I have been able to confirm that vB5.2.3 up have broken code. The above code and method do still work, however, the default theme has changed and not uniformly.
                  If one goes to the User Profile or Post, they can see the effect has been applied and works.

                  Click image for larger version

Name:	Clipboard01.jpg
Views:	183
Size:	3.0 KB
ID:	1106 Click image for larger version

Name:	Clipboard02.jpg
Views:	133
Size:	6.6 KB
ID:	1107

                  However, the mainpage/home of the site no longer reflects this.
                  On vB4x-5.2.1 (not sure about 5.2.2) the default theme uses <a class="js-wol-username has-avatar to display the users name and icon. The User Group manager then allowed for a SPAN wrapper in which this modification could be applied.
                  On vB5.2.3 (5.2.2?) the theme and User Group manager are broken!
                  It now uses a <div class="lastpost-by" and the <a no longer has a CLASS defining it.
                  As a result, the User Group manager can no longer inject the custom code, in this case the SPAN.
                  While it is simple enough to style the DIV, it affects all users, not just our target group

                  This seems to be an issue in the display_Forums_item being altered to no longer test IF USER ID conditions.
                  I think it is more of a Theme issue than a Core issue.
                  At this time I don't know how to correct it and the test site is in Arabic (using English translation but only in part) which makes it difficult for me.

                  I suppose this is why a lot of users who have recently upgraded are complaining about simple CSS features no longer working.
                  Perhaps Glen can resolve this or bring it to the attention of someone who can.

                  Comment


                    #10
                    Wow. It looks nice &lt;3 .
                    Exists the glitter image in other colors? (Purple? I love purpe xD)
                    Thanks

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