The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Flashing rainbow name...

+6
Kaizer Lee
DK
SLGray
Sanket
Blu-Ray
PeMLight
10 posters

Go down

Flashing rainbow name... Empty Flashing rainbow name...

Post by PeMLight November 25th 2012, 8:21 pm

Ive seen a few forums with flashing rainbow names... Like their name is cycling through a rainbow color. What is the code for that in the CSS Stylesheet?
avatar
PeMLight
New Member

Posts : 21
Reputation : 1
Language : english

Back to top Go down

Flashing rainbow name... Empty Re: Flashing rainbow name...

Post by Blu-Ray November 25th 2012, 8:33 pm

I have no clue how you can do that, I would like to find out to lol
Hi Light :wouhou: groar
Blu-Ray
Blu-Ray
New Member

Male Posts : 18
Reputation : 2
Language : English Spanish German HTML CSS

Back to top Go down

Flashing rainbow name... Empty Re: Flashing rainbow name...

Post by PeMLight November 25th 2012, 8:35 pm

Blu-Ray wrote:I have no clue how you can do that, I would like to find out to lol
Hi Light :wouhou: groar
Blu-Ray here is part of my forum and hes an admin, and would like to know too. please help Smile héhé
avatar
PeMLight
New Member

Posts : 21
Reputation : 1
Language : english

Back to top Go down

Flashing rainbow name... Empty Re: Flashing rainbow name...

Post by Sanket November 26th 2012, 7:21 am

Sanket
Sanket
ForumGuru

Male Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai

Back to top Go down

Flashing rainbow name... Empty Re: Flashing rainbow name...

Post by PeMLight November 27th 2012, 2:35 am

i didnt mean like that... i meant a cycling rainbow color... i dont have a pic yet, but ill post one
avatar
PeMLight
New Member

Posts : 21
Reputation : 1
Language : english

Back to top Go down

Flashing rainbow name... Empty Re: Flashing rainbow name...

Post by PeMLight November 27th 2012, 2:38 am

http://www.thetechgame.com/Archives/t=2503764/newest-10k-elite-5-top-poster-bap.html

look at "Bap"'s username, that's what i mean. Can you do that? if not can you make try to find a code? ive been looking on google, bing, yahoo, ask, youtube, and i decided to come here
avatar
PeMLight
New Member

Posts : 21
Reputation : 1
Language : english

Back to top Go down

Flashing rainbow name... Empty Re: Flashing rainbow name...

Post by SLGray November 27th 2012, 3:36 am

Please don't double/triple post. Your post need to be separated by 24 hours before bumping, replying or adding more information. Please use the edit button instead!


Flashing rainbow name... Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 51453
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Flashing rainbow name... Empty Re: Flashing rainbow name...

Post by DK November 27th 2012, 3:46 am

Sorry to disappoint you. This isn't possible on ForuMotion.
DK
DK
Forumember

Male Posts : 609
Reputation : 13
Language : English

http://ourworldhub.forumotion.com/forum

Back to top Go down

Flashing rainbow name... Empty Re: Flashing rainbow name...

Post by Kaizer Lee November 27th 2012, 11:16 am

How about this?

Code:
a[href="/u#"]{background-image:url('image direct link'); }

If you can get a background or an image background for the text, for example a sparkle, that'd really help so you can have the same effect or you can request one in the graphics design section.
Kaizer Lee
Kaizer Lee
Active Poster

Female Posts : 1064
Reputation : 54
Language : English, Tagalog, Spanish and Chinese
Location : Philippines

http://www.medievalchaos.net/forum

Back to top Go down

Flashing rainbow name... Empty Re: Flashing rainbow name...

Post by Blu-Ray November 28th 2012, 1:03 am

Frances Kaizer wrote:How about this?

Code:
a[href="/u#"]{background-image:url('image direct link'); }

If you can get a background or an image background for the text, for example a sparkle, that'd really help so you can have the same effect or you can request one in the graphics design section.
we already have the Sparkle feature on Administrators and we did have a scrolling rainbow name but it did consume the whole name so you could only see the characters every 2 1/2 seconds.
Blu-Ray
Blu-Ray
New Member

