Announcement

Collapse
No announcement yet.

Topic Starter Ribbon

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

    #16
    Originally posted by glennrocksvb View Post
    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

    Comment


    • glennrocksvb
      glennrocksvb commented
      Editing a comment
      Thanks for confirming it works. Buyer badge added to your name.

    #17
    Thank yoh glenn

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

    Comment


    • glennrocksvb
      glennrocksvb commented
      Editing a comment
      The buyer and donor badges? That's just using ranks and images.

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

    Comment


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

      Comment


      • glennrocksvb
        glennrocksvb commented
        Editing a comment
        No it is not compatible with vBCloud. I will check if it's possible to do this in vBCloud.

        As for the Autolinker mod, there are instructions provided in the package. If you need professional help in installing it, I recommend you to purchase the Product Installation Add-On here.

      #20
      FYI vhforum, I have implemented a vBCloud compatible version. Check it out at https://vbmods.rocks/forum/vbulletin...on-for-vbcloud
      Helpful? Donate. Thanks!
      Buy me a coffeePayPal QR Code
      Fast VPS Host for vBulletin:
      A2 Hosting & IONOS

      Comment


        #21
        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:
        background-color: #fc7f00;
        with:

        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);
        If you are using a different ribbon color than the default gold, use this CSS Gradient Generator to generate the gradient CSS.


        Helpful? Donate. Thanks!
        Buy me a coffeePayPal QR Code
        Fast VPS Host for vBulletin:
        A2 Hosting & IONOS

        Comment


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

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

        Comment


          #23
          What would cause the wrapper not to wrap?

          Click image for larger version  Name:	wrap.JPG Views:	1 Size:	5.3 KB ID:	6306Click image for larger version

Name:	wrap.JPG
Views:	80
Size:	5.4 KB
ID:	6308

          Comment


          • glennrocksvb
            glennrocksvb commented
            Editing a comment
            Check for syntax error in the css. You might have error again like you had before. Or you have missing or stray { }

          • NumNum
            NumNum commented
            Editing a comment
            You're so smart!

            Thank you!!

          • NumNum
            NumNum commented
            Editing a comment
            Just an observation on default styles Denim, Grunge, and Light Blue, the banner font is cropped on each end.

          #24
          Originally posted by NumNum View Post
          Just an observation on default styles Denim, Grunge, and Light Blue, the banner font is cropped on each end.
          Can you post a screenshot?
          Helpful? Donate. Thanks!
          Buy me a coffeePayPal QR Code
          Fast VPS Host for vBulletin:
          A2 Hosting & IONOS

          Comment


            #25
            NumNum, try adding a fixed font family like Arial.

            Code:
            .vmtr-topic-starter #post:before {
            
                /* existing css properties here */ 
            
            [COLOR=#FF0000]    font-family: Arial, sans-serif;[/COLOR]
            }
            Helpful? Donate. Thanks!
            Buy me a coffeePayPal QR Code
            Fast VPS Host for vBulletin:
            A2 Hosting & IONOS

            Comment


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

              Click image for larger version

Name:	Untitled.png
Views:	122
Size:	11.8 KB
ID:	6317

              Comment


              • glennrocksvb
                glennrocksvb commented
                Editing a comment
                I should have added a fixed font in the CSS. Without it, it would inherit whatever default font is used in the theme and that may cause this issue you encountered.

              • NumNum
                NumNum commented
                Editing a comment
                To be honest I'm not going to worry about it to much. I wonder if some of it may be screen resolution setting as well.

                Either way, great product!

              #27
              Better with your font fix.
              Click image for larger version

Name:	Capture.JPG
Views:	119
Size:	6.6 KB
ID:	6321

              Comment


                #28
                Is there a way to make it responsive?

                Comment


                  #29
                  Originally posted by NumNum View Post
                  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.
                  Helpful? Donate. Thanks!
                  Buy me a coffeePayPal QR Code
                  Fast VPS Host for vBulletin:
                  A2 Hosting & IONOS

                  Comment


                  • NumNum
                    NumNum commented
                    Editing a comment
                    That's the behavior I see. What would happen if only a smaller banner showed up without the font in the mobile?

                  • glennrocksvb
                    glennrocksvb commented
                    Editing a comment
                    I checked and the smallest the ribbon it can get without text in it is 60x60 as compared to the default 85x85. But it would still touch the avatar. If you make it smaller, it wouldn't look like a ribbon anymore.

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

                  Thanks for all you do, Glenn.

                  Comment


                  • glennrocksvb
                    glennrocksvb commented
                    Editing a comment
                    No problem

                Users Viewing This Page

                Collapse

                There is 1 user viewing this forum topic.

                • Guest Guest

                Latest Posts

                Collapse

                Working...
                X
                Searching...Please wait.
                An unexpected error was returned: 'Your submission could not be processed because you have logged in since the previous page was loaded.

                Please push the back button and reload the previous window.'
                An unexpected error was returned: 'Your submission could not be processed because the token has expired.

                Please push the back button and reload the previous window.'
                An internal error has occurred and the module cannot be displayed.
                There are no results that meet this criteria.
                Search Result for "|||"