Jump to content

  •  

* * * * * 1 votes

Fancy Animated Tags

animated gif tag rank

  • Please log in to reply
19 replies to this topic

#1 Nyqi

Nyqi

    Member

  • Member
  • PipPip
  • 12 posts

Posted 10 August 2016 - 05:07 PM

Fancy Animated Tags

Posted ImagePosted Image

BIG UPDATE: You can use my online generator HERE: https://nyqi.github.io/animated-tags/

In this tutorial I will show you how to create animated tags:

You will need to download attached file - Attached File  sparkles.zip   293.2K   102 downloads then place it somewhere to your IPS FTP folder I placed it inside uploads folder.
In next step you will need to go to your Admin CP, then go to Members > Groups > Select group you want to edit for animated tag > Click on Edit button Posted Image > You will need to put this content inside Group Formatting
<span style='color: #9572ff; background: url(http://your-website.com/uploads/sparkles/sparkle_purple.gif); font-weight: bold;'>
Group Name
</span>
Posted Image
(Remember to replace your-website.com with your website!)
As color you can use HEX color, find colors here: http://www.color-hex.com/ and as sparkle image (in our example it was sparkle_purple.gif) you can use anything from this list:
sparkle_green_light.gif, sparkle_blue.gif, sparkle_brown.gif, sparkle_red.gif, sparkle_green.gif,
sparkle_lime.gif, sparkle_blue_light.gif, sparkle_white.gif, sparkle_yellow_light.gif, sparkle_grey.gif,
sparkle_orange.gif, sparkle_teal.gif, sparkle_purple.gif, sparkle_yellow.gif, sparkle_pink.gif,
sparkle_pink_light.gif, fire_navy.gif, fire_pink.gif, fire_orange.gif, fire_brown.gif, fire_purple.gif, fire_blue.gif,
fire_lime.gif, fire_red.gif, fire_white.gif, fire_black.gif, fire_green.gif, fire_teal.gif, fire_grey.gif
You can also remove font-weight: bold if you don't want to have your name bold.
Then click Save and you are done! Feel free to ask for anything! ;)

Edited by Nyqi, 11 August 2016 - 01:08 AM.


#2 Nyqi

Nyqi

    Member

  • Member
  • PipPip
  • 12 posts

Posted 10 August 2016 - 08:08 PM

View Posteratsu, on 10 August 2016 - 05:38 PM, said:

do you have any print preview?
If you mean demo site, unfortunately no. I have IPB only on my localhost.

EDIT: Look at this: https://nyqi.github.io/animated-tags/ I've just created it! :)

Edited by Nyqi, 11 August 2016 - 01:21 AM.


#3 L3G4CY

L3G4CY

    Newbie

  • Member
  • Pip
  • 6 posts

Posted 27 August 2016 - 11:26 AM

Thanks dude. I've seen this on so many communities and have always wondered how they were done. Can't wait to set up some tags for me and my boys.

#4 Nevvy

Nevvy

    Member

  • Member
  • PipPip
  • 12 posts

Donator

Posted 29 August 2016 - 10:55 PM

Thanks!
Finaly i created nice tags for groups!

#5 nnps

nnps

    Newbie

  • Member
  • Pip
  • 5 posts

Posted 29 August 2016 - 11:57 PM

I have been working to find someway to do it this way, appreciate this. will 100% be using these on my current site!

#6 lapatata

lapatata

    Newbie

  • Member
  • Pip
  • 7 posts

Posted 06 September 2016 - 06:22 AM

Thanks, but i have a question: can i create prefixes and suffixes with this? If i can ┬┐How?

#7 Cliffr

Cliffr

    Newbie

  • Member
  • Pip
  • 3 posts
  • LocationBrazil

Posted 22 January 2017 - 06:04 PM

Thank you very much, would you like to know if it has other effects?

#8 Vichy

Vichy

    Baws

  • Member
  • PipPip
  • 12 posts

Posted 28 January 2017 - 01:00 AM

Thank you very much for the online tool, makes life so much easier!

A small suggestion to it, though, ability to add an image before or after the group name, would that be possible?

#9 logan5

logan5

    Newbie

  • Member
  • Pip
  • 6 posts

Posted 29 August 2017 - 08:31 AM

I truly fail at graphics. It's almost like a mental block. This will certainly help me make better group tags though. I'm not kidding in the least, my attempts at making graphics, looks like someone abused it.

#10 Layoffin

Layoffin

    Newbie

  • Member
  • Pip
  • 3 posts

Posted 30 January 2018 - 09:08 PM

Thanks bro! I've been wondering since a REALLY long time, that how did the people put that animated profile pictures and stuff!

#11 Unknown101

Unknown101

    Newbie

  • Member
  • Pip
  • 7 posts

Donator

Posted 13 March 2018 - 10:49 PM

ok i will try looks nice <3

#12 ETGoHome

ETGoHome

    Newbie

  • Member
  • Pip
  • 6 posts

Posted 08 April 2018 - 08:32 AM

Hold up these look familiuar.

Are these the same effects used in enjin?

#13 dis is naked

dis is naked

    Newbie

  • Member
  • Pip
  • 5 posts

Posted 29 May 2018 - 12:51 AM

Thanks!
Was searching for ages how to make custom groups :)
Finally haha ty alot

#14 patcharakorn

patcharakorn

    Newbie

  • Donator
  • Pip
  • 6 posts

Donator

Posted 14 July 2018 - 04:33 PM

Thx for this info.

#15 Akirito

Akirito

    Newbie

  • Member
  • Pip
  • 6 posts

Posted 15 July 2018 - 12:33 AM

That's pretty nice tho, imma update my tags finnaly <3

#16 SamLegend

SamLegend

    Newbie

  • Member
  • Pip
  • 7 posts

Posted 17 July 2018 - 02:59 AM

Thanks so much for this one. I was searching for this pack long time ago. Thanks for it.
I have some Sparks and I will put on this forum soon as possible. Stay tuned.

#17 debstup

debstup

    The Great

  • Member
  • PipPip
  • 12 posts

Posted 21 July 2018 - 10:22 PM

Thanks man, will be using on my site.
suggestion : you could add some different fonts

#18 Yelope

Yelope

    Newbie

  • Member
  • Pip
  • 5 posts

Posted 09 September 2018 - 07:18 PM

Love it, i was looking for this alot of time. Everytime i copied codes from other boards, now im free ;)
Like'd post, usefull post.

#19 AGSKY

AGSKY

    Newbie

  • Member
  • Pip
  • 1 posts

Posted 14 September 2018 - 02:38 PM

Thanks really usefull for us.good job keep it u!

#20 ImNotHim!

ImNotHim!

    Newbie

  • Member
  • Pip
  • 1 posts

Posted Yesterday, 03:39 AM

Awesome bro, thanks alot!





Also tagged with one or more of these keywords: animated, gif, tag, rank

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users