This is part CSS and part module hack. It produces the effect of the Ribbons mod in vB4x. I call them banners in 5x.
Before and After
In css_additional.css
Then edit templates, locate display_contenttype_threadview_header
At around Line 131 look for {vb:set schemaAuthor.itemprop, name}
Place the new code below after this line and before <!-- REPLY -->
Save the images into the root/images folder (or change the code to the folder you prefer).
Note: This code keys off the users profile TITLE. If you change the title, such as Administrator to GOD, then the banner code must be updated too.
Note 2: Change the position values and size values to tweak the placement to fit your theme.
Before and After
In css_additional.css
Code:
/* Start Banners */ .banner-image{ display: block; float:right; position:relative; [COLOR=#008000] top:-20px; right: -25px;[/COLOR] [COLOR=#0000FF] width: 64px; height: 64px;[/COLOR] } /* End Banners */
At around Line 131 look for {vb:set schemaAuthor.itemprop, name}
Place the new code below after this line and before <!-- REPLY -->
Code:
<vb:if condition="$userInfo['usertitle'] == 'Administrator' "> <img class="banner-image" src="/images/banner-Administrator.gif" /> <vb:else /> <vb:if condition="$userInfo['usertitle'] == 'Super Moderator' "> <img class="banner-image" src="/images/banner-supermod.gif" /> <vb:else /> <vb:if condition="$userInfo['usertitle'] == 'Moderator' "> <img class="banner-image" src="/images/banner-moderator.gif" /> <vb:else /> <vb:if condition="$userInfo['usertitle'] == 'V.I.P.' "> <img class="banner-image" src="/images/banner-VIP.gif" /> <vb:else /> <vb:if condition="$userInfo['usertitle'] == 'Banned Users' "> <img class="banner-image" src="/images/banner-BannedUser.gif" /> </vb:if> </vb:if> </vb:if> </vb:if> </vb:if>
Note: This code keys off the users profile TITLE. If you change the title, such as Administrator to GOD, then the banner code must be updated too.
Note 2: Change the position values and size values to tweak the placement to fit your theme.
Comment