The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Flashing rainbow name...

View previous topic View next topic Go down

Flashing rainbow name...

Post by PeMLight on 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?

PeMLight
New Member

Posts : 21
Reputation : 1
Language : english

Back to top Go down

Re: Flashing rainbow name...

Post by Blu-Ray on 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
New Member

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

Back to top Go down

Re: Flashing rainbow name...

Post by PeMLight on 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é

PeMLight
New Member

Posts : 21
Reputation : 1
Language : english

Back to top Go down

Re: Flashing rainbow name...

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


Sanket
ForumGuru

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

http://webartzforum.com

Back to top Go down

Re: Flashing rainbow name...

Post by PeMLight on 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

PeMLight
New Member

Posts : 21
Reputation : 1
Language : english

Back to top Go down

Re: Flashing rainbow name...

Post by PeMLight on 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

PeMLight
New Member

Posts : 21
Reputation : 1
Language : english

Back to top Go down

Re: Flashing rainbow name...

Post by SLGray on 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!


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


SLGray
Administrator
Administrator

Male Posts : 35672
Reputation : 2375
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

Re: Flashing rainbow name...

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

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

DK
Forumember

Male Posts : 609
Reputation : 13
Language : English

http://ourworldhub.forumotion.com/forum

Back to top Go down

Re: Flashing rainbow name...

Post by Kaizer Lee on 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
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

Re: Flashing rainbow name...

Post by Blu-Ray on 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
New Member

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

Back to top Go down

Re: Flashing rainbow name...

Post by Kaizer Lee on 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
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

Re: Flashing rainbow name...

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

Cool Bro

www.f-16.halofight.com

Are u asking for that Names??? look on it????

ayaztkkk
Forumember

Posts : 55
Reputation : 0
Language : English

Back to top Go down

Re: Flashing rainbow name...

Post by Dex♥ on 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♥
Forumember

Posts : 138
Reputation : 6
Language : Calgary

http://www.toonworldacademy.net

Back to top Go down

Re: Flashing rainbow name...

Post by nextlevelgaming on 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
Forumember

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

http://www.easybbtutorials.forumotion.com

Back to top Go down

Re: Flashing rainbow name...

Post by runawayhorses on 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

runawayhorses
Hyperactive

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

http://runawayhorses.alldiscussion.net/

Back to top Go down

Re: Flashing rainbow name...

Post by nextlevelgaming on 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
Forumember

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

http://www.easybbtutorials.forumotion.com

Back to top Go down

Re: Flashing rainbow name...

Post by runawayhorses on 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.

runawayhorses
Hyperactive

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

http://runawayhorses.alldiscussion.net/

Back to top Go down

Re: Flashing rainbow name...

Post by nextlevelgaming on 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
Forumember

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

http://www.easybbtutorials.forumotion.com

Back to top Go down

View previous topic View next topic Back to top


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