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.

Changing the Username's Color As Well As Multicolored Username and Glow

5 posters

Go down

In progress Changing the Username's Color As Well As Multicolored Username and Glow

Post by Kittykat123 August 31st 2015, 7:53 am

So I was wondering if I could be able to change a username's color without removing it from a group or anything, but just using a code to change it. I'm pretty sure that's possible, because I've seen quite a few people like that. Also, what about a multicolored username or glow?
Kittykat123
Kittykat123
Forumember

Female Posts : 50
Reputation : 1
Language : English
Location : United States

http://thebeyond.forumotion.com/

Back to top Go down

In progress Re: Changing the Username's Color As Well As Multicolored Username and Glow

Post by Guest August 31st 2015, 8:55 am

The following codes are for phpBB3. If you need a different version, please let us know. =) I am assuming phpBB3, since that is in your profile information. Where you see "/u#" in the code, you will need to place the post ID of the member who's name you wish to affect in that spot. If you don't know how to find a user's post ID, that will be explained after the code. If you want to do multiple members with the same color or effect, just enter the the post ID's one after the other, separated by a comma. (This is shown as an example in the second code.)

Username Glow: (For just one user as an example.)
Code:
a[href="/u#"]{   
  text-decoration: none !important;   
  text-shadow: 0 0 0.1em gray, 0 0 0.1em gray, 0 0 0.1em gray;
}

Colorize Username: (For three users as an example.)
Code:
a[href="/u#"], a[href="/u#"] span, a[href="/u#"] span strong {
color: #088A68 !important;
}

Multiple Colors: (Splitting my own username as an example. In this example, the post ID needs to remain the same in both sections.)
Code:
a[href="/u#"] span strong { font-size:0 }
a[href="/u#"] span strong:before {
  content:"Lea";
  font-size:10px;
  color:#A7D;
}
a[href="/u#"] span strong:after {
  content:"h7";
  font-size:10px;
  color:#639;
}

In order to find a member's post ID, simply click on their username on your website. There, you will see the link to their profile that will look similar to this: www.yourwebsite.forumotion.com/u#

That number that follows is the number that you should use to change that member's username. Please let me know if you have any questions or any problems with the above codes, which were provided to me by Ange Tuteur, originally. Also, don't forget to customize your colors!
avatar
Guest
Guest


Back to top Go down

In progress Re: Changing the Username's Color As Well As Multicolored Username and Glow

Post by Klemen August 31st 2015, 10:50 am

Leah7 wrote:The following codes are for phpBB3. If you need a different version, please let us know. =) I am assuming phpBB3, since that is in your profile information.
Those CSS codes should work just fine for every version Wink
Klemen
Klemen
Forumember

Male Posts : 292
Reputation : 32
Language : English, German, Slovene

http://www.bannedbrotherhood.com

Back to top Go down

In progress Re: Changing the Username's Color As Well As Multicolored Username and Glow

Post by Guest August 31st 2015, 11:05 am

Well, that's great news, thanks Klemen!! ^.^
avatar
Guest
Guest


Back to top Go down

In progress Re: Changing the Username's Color As Well As Multicolored Username and Glow

Post by Ace 1 August 31st 2015, 12:24 pm

Leah7 wrote:Colorize Username: (For three users as an example.)
Code:
a[href="/u#"], a[href="/u#"] span, a[href="/u#"] span strong {
color: #088A68 !important;
}

This code sadly will not work if the user is in a group Sad
Ace 1
Ace 1
Helper
Helper

Male Posts : 843
Reputation : 64
Language : English - French?
Location : Druid Hill Park

https://help.forumotion.com

Back to top Go down

In progress Re: Changing the Username's Color As Well As Multicolored Username and Glow

Post by Ange Tuteur August 31st 2015, 1:43 pm

Ace 1 wrote:
Leah7 wrote:Colorize Username: (For three users as an example.)
Code:
a[href="/u#"], a[href="/u#"] span, a[href="/u#"] span strong {
color: #088A68 !important;
}

This code sadly will not work if the user is in a group Sad
It should. The reference to the child nodes "span" and "span strong" are common on usergroup names. Particularly the span element because that's used to color the username via the style attribute, whereas strong is used to bold the username.

In short, you can use "a[href="/u#"]" for users not in a group and "a[href="/u#"] span strong" for users in a group. The former however, will affect more than text links so it's best to keep to text-based styles on that one.
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13207
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

In progress Re: Changing the Username's Color As Well As Multicolored Username and Glow

Post by Kittykat123 August 31st 2015, 4:50 pm