Male Posts : 18
Reputation : 2
Language : English Spanish German HTML CSS

Back to top Go down

Flashing rainbow name... Empty Re: Flashing rainbow name...

Post by Kaizer Lee November 28th 2012, 11:06 am

Well, whenever I saw the name, it doesn't basically show the movement stopping since it always move (Ze colors)

Why don't you try having your gif sparkles move slower or faster according to your liking instead and input that code and besides you can always add more than 1 sparkle code in a user like something I saw in other forums?
Kaizer Lee
Kaizer Lee
Active Poster

Female Posts : 1064
Reputation : 54
Language : English, Tagalog, Spanish and Chinese
Location : Philippines

http://www.medievalchaos.net/forum

Back to top Go down

Flashing rainbow name... Empty Re: Flashing rainbow name...

Post by ayaztkkk December 4th 2012, 9:06 am

Cool Bro

www.f-16.halofight.com

Are u asking for that Names??? look on it????
avatar
ayaztkkk
Forumember

Posts : 55
Reputation : 0
Language : English

Back to top Go down

Flashing rainbow name... Empty Re: Flashing rainbow name...

Post by Dex♥ December 4th 2012, 12:08 pm

DK wrote:Sorry to disappoint you. This isn't possible on ForuMotion.

FYI, everything is possible on forumotion. Things just require way more effort than they're worth.

My advice to the OP would be to get into browser languages and learn how to do it yourself.
Dex♥
Dex♥
Forumember

Posts : 138
Reputation : 6
Language : Calgary

http://www.toonworldacademy.net

Back to top Go down

Flashing rainbow name... Empty Re: Flashing rainbow name...

Post by nextlevelgaming December 4th 2012, 9:23 pm

bwi really people? Its not possible on forumotion HAHAHAHAHA! If you search I actually help a member I believe DarkGlow, with this topic. I can not find it though:


FIRST ADD THIS javascript to your js files...

Code:
(function($) {
   $.fn.rainbow = function(options) {
      this.each(function() {
      
         options.originalText = $(this).html();
         options.iterations = 0;
         if (!options.pauseLength) {
            options.pauseLength = options.animateInterval;
         }
         $(this).data('options',options);
         
         if (options.pad) {
         
            for (x = 0; x < options.originalText.length; x++) {
               options.colors.unshift(options.colors[options.colors.length-1]);
            }
         }
         
         $.fn.rainbow.render(this);      
         
      });
   }

   $.fn.pauseRainbow = function() {
      this.each(function() {
         var options = $(this).data('options');
         if (options) {
            options.animate = false;
            $(this).data('options',options);      
         }
      });
   }


   $.fn.resumeRainbow = function() {
      this.each(function() {
         var options = $(this).data('options');
         if (options) {
            options.animate = true;
            $(this).data('options',options);      
            $.fn.rainbow.render(this);
         }
      });
   }

      
   $.fn.rainbow.render = function(obj) {
   
         var options = $(obj).data('options');
         var chars = options.originalText.split('');

         options.iterations++;
            
         var newstr = '';
         var counter = 0;
         for (var x in chars) {
         
            if (chars[x]!=' ') {
               newstr = newstr + '<span style="color: ' + options.colors[counter] + ';">' + chars[x] + '</span>';
               counter++;
            } else {
               newstr = newstr + ' ';
            
            }
         
         
            if (counter >= options.colors.length) {
               counter = 0;
            }
         }
         $(obj).html(newstr);
   
         var pause = (options.iterations % options.colors.length == 0);
         


         if (options.animate) {
         
            (
               function(obj,interval) {
                  var options = $(obj).data('options');
                  var i = setTimeout(function() {
                     $.fn.rainbow.shift(obj);
                  },interval);
                  options.interval = i;
                  $(obj).data('options',options);
               }
            )(obj,pause?options.pauseLength:options.animateInterval);
         }   

         
   }
   
   
   $.fn.rainbow.shift = function(obj) {
   
      var options = $(obj).data('options');
      var color = options.colors.pop();
      options.colors.unshift(color);
      $.fn.rainbow.render(obj);
   
   }
   
})(jQuery);


