header

Collapse

Add new phrase to unread topics vB5

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • Go to Thank You yilmaz
    Administrator

    ❤️❤️❤️❤️❤️❤️❤️
    • 12.2020
    • 783
    • 5.7.1
    • 514
    • 250

    Font Size
    #1

    vB5.X.X Add new phrase to unread topics vB5

    Go to Thank You
    Description:
    Adding "NEW" icon on unread topics as I mentioned in the topic


    How to install:
    If you add the following CSS code to the css_additional.css template of the style you are using, it will look like the screenshot.

    HTML Code:
    tr.topic-item.unread.js-topic-item .js-topic-title:after {
        content: "{vb:rawphrase new}";
        display: inline-block;
        background: #dc3030;
        padding: 1px 4px;
        font-size: 11px;
        color: #FFF;
        border-radius: 3px;    
        margin-{vb:stylevar left}: 5px;
        position: relative;
        top: -2px;
    }
    Attached Files
    Go to Top of Post
    Similar Threads
  • Go to Thank You mito22
    Senior Member

    ❤️
    • 02.2021
    • 120
    • 47
    • 69

    Font Size
    #2
    Go to Thank You
    Mh..... little mistake?

    Go to Top of Post

    Comment

    • Go to Thank You yilmaz
      Administrator

      ❤️❤️❤️❤️❤️❤️❤️
      • 12.2020
      • 783
      • 5.7.1
      • 514
      • 250

      Font Size
      #3
      Go to Thank You
      Replace it with
      HTML Code:
      tr.topic-item.unread.js-topic-item .js-topic-title:after {
          content: "New";
          display: inline-block;
          background: #dc3030;
          padding: 1px 4px;
          font-size: 11px;
          color: #FFF;
          border-radius: 3px;
          margin-{vb:stylevar left}: 5px;
          position: relative;
          top: -2px;
      }
      Go to Top of Post

      Comment

      • Go to Thank You mito22
        Senior Member

        ❤️
        • 02.2021
        • 120
        • 47
        • 69

        Font Size
        #4
        Go to Thank You
        Originally posted by yilmaz
        Replace it with
        HTML Code:
        tr.topic-item.unread.js-topic-item .js-topic-title:after {
        content: "New";
        display: inline-block;
        background: #dc3030;
        padding: 1px 4px;
        font-size: 11px;
        color: #FFF;
        border-radius: 3px;
        margin-left: 5px;
        position: relative;
        top: -2px;
        }
        OK perfect.. now works well! Thanks!Go to Top of Post

        Comment

        • Go to Thank You firas alhadithy
          Member

          ❤️
          • 02.2021
          • 73
          • 46
          • 35

          Font Size
          #5
          Go to Thank You
          done
          it work perfect
          thankssGo to Top of Post

          Comment

          X

          Thread Information

          Collapse

          Users Browsing this Thread

          There are currently 1 users browsing this thread. (0 members and 1 guests)

            widgetinstance 297 (Related Topics) skipped due to lack of content & hide_module_if_empty option.
            Working...
            😀
            😂
            🥰
            😘
            🤢
            😎
            😞
            😡
            👍
            👎

            AdBlock Detected

            Please Disable Adblock

            Please consider supporting us by disabling the ad blocker.

            I've Disabled AdBlock
            Home