Announcement

Collapse
No announcement yet.

normal topic icon

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

  • normal topic icon

    Hello , i want to ask , how i can change normal topic icon ?
    Thanks

  • #2
    Add these custom css:

    Code:
    .vb-icon-topic-status {
        background-color: transparent;
        background-repeat: no-repeat;
        height: 18px; /* this is the height of default icons, remove it if the same */
        width: 16px /* this is the width of default icons, remove it if the same */
    }
    
    /* for hot unread topic */
    .hot-unread .vb-icon-topic-status {
        background-image: url('/path/to/icon.png');
    }
    
    /* for hot read topic */
    .hot-read .vb-icon-topic-status {
        background-image: url('/path/to/icon.png');
    }
    
    /* for read topic */
    .read .vb-icon-topic-status {
        background-image: url('/path/to/icon.png');
    }
    
    /* for closed topic */
    .closed .vb-icon-topic-status {
        background-image: url('/path/to/icon.png');
    }
    
    /* for deleted topic */
    .deleted .vb-icon-topic-status {
        background-image: url('/path/to/icon.png');
    }
    
    /* for unread topic where current user has posted to */
    .posted .vb-icon-topic-status {
        background-image: url('/path/to/icon.png');
    }
    
    /* for read topic where current user has posted to */
    .posted.read .vb-icon-topic-status {
        background-image: url('/path/to/icon.png');
    }
    
    /* for closed topic where current user has posted to */
    .posted.closed .vb-icon-topic-status {
        background-image: url('/path/to/icon.png');
    }
    
    /* for deleted topic where current user has posted to */
    .posted.deleted .vb-icon-topic-status {
        background-image: url('/path/to/icon.png');
    }

    GIPHY for vB5 AutoLinker Auto-Create Flag Report Topic Social Icons in Postbit Clear Cache Cron DragDrop Upload Topic AJAX AutoUpdate Custom Avatars Selector Stop Links in Posts...and more!

    Comment


    • #3
      thanks , i'll check tomorrow

      Comment


      • #4
        Originally posted by Glenn Vergara View Post
        Add these custom css:

        Code:
        .vb-icon-topic-status {
        background-color: transparent;
        background-repeat: no-repeat;
        height: 18px; /* this is the height of default icons, remove it if the same */
        width: 16px /* this is the width of default icons, remove it if the same */
        }
        
        /* for hot unread topic */
        .hot-unread .vb-icon-topic-status {
        background-image: url('/path/to/icon.png');
        }
        
        /* for hot read topic */
        .hot-read .vb-icon-topic-status {
        background-image: url('/path/to/icon.png');
        }
        
        /* for read topic */
        .read .vb-icon-topic-status {
        background-image: url('/path/to/icon.png');
        }
        
        /* for closed topic */
        .closed .vb-icon-topic-status {
        background-image: url('/path/to/icon.png');
        }
        
        /* for deleted topic */
        .deleted .vb-icon-topic-status {
        background-image: url('/path/to/icon.png');
        }
        
        /* for unread topic where current user has posted to */
        .posted .vb-icon-topic-status {
        background-image: url('/path/to/icon.png');
        }
        
        /* for read topic where current user has posted to */
        .posted.read .vb-icon-topic-status {
        background-image: url('/path/to/icon.png');
        }
        
        /* for closed topic where current user has posted to */
        .posted.closed .vb-icon-topic-status {
        background-image: url('/path/to/icon.png');
        }
        
        /* for deleted topic where current user has posted to */
        .posted.deleted .vb-icon-topic-status {
        background-image: url('/path/to/icon.png');
        }

        there is something wrong with code ....

        Comment


        • #5
          this code are not works

          Comment


          • #6
            The code will not work unless you answer Yes to all the questions below.
            1. Did you change the path of the background images to the correct location?
            2. Did you put the custom css in css_additional template or via Sitebuilder > Style > CSS Editor in the desired style/theme?
            3. Is the correct style/theme (where you added the custom css to) selected while you view the forum?

            GIPHY for vB5 AutoLinker Auto-Create Flag Report Topic Social Icons in Postbit Clear Cache Cron DragDrop Upload Topic AJAX AutoUpdate Custom Avatars Selector Stop Links in Posts...and more!

            Comment


            • #7
              Yea , i found already thanks , but i'm looking now for sticky , unsticky icons how to change ,,,

              Comment


              • #8
                There are no sticky icons. The sticky topics only have yellow background by default. The topic icons used in a sticky topic are just for if topic is closed, read, unread, etc

                GIPHY for vB5 AutoLinker Auto-Create Flag Report Topic Social Icons in Postbit Clear Cache Cron DragDrop Upload Topic AJAX AutoUpdate Custom Avatars Selector Stop Links in Posts...and more!

                Comment


                • #9
                  so you mean , there are exist just this code?

                  PHP Code:
                  /* unread sticky */
                  .topic-item.sticky .vb-icon.vb-icon-topic-status {
                      
                  backgroundtransparent url("/icons/stickytico.png"no-repeat;
                  width42px/* icon width */
                  height42px/* icon height */
                  }
                  /* read sticky */
                  .topic-item.sticky.read .vb-icon.vb-icon-topic-status {
                      
                  backgroundtransparent url("/icons/stickyreadico.png"no-repeat;
                  width42px/* icon width */
                  height42px/* icon height */

                  How about if there are sticky closed topic ? how to make icon for it?

                  i wanna make icons for closed and simple topics but i can't . example ,if there will gonna be normal sticky topic , it will have closed icon..

                  Comment


                  • #10
                    What I meant was if a sticky post is unread, read or closed, the topic icon used is the same for non-sticky unread, read, or closed topics. The only indicator that a topic is a sticky is its yellow background color and it is on top of the list.

                    Btw, don't open multiple topics of the same issue. You opened another one here

                    http://www.vbulletin.com/forum/forum...9-sticky-icons


                    GIPHY for vB5 AutoLinker Auto-Create Flag Report Topic Social Icons in Postbit Clear Cache Cron DragDrop Upload Topic AJAX AutoUpdate Custom Avatars Selector Stop Links in Posts...and more!

                    Comment


                    • #11
                      Originally posted by Glenn Vergara View Post
                      Add these custom css:

                      Code:
                      .vb-icon-topic-status {
                      background-color: transparent;
                      background-repeat: no-repeat;
                      height: 18px; /* this is the height of default icons, remove it if the same */
                      width: 16px /* this is the width of default icons, remove it if the same */
                      }
                      
                      /* for hot unread topic */
                      .hot-unread .vb-icon-topic-status {
                      background-image: url('/path/to/icon.png');
                      }
                      
                      /* for hot read topic */
                      .hot-read .vb-icon-topic-status {
                      background-image: url('/path/to/icon.png');
                      }
                      
                      /* for read topic */
                      .read .vb-icon-topic-status {
                      background-image: url('/path/to/icon.png');
                      }
                      
                      /* for closed topic */
                      .closed .vb-icon-topic-status {
                      background-image: url('/path/to/icon.png');
                      }
                      
                      /* for deleted topic */
                      .deleted .vb-icon-topic-status {
                      background-image: url('/path/to/icon.png');
                      }
                      
                      /* for unread topic where current user has posted to */
                      .posted .vb-icon-topic-status {
                      background-image: url('/path/to/icon.png');
                      }
                      
                      /* for read topic where current user has posted to */
                      .posted.read .vb-icon-topic-status {
                      background-image: url('/path/to/icon.png');
                      }
                      
                      /* for closed topic where current user has posted to */
                      .posted.closed .vb-icon-topic-status {
                      background-image: url('/path/to/icon.png');
                      }
                      
                      /* for deleted topic where current user has posted to */
                      .posted.deleted .vb-icon-topic-status {
                      background-image: url('/path/to/icon.png');
                      }


                      I think there are missing something , because for unread topics there is not showing icon , i tried all that codes , but i think there should be one more

                      can you double check please

                      ThANKS

                      Comment


                      • #12
                        Can you post a link to your forum? It's easier to check in the actual page.

                        GIPHY for vB5 AutoLinker Auto-Create Flag Report Topic Social Icons in Postbit Clear Cache Cron DragDrop Upload Topic AJAX AutoUpdate Custom Avatars Selector Stop Links in Posts...and more!

                        Comment


                        • #13
                          check general discussion category/forum
                          www.surveyarea.net

                          Comment


                          • #14
                            up..

                            Comment

                            Related Topics

                            Collapse

                            Working...
                            X