Ok, thanks! All of those above worked, but about the glow, what I was asking for was if you could make a multi-colored glow.
Kittykat123
Kittykat123
Forumember

Female Posts : 50
Reputation : 1
Language : English
Location : United States

http://thebeyond.forumotion.com/

Back to top Go down

In progress Re: Changing the Username's Color As Well As Multicolored Username and Glow

Post by Ange Tuteur August 31st 2015, 4:56 pm

It's possible, but kinda hard to get right. For example you can chain together multiple shadows.
Code:
body {
  text-shadow:
  0px 1px 0px #F00,
  1px 0px 0px #00F,
  0px -1px 0px #0F0,
  -1px 0px 0px #F0F;
}

Excuse that one, it's sharp and trippy. I guess it really depends on what you mean by "multi-colored glow"
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13207
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

In progress Re: Changing the Username's Color As Well As Multicolored Username and Glow

Post by Ace 1 August 31st 2015, 5:00 pm

Ohhhh

Side Question: So for CSS, in order to do multiple shadows, you have to go to the next line?
Ace 1
Ace 1
Helper
Helper

Male Posts : 843
Reputation : 64
Language : English - French?
Location : Druid Hill Park

https://help.forumotion.com

Back to top Go down

In progress Re: Changing the Username's Color As Well As Multicolored Username and Glow

Post by Ange Tuteur August 31st 2015, 6:13 pm

Ace 1 wrote:Ohhhh

Side Question: So for CSS, in order to do multiple shadows, you have to go to the next line?
No, you just separate each shadow by a comma. I added line breaks to make it readable.
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13207
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

In progress Re: Changing the Username's Color As Well As Multicolored Username and Glow

Post by Ace 1 September 1st 2015, 12:28 am

Then why doesn't the following code ever work?

Code:
a {text-shadow: 0 0 20px #fefcc9,
 10px -10px 30px #feec85,
 -20px -20px 40px #ffae34,
 20px -40px 50px #ec760c,
 -20px -60px 60px #cd4606,
 0 -80px 70px #973716,
 10px -90px 80px #451b0e;
}

It's supposed to make some wicked text
Ace 1
Ace 1
Helper
Helper

Male Posts : 843
Reputation : 64
Language : English - French?
Location : Druid Hill Park

https://help.forumotion.com

Back to top Go down

In progress Re: Changing the Username's Color As Well As Multicolored Username and Glow

Post by Klemen September 1st 2015, 1:49 am

Ace 1 wrote:Then why doesn't the following code ever work?

Code:
a {text-shadow: 0 0 20px #fefcc9,
 10px -10px 30px #feec85,
 -20px -20px 40px #ffae34,
 20px -40px 50px #ec760c,
 -20px -60px 60px #cd4606,
 0 -80px 70px #973716,
 10px -90px 80px #451b0e;
}

It's supposed to make some wicked text

Works fine on my test forum. And by 'fine' I mean that the effect makes my eyes bleed and the website lags.
Changing the Username's Color As Well As Multicolored Username and Glow RvRXdHX

But it works. I think you must have some CSS from before that doesn't let this code affect your links.


Last edited by Klemen on September 1st 2015, 1:53 am; edited 1 time in total
Klemen
Klemen
Forumember

Male Posts : 292
Reputation : 32
Language : English, German, Slovene

http://www.bannedbrotherhood.com

Back to top Go down

In progress Re: Changing the Username's Color As Well As Multicolored Username and Glow

Post by SLGray September 1st 2015, 1:51 am

Ace 1 wrote:Then why doesn't the following code ever work?

Code:
a {text-shadow: 0 0 20px #fefcc9,
 10px -10px 30px #feec85,
 -20px -20px 40px #ffae34,
 20px -40px 50px #ec760c,
 -20px -60px 60px #cd4606,
 0 -80px 70px #973716,
 10px -90px 80px #451b0e;
}

It's supposed to make some wicked text
You do understand that this CSS is for links, not usernames?


Changing the Username's Color As Well As Multicolored Username and Glow 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 : 51589
Reputation : 3526
Language : English
Location : United States

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

Back to top Go down

In progress Re: Changing the Username's Color As Well As Multicolored Username and Glow

Post by Ace 1 September 1st 2015, 3:14 am

Yes. Sorry to side-track the orinigal topic focus :3
Ace 1
Ace 1
Helper
Helper

Male Posts : 843
Reputation : 64
Language : English - French?
Location : Druid Hill Park

https://help.forumotion.com

Back to top Go down

In progress Re: Changing the Username's Color As Well As Multicolored Username and Glow

Post by Kittykat123 September 1st 2015, 9:12 pm

