Jump to content

  •  

Important Notification

Members,
For your security and privacy please read this IV News Article to protect your community and your self from IPS. This is urgent and should be taken seriously.
Thank you,
IV Management

* * * * * 2 votes

Fancy Animated Tags

animated gif tag rank

  • Please log in to reply
22 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   154 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 Mirage_blvck

Mirage_blvck

    Member

  • Donator
  • 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

  • Member
  • 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 21 September 2018 - 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