Announcement

Collapse
No announcement yet.

Add new phrase to unread topics vB5

Collapse
X
Collapse
 
  • Page of 1
  • Filter
  • Time
  • Show
Clear All
new posts
Previous template Next
  • 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
    Tags: add, phrase, topics, unread, vb5
    • Top
    • Likes 6
  • Font Size
    #2
    Mh..... little mistake?

    yilmaz yilmaz likes this.
    • Top
    • Likes 1

    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.
      • Top
      • Likes 1

      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!
        • Top

        Comment

        • Font Size
          #5
          done
          it work perfect
          thankss
          • Top

          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.
            • Top
            • Likes 1

            Comment

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

              Comment

              • Font Size
                #8
                It's possibile to unactivate it on MOBILE visualization?
                • Top

                Comment

                Previous template Next
                X

                Thread Information

                Collapse
                Users Browsing this Thread

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

                  Those who read this thread

                  Collapse

                  Members who have read this thread: 15

                  Working...
                  X

                  We process personal data about users of our site, through the use of cookies and other technologies, to deliver our services, personalize advertising, and to analyze site activity. We may share certain information about our users with our advertising and analytics partners. For additional details, refer to our Privacy Policy.

                  By clicking "I AGREE" below, you agree to our Privacy Policy and our personal data processing and cookie practices as described therein. You also acknowledge that this forum may be hosted outside your country and you consent to the collection, storage, and processing of your data in the country where this forum is hosted.

                  I Agree

                  AdBlock Detected

                  Please Disable Adblock

                  Please consider supporting us by disabling the ad blocker.

                  I've Disabled AdBlock