Back To Top
Login
Register
Visit Us At TwitterVisit Us At YouTubeVisit Us At Facebook
KandiChat is in Beta Release. Try It Out
HomeHome  
  • UpdatesUpdates  
  • SearchSearch  
  • RegisterRegister  
  • Log inLog in  
  • September 2017
    MonTueWedThuFriSatSun
        123
    45678910
    11121314151617
    18192021222324
    252627282930 

    Calendar Calendar

    Search
     
     

    Display results as :
     


    Rechercher Advanced Search

    Shopmotion


    Who is online?
    In total there is 1 user online :: 0 Registered, 0 Hidden and 1 Guest

    None

    Most users ever online was 22 on June 26th 2013, 6:10 am
    RSS feeds


    Poll
    Top posting users this week


    View previous topic View next topic Go down  Message [Page 1 of 1]

    avatar

    Rainbow UserNames and Group Names

    Mr.EasyBB
    05/19/2013
    Hey guys, so I've been busy working on some codes, and just updated a code that was once here, then disappeared. It is the Rainbow Usernames and Group names. Very easy to write and very easy to implement!

    First go to your ACP>MODULES>JAVASCRIPT MANAGEMENT>CREATE NEW

    Label it "Rainbow Effect"

    Mark it for where ever you want it to be used in, All Pages, In Topics, Index, etc.

    Then add this JavaScript

    Code:
    $.getScript("http://xoxco.com/projects/code/rainbow/rainbow.js",function() {
    var selectMe= ["u1","u2"];
    for(var i =0;i<selectMe.length;i++){
    $('a[href="/'+selectMe[i]+'"]').addClass('rainbow');
    }
      $('.rainbow').find('*').andSelf().contents().filter(function(){
       return this.nodeType===3;
      }).parent().text(function() {
        $(this).rainbow({
      colors: [
      '#FF0000',
      '#f26522',
      '#fff200',
      '#00a651',
      '#28abe2',
      '#2e3192',
      '#6868ff'
      ],
    animate:true,
    animateInterval:100,
    pad:false,
    pauseLength:100
    });
    });
    });

    To add users find this line-

    var selectMe= ["u1","u2"];

    Add users by getting their link name- u1, u2, u3. Make sure they are in quotes like above and separated with a comma, except the last one like above. You can change the color order as well.

    Code:
    colors: [
      '#FF0000',
      '#f26522',
      '#fff200',
      '#00a651',
      '#28abe2',
      '#2e3192',
      '#6868ff'
      ],

    You can add different effects like I have in the DEMO

    To add a different effect, add another line like so

    var shineMe=["u3","g4","u444"];

    Then add the other code

    for(var i =0;i<shineMe.length;i++){
    $('a[href="/'+shineMe[i]+'"]').addClass('shine');
    }

    Remember to change the shineMe if you label it something else, and the class must be different as well per effect.

    View Demo
    Share this post on: Excite BookmarksDiggRedditDel.icio.usGoogleLiveSlashdotNetscapeTechnoratiStumbleUponNewsvineFurlYahooSmarking

    No Comment.

    View previous topic View next topic Back to top  Message [Page 1 of 1]