SamCheets Posted October 16, 2020 Share Posted October 16, 2020 (edited) james.mp4.2b779f272fb95c768246db66a6b1d366.mp4 Video by: @sharkgamingph css .donor { animation: rainbow 10s infinite; } @keyframes rainbow { 0% { color: orange; } 10% { color: purple; } 20% { color: red; } 30% { color: CadetBlue; } 40% { color: yellow; } 50% { color: coral; } 60% { color: green; } 70% { color: cyan; } 80% { color: DeepPink; } 90% { color: DodgerBlue; } 100% { color: orange; } } then put <span class="donor"> </span> into your group formatting. Step by step: 1) Go to Customization 2)Click Themes 3)Click Edit HTML and CSS the theme you are using. 4)Click CSS 5)Select custom.css 6)Add the CSS code into this section 7)Go to Groups 8)Select group that you want to apply Rainbow effect 9)In the group formatting, click to Use HTML 10)Add <span class="donor"> to first textbox 11) Add </span> to second textbox Yes, there is a script version in the forum, but for me, CSS is better than a script for those situations. Edited October 16, 2020 by SamCheets 1 Quote Link to comment Share on other sites More sharing options...
sharkgamingph Posted October 22, 2020 Share Posted October 22, 2020 Ohh lol. Thanks!! Quote Link to comment Share on other sites More sharing options...
DrStrange Posted October 22, 2020 Share Posted October 22, 2020 Looks nice Quote Link to comment Share on other sites More sharing options...
nonsonokee Posted October 22, 2020 Share Posted October 22, 2020 seems cool, i'll try it Quote Link to comment Share on other sites More sharing options...
jhoancito Posted September 14, 2021 Share Posted September 14, 2021 On 10/16/2020 at 8:47 AM, SamCheets said: james.mp4.2b779f272fb95c768246db66a6b1d366.mp4 489.63 kB · 0 downloads Video by: @sharkgamingph css .donor { animation: rainbow 10s infinite; } @keyframes rainbow { 0% { color: orange; } 10% { color: purple; } 20% { color: red; } 30% { color: CadetBlue; } 40% { color: yellow; } 50% { color: coral; } 60% { color: green; } 70% { color: cyan; } 80% { color: DeepPink; } 90% { color: DodgerBlue; } 100% { color: orange; } } then put <span class="donor"> </span> into your group formatting. Step by step: 1) Go to Customization 2)Click Themes 3)Click Edit HTML and CSS the theme you are using. 4)Click CSS 5)Select custom.css 6)Add the CSS code into this section 7)Go to Groups 8)Select group that you want to apply Rainbow effect 9)In the group formatting, click to Use HTML 10)Add <span class="donor"> to first textbox 11) Add </span> to second textbox Yes, there is a script version in the forum, but for me, CSS is better than a script for those situations. You can pass the code with the diamond but you have to put it On 10/16/2020 at 8:47 AM, SamCheets said: james.mp4.2b779f272fb95c768246db66a6b1d366.mp4 489.63 kB · 0 downloads Video by: @sharkgamingph css .donor { animation: rainbow 10s infinite; } @keyframes rainbow { 0% { color: orange; } 10% { color: purple; } 20% { color: red; } 30% { color: CadetBlue; } 40% { color: yellow; } 50% { color: coral; } 60% { color: green; } 70% { color: cyan; } 80% { color: DeepPink; } 90% { color: DodgerBlue; } 100% { color: orange; } } then put <span class="donor"> </span> into your group formatting. Step by step: 1) Go to Customization 2)Click Themes 3)Click Edit HTML and CSS the theme you are using. 4)Click CSS 5)Select custom.css 6)Add the CSS code into this section 7)Go to Groups 8)Select group that you want to apply Rainbow effect 9)In the group formatting, click to Use HTML 10)Add <span class="donor"> to first textbox 11) Add </span> to second textbox Yes, there is a script version in the forum, but for me, CSS is better than a script for those situations. it did not work for me add custom.css and group it did not work for me 4.6 Quote Link to comment Share on other sites More sharing options...
SamCheets Posted September 17, 2021 Author Share Posted September 17, 2021 I don't think it's not related with IPB 4.6 Make sure you followed all of these steps correctly. Quote Link to comment Share on other sites More sharing options...
Kosta2 Posted December 6, 2021 Share Posted December 6, 2021 (edited) Yes, Not Works For 4.6 Please Fix if you can. Thank you. Edited December 6, 2021 by Kosta2 Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.