MyBB Community Forums
Rainbow Username style - Printable Version

+- MyBB Community Forums (https://community.mybb.com)
+-- Forum: Resources (https://community.mybb.com/forum-8.html)
+--- Forum: Tutorials (https://community.mybb.com/forum-38.html)
+--- Thread: Rainbow Username style (/thread-153667.html)



Rainbow Username style - shezen - 2014-05-11

.
.
1-Upload rainbow.js into your jscripts file in root

2-Go to: Admin control panel> Templates & Style> Templates> your desired template> Ungrouped Templates> headerinclude
add the following code:
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/rainbow.js"></script>

3-Go to: Admin control panel> Templates & Style> Templates> your desired template> Footer Templates> footer
Insert the following code at the very bottom:
<!-- rainbow text initialize -->
<script type="text/javascript"> 
<!--
rain();
//  End -->
</script>
<!-- rainbow text end -->

4-Open:
Users & Groups > Groups > Your group > Username Style
Replace everything in there with:
<span class="rainbow">{username}</span>

5-Enjoy Wink


RE: Rainbow Username style - iHasZombiesHD - 2014-05-11

This has been something that interested me for a while. However, there has been some bugs/glitches when the user with that color posts a announcement, the username displays weird. Anyway nice tutorial, should help someone around here, and hopefully I can provide a screenshot or a fix to show you what I mean.


RE: Rainbow Username style - PARADOXP - 2020-05-09

(2014-05-11, 04:26 AM)shezen Wrote: .
.
1-Upload rainbow.js into your jscripts file in root

2-Go to: Admin control panel> Templates & Style> Templates> your desired template> Ungrouped Templates> headerinclude
add the following code:
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/rainbow.js"></script>

3-Go to: Admin control panel> Templates & Style> Templates> your desired template> Footer Templates> footer
Insert the following code at the very bottom:
<!-- rainbow text initialize -->
<script type="text/javascript"> 
<!--
rain();
//  End -->
</script>
<!-- rainbow text end -->

4-Open:
Users & Groups > Groups > Your group > Username Style
Replace everything in there with:
<span class="rainbow">{username}</span>

5-Enjoy Wink
not working ☹️😭