Okkkk. Razz


And about the multi-colored username, I got it to work, but how do I get it into the chatbox?
Kittykat123
Kittykat123
Forumember

Female Posts : 50
Reputation : 1
Language : English
Location : United States

http://thebeyond.forumotion.com/

Back to top Go down

In progress Re: Changing the Username's Color As Well As Multicolored Username and Glow

Post by Ange Tuteur September 1st 2015, 11:43 pm

You'll need to add another selector that's chatbox specific ; span[data-user="1"] replace 1 by the ID of the user.

Code:
a[href="/u#"] span strong, span[data-user="1"] { font-size:0 }
a[href="/u#"] span strong:before, span[data-user="1"]:before {
  content:"Lea";
  font-size:10px;
  color:#A7D;
}
a[href="/u#"] span strong:after, span[data-user="1"]:after {
  content:"h7";
  font-size:10px;
  color:#639;
}
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13207
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

In progress Re: Changing the Username's Color As Well As Multicolored Username and Glow

Post by Kittykat123 September 2nd 2015, 8:41 pm

Ok, I tried that, and it DID appear in the chatbox, but it didn't look right. In fact, it seemed all shiny and.. looked like metal. The font was also different. Plus, my glow was gone too?

Is it something within the code, or is it my forum? Because my forum is now Invision, not phpBB3...
Kittykat123
Kittykat123
Forumember

Female Posts : 50
Reputation : 1
Language : English
Location : United States

http://thebeyond.forumotion.com/

Back to top Go down

In progress Re: Changing the Username's Color As Well As Multicolored Username and Glow

Post by Kittykat123 September 3rd 2015, 10:50 pm

Bump?
Kittykat123
Kittykat123
Forumember

Female Posts : 50
Reputation : 1
Language : English
Location : United States

http://thebeyond.forumotion.com/

Back to top Go down

In progress Re: Changing the Username's Color As Well As Multicolored Username and Glow

Post by Ange Tuteur September 4th 2015, 10:54 am

Could you provide the URL of your forum, or the modified code you're using for your name ?

Thanks
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13207
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

In progress Re: Changing the Username's Color As Well As Multicolored Username and Glow

Post by Kittykat123 September 4th 2015, 8:08 pm

http://thebeyond.forumotion.com/ That's the url, and this is the code:

Code:
a[href="/u3"] span strong, span[data-user="3"] { font-size:0 }
a[href="/u3"] span strong:before, span[data-user="3"]:before {
  content:"Yu";
  font-size:11px;
  color:#000000;
}
a[href="/u3"] span strong:after, span[data-user="3"]:after {
  content:"uki";
  font-size:11px;
  color:#6b0000;
}


Changing the Username's Color As Well As Multicolored Username and Glow Sqc8ye7

Although this time, my whole name disappeared.
Kittykat123
Kittykat123
Forumember

Female Posts : 50
Reputation : 1
Language : English
Location : United States

http://thebeyond.forumotion.com/

Back to top Go down

In progress Re: Changing the Username's Color As Well As Multicolored Username and Glow

Post by Ange Tuteur September 4th 2015, 8:12 pm

The code looks fine. blackeye

The only thing that could prevent it from working would be erroneous code. So, try pasting it at the top of your stylesheet instead, if you haven't.
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13207
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

In progress Re: Changing the Username's Color As Well As Multicolored Username and Glow

Post by Kittykat123 September 4th 2015, 8:23 pm

It went in... but now it looks like this: And my icon and glow have disappeared too, plus the front part of the name is blue now, not black..

Changing the Username's Color As Well As Multicolored Username and Glow 4tXOWQ6
Kittykat123
Kittykat123
Forumember

Female Posts : 50
Reputation : 1
Language : English
Location : United States

http://thebeyond.forumotion.com/

Back to top Go down

In progress Re: Changing the Username's Color As Well As Multicolored Username and Glow

Post by Ange Tuteur September 4th 2015, 9:41 pm

In your stylesheet, do you have multiple rules with the following ?

[href="/u3"] or span[data-user="3"] if so, that can explain why multiple styles are being combined. I'd recommend getting rid of the duplicates that relate to your user ID and use the most recent rule sets you posted :
Code:
a[href="/u3"] span strong, span[data-user="3"] { font-size:0 }
a[href="/u3"] span strong:before, span[data-user="3"]:before {
  content:"Yu";
  font-size:11px;
  color:#000000;
}
a[href="/u3"] span strong:after, span[data-user="3"]:after {
  content:"uki";
  font-size:11px;
  color:#6b0000;
}
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13207
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

Back to top

- Similar topics

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