Persistent Pulsing Green Text

Discussion in 'XenForo Template Modifications' started by Azus, Dec 22, 2016.

  1. Azus

    Azus New Member
    NS Member

    Joined:
    Sep 20, 2016
    Messages:
    7
    Likes Received:
    1
    The following script will make the user group display name continually pulse the color green! :)

    Open the "EXTRA.css" template, if you are using a fresh installation of XenForo this will be empty but if you have had your XenForo installation for awhile you may already have some things here :p... Anyways, when you add the following script to your "EXTRA.css" make sure you don't have anything that has the same identifier as this or it will not work!

    Code:
    .pulsing-mod {
            color: #00FF00;
            font-weight: 900;
            -webkit-animation-name: p-m; /* Safari 4.0 - 8.0 */
            -webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
            -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
            animation-name: p-m;
            animation-duration: 1s;
            animaiton-iteration-count: infinite;
    }
    /* Safari 4.0 - 8.0 */
    @webkit-keyframes p-m {
            50% {opacity: 0;}
    }
    @keyframes p-m {
            50% {opacity: 0;}
    }
    
    After you save this script to your "EXTRA.css", navigate your way to the desired user group you wish to add this customization to & in the "User Title Override" section, make sure you have "Use The Following User Title" checked and then add the following to call upon our flashing name css :)

    Code:
    <span class="pulsing-mod">Moderator</span>
    
    and then go ahead and save all your changes & when you navigate back to your forum or to an administrators profile in my case
     

    Similar Threads

Share This Page