Topic Starter Ribbon

[Saiff]

Saiff, I've fixed the issue. You should receive an email containing the download link. Please download the product and install again. Let me know if you find any issues.

thanks, now installed
I do not see the buyer icon verified under my name

[Saiff]

Thank yoh glenn

the hook used for icons under the names is not for sale?

[Saiff]

Yes . the buyer and donor badges.
with the ratings system?

[vhforum]

This work on cloud? I purchased auto linker for cloud a while back and never figured out how to install it

[glennrocksvb]

FYI vhforum, I have implemented a vBCloud compatible version. Check it out at https://vbmods.rocks/forum/vbulletin...on-for-vbcloud

[glennrocksvb]

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 ribbon CSS, replace this line:

background-color: #fc7f00;

with:

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

If you are using a different ribbon color than the default gold, use this CSS Gradient Generator to generate the gradient CSS.

http://www.colorzilla.com/gradient-editor/

[NumNum]

I like how this changes all previous post starters as well, before the mod was even installed.

[NumNum]

What would cause the wrapper not to wrap?

[glennrocksvb]

Just an observation on default styles Denim, Grunge, and Light Blue, the banner font is cropped on each end.

Can you post a screenshot?

[glennrocksvb]

NumNum, try adding a fixed font family like Arial.

.vmtr-topic-starter #post:before {

    /* existing css properties here */ 

[COLOR=#FF0000]    font-family: Arial, sans-serif;[/COLOR]
}

[NumNum]

I'll work on the font change too, here is the original.

[NumNum]

Better with your font fix.

[NumNum]

Is there a way to make it responsive?

[glennrocksvb]

Is there a way to make it responsive?

What do you exactly mean? It works in mobile. It overlaps with the avatar though. But where do you want to place the ribbon? There's no other better place than there. And if you move the avatar, it would not look good.

[NumNum]

Ok, sounds good. Sorry to put you through the steps.

Thanks for all you do, Glenn.