Username text?

by TechCraft April 23rd 2012, 12:00 am

Hello I just want to ask if you can add java to your username so it can act like this.
http://rainbow.arch.scriptmania.com/scripts/rainbowtext.html
Any help?
Thanks if you reply!

by Sir Chivas™ April 23rd 2012, 12:03 am

Hi,

Do you want an image or effects on it?

https://help.forumotion.com/t103665-glow-on-main-administrators-name

https://help.forumotion.com/t95446-name-glow?highlight=glow

https://help.forumotion.com/t103338-glowing-names

by TechCraft April 23rd 2012, 12:17 am

I want the effects, as you see on that page. It's no image it's text.

by Sir Chivas™ April 23rd 2012, 12:21 am

I honestly don't really want to tell you, if it works or not. But you can try it:

ACP >> Modules >> JAVASCRIPT Codes Management.

by TechCraft April 23rd 2012, 8:30 am

Rideem3 wrote:The exact effect that you want on a username will almost definitely slow down your forum.

Have you read this?:
https://help.forumotion.com/t96136-group-s-style-on-legend-glitter-icon-glow

Really just for 1 username?
Anyway I tried the 'Glow' effect and it doesn't work. It would of been better if you stated where to put it on the CSS. Here's my error:
Detected error
We have counted a different number of "{" and of "}". It means your CSS risks to be not valid and will not be posted correctly on your forum.

We advise you to reread your code.

by Sir Chivas™ April 23rd 2012, 8:40 am

Can you provide me with the code you have placed in your CSS.

Thank you.

by TechCraft April 23rd 2012, 8:49 am

Sir Chivas™ wrote:Can you provide me with the code you have placed in your CSS.

Thank you.

I didn't add any of the colours yet, I put this at the bottom of the CSS.

a[href="/u1"] {
text-shadow: 0px 2px 6px #f5a911;
}

by Nera. April 23rd 2012, 9:21 am

Hi,

Can I have a link to your forum?
Tried putting it on top of the CSS?

by TechCraft April 23rd 2012, 9:38 am

Nera. wrote:Hi,

Can I have a link to your forum?
Tried putting it on top of the CSS?

To be honest it didn't hit my mind about the top, so i'm sorry.
The code at the top worked!

But why would one rainbow username slow down the forum?

Also I don't know if this allowed, but staff on this forum get a gradient background (Orange) can I do that for mine?

Thanks.

by Nera. April 23rd 2012, 9:44 am

Are you on BB3?

by TechCraft April 23rd 2012, 9:51 am

Nera. wrote:Are you on BB3?

Yes, PhpBB3.

by Nera. April 23rd 2012, 9:54 am

You need to add this to your rank title:

Code:: <span class="st-rang">RANK TITLE HERE</span>

Than this to JS mangment:

Code:: $(function() { $('.st-rang').closest('.post').addClass('st-answer'); });

Than this to CSS:

Code:: .post.online.st-answer { background: url("http://i.imm.io/hjo8.png") repeat-y scroll left top, url("http://2img.net/i/fa/prosilver/icon_user_online_en.png") no-repeat scroll right top #E5F1F9; } .post.st-answer { background: url("http://i.imm.io/hjo8.png") repeat-y scroll left top #E5F1F9; }

Than change the image to yours. It's the same code Fm uses.

by TechCraft April 23rd 2012, 10:16 am

Nera. wrote:You need to add this to your rank title:

Code:
<span class="st-rang">RANK TITLE HERE</span>

Than this to JS mangment:

Code:
$(function() { $('.st-rang').closest('.post').addClass('st-answer'); });

Than this to CSS:

Code:
.post.online.st-answer { background: url("http://i.imm.io/hjo8.png") repeat-y scroll left top, url("http://2img.net/i/fa/prosilver/icon_user_online_en.png") no-repeat scroll right top #E5F1F9; } .post.st-answer { background: url("http://i.imm.io/hjo8.png") repeat-y scroll left top #E5F1F9; }

Than change the image to yours. It's the same code Fm uses.

Okay that worked but it seems to go white at the end. Can I make the end transparent?
I'm using my picture and yes it goes green to transparent.

by Nera. April 23rd 2012, 10:24 am

What do you want to do than, make the post behind it transparent? Can I see where you added it. But wrap will be seen below :$

by TechCraft April 23rd 2012, 11:43 am

Nera. wrote:What do you want to do than, make the post behind it transparent? Can I see where you added it. But wrap will be seen below :$

I think it's because of this #E5F1F9 can I remove this and will it still work? I just want the gradient no other colour to add on to it.

by Nera. April 23rd 2012, 11:47 am

You can replace it with the word transparent or some other color code.

by TechCraft April 23rd 2012, 11:59 am

Nera. wrote:You can replace it with the word transparent or some other color code.

Would it be:
repeat-y scroll left top transparent

by Nera. April 23rd 2012, 12:00 pm

Code:: .post.online.st-answer { background: url("http://i.imm.io/hjo8.png") repeat-y scroll left top, url("http://2img.net/i/fa/prosilver/icon_user_online_en.png") no-repeat scroll right top transparent; } .post.st-answer { background: url("http://i.imm.io/hjo8.png") repeat-y scroll left top transparent; }

by TechCraft April 23rd 2012, 1:48 pm

It worked thanks!
Now one last request then i'll be all set.
Earlier on you said that if I have that rainbow name it'll slow down my forum. I think it's odd that 1 rainbow name could do that but anyway...

I typed in more to do with a rainbow name and I found a site that has rainbow name users like this

http://www.thetechgame.com/Blaziken

If giving links is not allowed please remove the link I don't want to break the rules.

Anyway could that be done?

Thanks!

by TechCraft April 24th 2012, 8:27 am

Rideem3 wrote:I said that the rainbow name script from that site will slow down your forum because it will loop through every username and would have to execute that script for each. Which could slow down your forum.