Announcement

Collapse
No announcement yet.

Topic Starter Ribbon for vBCloud

Collapse
X
Collapse
First Prev Next Last
  • Filter
  • Time
  • Show
Clear All
new posts

    [Official - Paid] Topic Starter Ribbon for vBCloud

    In a topic, sometimes it gets confusing especially in a lengthy discussion who started the topic. You may often find yourself scrolling to the top or navigating to the first post to remember the username of the original poster. This vBCloud mod implements this useful feature.

    This mod is for vBCloud only. For self-hosted vBulletin 5 Connect, the mod can be found here.

    Screenshot:

    Click image for larger version  Name:	topic-starter-ribbon3.png Views:	1 Size:	58.5 KB ID:	6028

    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:
    1. 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:
      You need to be logged in to view the code. Login or Register now!
    2. In some themes 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:
      You need to be logged in to view the code. Login or Register now!
    3. 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:
      You need to be logged in to view the code. Login or Register now!
      with:

      Code:
      You need to be logged in to view the code. Login or Register now!
      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/


    Price 1:

    $15 (with vbmods.rocks branding in the footer)

    Buy Now Add to Cart View Cart

    Price 2:

    $40
    ($15 base price + $25 branding-free)
    Buy Now Add to Cart View Cart

    Product Installation Add-On: $20
    Purchase this product add-on to get professional installation of this mod from us.

    Add to Cart View Cart


    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!
    Last edited by glennrocksvb; 10-09-2017, 08:34 AM. Reason: Added CSS change #2

    #2
    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:

    Code:
    You need to be logged in to view the code. Login or Register now!
    with:

    Code:
    You need to be logged in to view the code. Login or Register now!
    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/

    Comment


    • glennrocksvb
      glennrocksvb commented
      Editing a comment
      See postbit here for demo of the new ribbon style.

    #3
    Updated suggested CSS changes in first post. Added change #2. Please see description for more details.

    Comment


      #4
      I found a breaking change in the upcoming vB 5.3.4 version that breaks the CSS for this Topic Starter Ribbon mod.

      To fix this issue, change all instances of the code below in the custom CSS added for this mod:

      Code:
      You need to be logged in to view the code. Login or Register now!

      with:

      Code:
      You need to be logged in to view the code. Login or Register now!

      Comment


        #5
        Re-opened all orders to send the updated mod with the new ribbon style. It also includes the 5.3.4 fix. No need to re-install the mod. Only the CSS code was updated. Follow the instructions in "I: Add Topic Starter Ribbon CSS" section.

        Comment


          #6
          Glenn
          What issues does the new 5.3.4 update cause? Mine seems ok, i have yet to add the fix

          Never mind it seems i already purchased it after the update you posted...
          vintage ford forum

          Comment

          Working...
          X