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