Announcement

Collapse
No announcement yet.

Topic Prefix style that rocks!

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

    #16
    AdminCP > Topic Prefixes > Topic Prefix Manager > Add Prefix or Edit (existing prefix)
    Helpful? Donate. Thanks!
    Buy me a coffeePayPal QR Code
    Fast VPS Host for vBulletin:
    A2 Hosting & IONOS

    Comment


      #17
      Glenn where am I going wrong here?

      I have this in the β€œRich Text”

      HTML Code:
       <span class="prefix-1" title="This is the hover text and it is optional">Sticky</span>
      And here is the CSS

      Code:
        /* Topic Prefix custom style - START */
      /* Common styles for all prefixes */
      .js-topic-prefix [class^="prefix-"],
      .search-module-prefix [class^="prefix-"],
      .b-post__title [class^="prefix-"],
      .post-action-wrapper [class^="prefix-"] {
          padding: 2px;
          font-size: 11px;
          font-weight: bold;
          border-radius: 3px;
          position: relative;
          bottom: 2px;
          text-transform: uppercase;
          white-space: nowrap;
      }
      .post-action-wrapper [class^="prefix-"] {
          padding: 1px 2px;
          bottom: 1px;
      }
      .search-module-prefix [class^="prefix-"] {
          bottom: 1px;
      }
      .b-post__title [class^="prefix-"] {
          padding: 1px 2px;
      }
      
      /* Separate styles for each prefix type */
      .js-topic-prefix .prefix-1,
      .search-module-prefix .prefix-1,
      .b-post__title .prefix-1,
      .post-action-wrapper .prefix-1 {
          color: #fff;
          border: 1px solid #008000;
          background-color: rgba(0, 128, 0, 0.8);
      }
      .js-topic-prefix .prefix-Sticky,
      .search-module-prefix .prefix-Sticky,
      .b-post__title .prefix-Sticky,
      .post-action-wrapper .prefix-Sticky {
          color: #fff;
          border: 1px solid #ed143d;
          background-color: rgba(237, 20, 61, 0.85);
      }
      /* Topic Prefix custom style - END */

      Comment


        #18
        Never mind I gave up on it. Figured I didn't need it anyway

        Comment


          #19
          Hi. How I can make prefixes to be showed in modules as well? As I added trending module and pointed to show only topics from that channel , sadly doesn't show the prefixes. Thanks

          Comment


            #20
            Works great, thank you for this!

            Comment


              #21
              Works great. Thanks.
              Works in vB 5.6.0.

              Comment


                #22
                colors are not displayed in mobile version. any advice ?

                Comment


                  #23
                  I confirm it works nicely on 5.6.3, and also in mobile mode

                  Attached Files

                  Comment


                    #24
                    how to display it in forum home ? it only appears in thread bit ..

                    Comment


                      #25
                      Originally posted by Mitch View Post
                      Glenn where am I going wrong here?

                      I have this in the β€œRich Text”

                      HTML Code:
                       <span class="prefix-1" title="This is the hover text and it is optional">Sticky</span>
                      And here is the CSS

                      Code:
                       /* Topic Prefix custom style - START */
                      /* Common styles for all prefixes */
                      .js-topic-prefix [class^="prefix-"],
                      .search-module-prefix [class^="prefix-"],
                      .b-post__title [class^="prefix-"],
                      .post-action-wrapper [class^="prefix-"] {
                      padding: 2px;
                      font-size: 11px;
                      font-weight: bold;
                      border-radius: 3px;
                      position: relative;
                      bottom: 2px;
                      text-transform: uppercase;
                      white-space: nowrap;
                      }
                      .post-action-wrapper [class^="prefix-"] {
                      padding: 1px 2px;
                      bottom: 1px;
                      }
                      .search-module-prefix [class^="prefix-"] {
                      bottom: 1px;
                      }
                      .b-post__title [class^="prefix-"] {
                      padding: 1px 2px;
                      }
                      
                      /* Separate styles for each prefix type */
                      .js-topic-prefix .prefix-1,
                      .search-module-prefix .prefix-1,
                      .b-post__title .prefix-1,
                      .post-action-wrapper .prefix-1 {
                      color: #fff;
                      border: 1px solid #008000;
                      background-color: rgba(0, 128, 0, 0.8);
                      }
                      .js-topic-prefix .prefix-Sticky,
                      .search-module-prefix .prefix-Sticky,
                      .b-post__title .prefix-Sticky,
                      .post-action-wrapper .prefix-Sticky {
                      color: #fff;
                      border: 1px solid #ed143d;
                      background-color: rgba(237, 20, 61, 0.85);
                      }
                      /* Topic Prefix custom style - END */
                      same here, wonΒ΄t work...

                      IΒ΄ve version 5.6.4

                      works only in Forumbit not Forumhome

                      Comment


                        #26
                        Hi,

                        I don't use this mod, I use the Prefix option of vBulletin. However I would be interested in extending the prefixes to forumhome and modules as on vBmods.rocks website or like this one.

                        Regards

                        Comment


                          #27
                          Originally posted by lange View Post
                          I don't use this mod, I use the Prefix option of vBulletin.
                          This is using the Prefix option in AdminCP. This just describes what HTML to use for the prefixes so you can style different prefixes with some common styles and easily apply distinct styles.
                          Helpful? Donate. Thanks!
                          Buy me a coffeePayPal QR Code
                          Fast VPS Host for vBulletin:
                          A2 Hosting & IONOS

                          Comment


                            #28
                            Hi,

                            I will re-read this topic because I am confuse with the installation of this mod.

                            How to display it in forum home and in modules ?

                            I just made a suggestion on vBulletin.com. So as is done on XF.

                            Regards

                            Comment


                              #29
                              This mod does not change where prefixes are displayed. It just styles them wherever they are displayed. Prefixes show up in forum channel display, forum channel directory Last Post column, topic first post, Search module (Topic view). I think by default it does not show on Search module (Default view).
                              Helpful? Donate. Thanks!
                              Buy me a coffeePayPal QR Code
                              Fast VPS Host for vBulletin:
                              A2 Hosting & IONOS

                              Comment


                              • lange
                                lange commented
                                Editing a comment
                                Originally posted by glennrocksvb View Post
                                I think by default it does not show on Search module (Default view).
                                Just too bad then.

                                Thanks

                              #30
                              Ignore. Can't delete posts, so I just removed the content and replaced it with this message.
                              The Linux Community has given me much. I do what I can to return the favor!

                              Comment

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