Then add this

Code:
(function($){
$('a[href="/u1"],a[href="/u4"]').rainbow({
    colors: [
        '#FF0000',
        '#f26522',
        '#fff200',
        '#00a651',
        '#28abe2',
        '#2e3192',
        '#6868ff'
    ],
    animate: true,
    animateInterval: 100,
    pad: false,
    pauseLength: 100,
});
})(jQuery);


Hoped that helped ya OP golly

Some of these peoples post were so unintellectual! and probably made you not understand coding anymore, just less.
When all else fails or anything of that sort please look up on w3schools.com for knowledge or google.com,

What you are doing with the background of text, makes it look horrid and it is an eye soar. You want rainbow text that is fine, this doesn't look so bad, but when you have back background animations on top of text that is probably hard to read, you may want to reevaluate your choice.


To the Main Concept of the Code for you to understand:

colors: [ //you can change these colors to the colors to cross fade to
'#FF0000',
'#f26522',
'#fff200',
'#00a651',
'#28abe2',
'#2e3192',
'#6868ff'
],
animate: true, //animate it or not (true or false)
animateInterval: 100, //the speed of the animation, the lower (1) is faster the higher (1000) is slower
pad: false,// true will make it transition between the colors in a fading motion
pauseLength: 100, //time in ms to pause the animation after each loop.
});

once again
EXPLANATION OF OPTIONS::
colors: an array of CSS color values
animate: boolean
animateInterval: # of ms between frames
pad: pad the color array with the last color so the gradient appears only once
pauseLength: # of ms to pause between iterations through the colors


TEST HERE http://jsfiddle.net/gkhVP/
nextlevelgaming
nextlevelgaming
Forumember

Male Posts : 989
Reputation : 38
Language : English|CSS|HTML5|javascript|
Location : New York

http://www.easybbtutorials.forumotion.com

Back to top Go down

Flashing rainbow name... Empty Re: Flashing rainbow name...

Post by runawayhorses December 5th 2012, 12:26 am

I just looked at the test page there it looks really nice and its working fine, very colorful and eye-catching, I think another alternative for its use that a lot of people might be interested in as opposed to what the OP wanted it for, would be to use that rainbow animated effect on a persons name that is in there final stages of warnings, it could work as a "wake-up" call and a more noticeable reminder.. lol

Good job on the code, I think a lot of people might like that for whatever reasons they might have.. Smile
avatar
runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 166
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Flashing rainbow name... Empty Re: Flashing rainbow name...

Post by nextlevelgaming December 5th 2012, 12:38 am

Thats actually a really good idea runawayhorses! Like mix of colors hues of red and what not. That would actually look pretty cool
nextlevelgaming
nextlevelgaming
Forumember

Male Posts : 989
Reputation : 38
Language : English|CSS|HTML5|javascript|
Location : New York

http://www.easybbtutorials.forumotion.com

Back to top Go down

Flashing rainbow name... Empty Re: Flashing rainbow name...

Post by runawayhorses December 5th 2012, 12:45 am

Yeah but in all reality I think it might be too much and serve a purpose of embarrassing the recipient more than anything else. No one wants to see someone put in the spotlight like that. In a word "Overkill". Might be good for Holidays thou.
avatar
runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 166
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Flashing rainbow name... Empty Re: Flashing rainbow name...

Post by nextlevelgaming December 5th 2012, 1:10 am

LMAO... hey now, I wouldn't be bothered by it. The thing is though, unlike this forum, other forums you can get your level up after a certain time.
nextlevelgaming
nextlevelgaming
Forumember

Male Posts : 989
Reputation : 38
Language : English|CSS|HTML5|javascript|
Location : New York

http://www.easybbtutorials.forumotion.com

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum