Announcement

Collapse
No announcement yet.

Add new phrase to unread topics vB5

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • Font Size
    #1

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

    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
    Similar Threads

  • Font Size
    #2
    Mh..... little mistake?

    yilmaz yilmaz likes this.

    Comment


    • Font Size
      #3
      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;
      }
      mito22 mito22 likes this.

      Comment


      • Font Size
        #4
        Originally posted by yilmaz View Post
        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!

        Comment


        • Font Size
          #5
          done
          it work perfect
          thankss

          Comment


          • Font Size
            #6
            Great, Instaelld and to support RTL language.

            Changed

            Code:
            margin-left: 5px;
            to
            Code:
            margin-{vb:stylevar left}: 5px;

            Thank you brother,






            yilmaz yilmaz likes this.

            Comment


            • Font Size
              #7
              Works perfect on vb 5.6.4, thanks Yilmaz!
              yilmaz yilmaz likes this.

              Comment

              X

              Thread Information

              Collapse

              Users Browsing this Thread

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

                Those who read this thread

                Collapse

                Members who have read this thread: 10

                Working...
                X

                AdBlock Detected

                Please Disable Adblock

                Please consider supporting us by disabling the ad blocker.

                I've Disabled AdBlock