Sparkling usernames

[sharkgamingph]

Hello, how can I make a group with sparkling usernames or like this:

I've already seen some forums that talking about this, I try to follow their instructions but it seems not working at all. I'm using Invision Power Board 4.4.10 (upgrading to 4.5.2)
 

Edited September 23, 2020 by sharkgamingph

[Oni]

Go to your AdminCP ⇾ Members ⇾ Groups, and choose one to edit, it should look like this after:

The important part for us is the "Group Formatting" where we can choose between "Use Color" or "Use HTML", since we want to apply a style not just a color we are going to select "Use HTML".

Paste this into the first box: <span class="clrSparkle"> and this into the second box: </span>

Save your changes and go to Customization ⇾ Themes ⇾ Your Theme ⇾ Edit HTML & CSS and open the custom.css of your theme.

Paste this into it:

.clrSparkle {
  color: #56deff;
  font-weight: bold;
  background: url(https://i.imgur.com/8wxFgdm.gif);
}

I used this sparkle-effect for it:

You can add multiple variants to your custom.css and use them the same way.

Edited September 23, 2020 by Oni

[mr-pimpen]

3 hours ago, Oni said:

Go to your AdminCP ⇾ Members ⇾ Groups, and choose one to edit, it should look like this after:

The important part for us is the "Group Formatting" where we can choose between "Use Color" or "Use HTML", since we want to apply a style not just a color we are going to select "Use HTML".

Paste this into the first box: <span class="clrSparkle"> and this into the second box: </span>

Save your changes and go to Customization ⇾ Themes ⇾ Your Theme ⇾ Edit HTML & CSS and open the custom.css of your theme.

Paste this into it:

.clrSparkle {
  color: #56deff;
  font-weight: bold;
  background: url(https://i.imgur.com/8wxFgdm.gif);
}

I used this sparkle-effect for it:

You can add multiple variants to your custom.css and use them the same way.

that dont work for me but this one do just add this showing image above

<span style='color: #9572ff; background: url(http://your-website.com/uploads/sparkles/sparkle_purple.gif); font-weight: bold;'>

(http://your-website.com/uploads/sparkles/sparkle_purple.gif)

change

[sharkgamingph]

5 hours ago, Oni said:

Go to your AdminCP ⇾ Members ⇾ Groups, and choose one to edit, it should look like this after:

The important part for us is the "Group Formatting" where we can choose between "Use Color" or "Use HTML", since we want to apply a style not just a color we are going to select "Use HTML".

Paste this into the first box: <span class="clrSparkle"> and this into the second box: </span>

Save your changes and go to Customization ⇾ Themes ⇾ Your Theme ⇾ Edit HTML & CSS and open the custom.css of your theme.

Paste this into it:

.clrSparkle {
  color: #56deff;
  font-weight: bold;
  background: url(https://i.imgur.com/8wxFgdm.gif);
}

I used this sparkle-effect for it:

You can add multiple variants to your custom.css and use them the same way.

Btw thanks for your guide! It's working now! Thank you!

[mr-pimpen]

1 hour ago, sharkgamingph said:

Btw thanks for your guide! It's working now! Thank you!

what codes did you use from mr-pimpen or oni so we know what solved your issue

[Oni]

The way I recommended works perfectly, the problem should be on your end @mr-pimpen

Also, if you are using my way you would never have to touch the group settings again to edit the group formatting, once set, it's properties getting loaded by your custom.css which means less headache when editing group formatting

[mr-pimpen]

24 minutes ago, Oni said:

The way I recommended works perfectly, the problem should be on your end @mr-pimpen

Also, if you are using my way you would never have to touch the group settings again to edit the group formatting, once set, it's properties getting loaded by your custom.css which means less headache when editing group formatting

it did not work you cant just use css if there is no other way to make that work the codes i gave him works perfect learn coding be for you cans say I recommended works

 

[Oni]

1 hour ago, mr-pimpen said:

it did not work you cant just use css if there is no other way to make that work the codes i gave him works perfect learn coding be for you cans say I recommended works

 

You are apparently very inexperienced my friend, you didn't even manage to follow my little tutorial.

It works, I do it that way since years - and you are not a developer, you are a wannabe. Go read more of my posts so you can learn something

It's working perfectly as you can see.

Edited September 23, 2020 by Oni

[mr-pimpen]

when im wrong i will tell you!!!!!!!!!!!!!

i have must of miss something and i have to say it did work so dont get upset when someone comments!! ps i am very experienced i have stuff you dont have that i dont share but i give you a high five

 

ps

be nice when you comment

[sharkgamingph]

I follow @Oni Guide, and it works. As he stated above
I paste this code <span class="clrSparkle"> in the first box then I paste this code </span> to second box

2nd, I go to my themes >> My theme >> edit html and css >> css tab >> custom css >> then I paste this code:

clrSparkle {
  color: #56deff;
  font-weight: bold;
  background: url(https://i.imgur.com/8wxFgdm.gif);
}

And it works!
Here's the screenshots:

 

And btw can I ask one more question in this thread or I should create another one? My question is how can I customize the sidepage slider?

[nonsonokee]

or, go in group settings, > use html

1st box> :

<span style="background-image: url('https://i.imgur.com/8wxFgdm.gif');">

2nd:

</span>

 

if you want add some style you could do:

Spoiler

<span style="color: #AF47FF; font-weight: bold; background-image: url('https://i.imgur.com/8wxFgdm.gif');">

this just add the font color (html color = AF47FF) and the bold

[Tony]

The question(s) in this support topic have been answered and the topic author has resolved their issue. This topic is now closed. If you have other questions, please open a new topic.