This mod adds a topic starter ribbon feature to your forum. It shows a ribbon badge on the posts of the topic starter, so you can easily identify who started the topic.
This is very useful for forums that have active and lively discussions with many participants. It helps users to follow the topic more easily and clearly. It also enhances the user experience and makes your forum more colorful and attractive.
Compatibility:
Screenshot:
Demo:
See the gold Topic Starter ribbon at the upper left corner of postbit here on this topic.
Changes in the CSS not included in the package:
Notes for RTL: Change all instances of left to {vb:stylevar left} in the CSS and the degrees to 45deg (positive not negative).
Price 1:
$15 (with vbmods.rocks branding in the footer)
Price 2:
$40 ($15 base price + $25 branding-free)
This is very useful for forums that have active and lively discussions with many participants. It helps users to follow the topic more easily and clearly. It also enhances the user experience and makes your forum more colorful and attractive.
Compatibility:
- Compatible with vB6 (self-hosted)
- Compatible with vB5 (self-hosted)
- Not compatible with vBCloud. For vBCloud version, the mod can be found here.
Screenshot:
Demo:
See the gold Topic Starter ribbon at the upper left corner of postbit here on this topic.
Changes in the CSS not included in the package:
- Add fixed font family. If you are using other vB5 themes or a third-party theme that is not using Arial as the default font, the "Topic Starter" text may not fit in the ribbon. Thanks NumNum for catching this issue.
In the ribbon CSS insert this under .vmtr-topic-starter #post:before and inside { and }.
Code:font-family: Arial, sans-serif;
- In some themes (default or third-party) where links have underline on hover or by itself, the ribbon may inherit that style.
To remove the text underline from the ribbon, insert this under .vmtr-topic-starter #post and inside { and }.
Code:text-decoration: none;
- Add gradient and shadow to the ribbon (Optional). If you want to add gradient and shadow to add some depth to the ribbon, you can make some adjustments to the CSS.
In the same ribbon CSS mentioned in #1, replace this line:
Code:background-color: #fc7f00;
Code:background: #fc7f00; background: -moz-linear-gradient(top, #ffb76b 0%, #ffa73d 37%, #ff7c00 51%, #ff7f04 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ffb76b 0%,#ffa73d 37%,#ff7c00 51%,#ff7f04 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ffb76b 0%,#ffa73d 37%,#ff7c00 51%,#ff7f04 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb76b', endColorstr='#ff7f04',GradientType=0 ); /* IE6-9 */ box-shadow: 3px 3px 4px rgba(0,0,0,.3);
http://www.colorzilla.com/gradient-editor/
Notes for RTL: Change all instances of left to {vb:stylevar left} in the CSS and the degrees to 45deg (positive not negative).
Price 1:
$15 (with vbmods.rocks branding in the footer)
Price 2:
$40 ($15 base price + $25 branding-free)
Don't have a PayPal account yet or want to use a new account to purchase this mod? Sign up with PayPal now and get $5 reward!
Want to pay using Credit/Debit Card? Contact us and we will send you an invoice where you can use your own card.
Comment